From 23b05cbcb167dc28c423c517542c9ca60c3c8b50 Mon Sep 17 00:00:00 2001
From: Rudis Muiznieks <rudis@sitosis.com>
Date: Wed, 25 Sep 2024 14:24:23 -0500
Subject: [PATCH] added a custom css config for summary content

---
 configure.phtml  | 8 ++++++++
 extension.php    | 4 +++-
 i18n/en/ext.php  | 2 ++
 metadata.json    | 2 +-
 static/script.js | 1 +
 5 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/configure.phtml b/configure.phtml
index 883bd76..41255db 100644
--- a/configure.phtml
+++ b/configure.phtml
@@ -1,6 +1,7 @@
 <?php
   $kagi_token = FreshRSS_Context::$user_conf->kagi_token;
   $kagi_language = FreshRSS_Context::$user_conf->kagi_language;
+  $kagi_custom_css = FreshRSS_Context::$user_conf->kagi_custom_css;
   function printLanguageOption($lang, $selected) {
     echo '<option ' . ($selected == $lang ? 'selected ' : '') . 'value="'. $lang . '">'
       . _t('ext.kagiSummarizer.configure.lang.' . strtolower($lang == '' ? 'default' : $lang))
@@ -54,6 +55,13 @@
       </select>
     </div>
   </div>
+  <div class="form-group">
+    <label class="group-name" for="kagi_custom_css"><?php echo _t('ext.kagiSummarizer.configure.kagi_custom_css'); ?></label>
+    <div class="group-controls">
+      <input type="text" name="kagi_custom_css" id="kagi_custom_css" value="<?php echo $kagi_custom_css; ?>">
+      <p><small><?php echo _t('ext.kagiSummarizer.configure.kagi_custom_css_help'); ?></small></p>
+    </div>
+  </div>
   <div class="form-group form-actions">
     <div class="group-controls">
       <button type="submit" class="btn btn-important"><?php echo _t('gen.action.submit'); ?></button>
diff --git a/extension.php b/extension.php
index 3179e24..485df57 100644
--- a/extension.php
+++ b/extension.php
@@ -20,12 +20,14 @@ class KagiSummarizerExtension extends Minz_Extension {
       }
       FreshRSS_Context::$user_conf->kagi_token = $kagi_token;
       FreshRSS_Context::$user_conf->kagi_language = Minz_Request::param('kagi_language', '');
+      FreshRSS_Context::$user_conf->kagi_custom_css = Minz_Request::param('kagi_custom_css', '');
       FreshRSS_Context::$user_conf->save();
     }
   }
 
   public function addSummarizeButton(FreshRSS_Entry $entry): FreshRSS_Entry {
     $this->registerTranslates();
+    $custom_css = FreshRSS_Context::$user_conf->kagi_custom_css;
     $url_summary = Minz_Url::display(array(
       'c' => 'kagiSummarizer',
       'a' => 'summarize',
@@ -46,7 +48,7 @@ class KagiSummarizerExtension extends Minz_Extension {
       . '<a class="btn" href="' . $url_key_moments . '">'
       . _t('ext.kagiSummarizer.ui.key_moments_button') . '</a>'
       . '<p class="kagi-status hidden alert"></p>'
-      . '<blockquote class="kagi-content hidden"></blockquote></div>'
+      . '<blockquote class="kagi-content hidden" data-css="' . $custom_css . '"></blockquote></div>'
       . $entry->content());
     return $entry;
   }
diff --git a/i18n/en/ext.php b/i18n/en/ext.php
index b701df8..c71cc1f 100644
--- a/i18n/en/ext.php
+++ b/i18n/en/ext.php
@@ -6,6 +6,8 @@ return array(
       'kagi_token' => 'Kagi Token',
       'kagi_token_help' => 'Copy and paste the "Session Link" from your <a href="https://kagi.com/settings?p=user_details" target="_blank">Kagi Account</a> settings.',
       'kagi_language' => 'Output Language',
+      'kagi_custom_css' => 'Custom CSS',
+      'kagi_custom_css_help' => 'Applied to the summary container element.',
       'lang' => array(
         'default' => 'Default',
         'bg' => 'Bulgarian',
diff --git a/metadata.json b/metadata.json
index 36516d6..ac10708 100644
--- a/metadata.json
+++ b/metadata.json
@@ -2,7 +2,7 @@
   "name": "Kagi Summarizer",
   "author": "Rudis Muiznieks",
   "description": "Add buttons to summarize articles with the Kagi Universal Summarizer.",
-  "version": 0.2,
+  "version": 0.3,
   "entrypoint": "KagiSummarizer",
   "type": "user"
 }
diff --git a/static/script.js b/static/script.js
index ad2f885..a944bce 100644
--- a/static/script.js
+++ b/static/script.js
@@ -22,6 +22,7 @@ function configureSummarizeButtons() {
 function setKagiState(container, statusType, statusMsg, summaryText) {
   var kstatus = container.querySelector('.kagi-status');
   var content = container.querySelector('.kagi-content');
+  content.style.cssText = content.dataset.css;
 
   switch(statusType) {
     case 0: