update dify

Author: ylxmf2005

docusaurus.config.ts

@@ -56,23 +56,9 @@ const config: Config = {
     mermaid: true,
   },
 
-  scripts: [
-    {
-      innerHTML: `
-        window.difyChatbotConfig = {
-          token: 'wairWlveaRXYYqb5',
-          systemVariables: {
-            // user_id: 'YOU CAN DEFINE USER ID HERE',
-            // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',
-          },
-        }
-      `,
-    },
-    {
-      src: 'https://udify.app/embed.min.js',
-      id: 'wairWlveaRXYYqb5',
-      defer: true,
-    },
+  // Add the Dify client module
+  clientModules: [
+    './src/clientModules/difyIntegration.js',
   ],
 
   plugins: [
@@ -92,8 +78,6 @@ const config: Config = {
       {
         docs: {
           sidebarPath: "./sidebars.ts",
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
             "https://github.com/Open-LLM-VTuber/Open-LLM-VTuber-Docs/tree/main/",
         },
@@ -103,8 +87,6 @@ const config: Config = {
             type: ["rss", "atom"],
             xslt: true,
           },
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl:
             "https://github.com/Open-LLM-VTuber/Open-LLM-VTuber-Docs/tree/main/",
           // Useful options to enforce blogging best practices
@@ -120,7 +102,6 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
     image: "img/Open_LLM_VTuber_Social.png",
     navbar: {
       title: "Open LLM Vtuber",

src/clientModules/difyIntegration.js

@@ -0,0 +1,58 @@
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+
+export default (function () {
+  if (!ExecutionEnvironment.canUseDOM) {
+    return null; // Don't run on server-side
+  }
+
+  return {
+    onRouteUpdate({location}) {
+      // Check if the config is already set (e.g., by a previous navigation)
+      // Also check if the script is added, maybe the config exists but script failed last time
+      if (!window.difyChatbotConfig && !document.getElementById('wairWlveaRXYYqb5')) {
+          console.log('Setting Dify config and adding script via client module');
+          
+          // Define configuration
+          window.difyChatbotConfig = {
+            token: 'wairWlveaRXYYqb5',
+            systemVariables: {
+              // user_id: 'YOU CAN DEFINE USER ID HERE',
+              // conversation_id: 'YOU CAN DEFINE CONVERSATION ID HERE, IT MUST BE A VALID UUID',
+            },
+          };
+
+          // Get CSP nonce from Docusaurus meta tag
+          const nonceMeta = document.querySelector('meta[name="docusaurus-csp-nonce"]');
+          const nonceValue = nonceMeta?.content;
+
+          // Create and append the script tag
+          const script = document.createElement('script');
+          script.src = 'https://udify.app/embed.min.js';
+          script.id = 'wairWlveaRXYYqb5';
+          if (nonceValue) {
+            script.setAttribute('nonce', nonceValue);
+            console.log('Applied nonce to Dify script:', nonceValue);
+          }
+          document.head.appendChild(script); // Append to head
+      } else if (window.difyChatbotConfig && !document.getElementById('wairWlveaRXYYqb5')) {
+         // Config exists, but script is missing (maybe removed or failed to load)
+         console.log('Dify config exists, re-adding script via client module');
+         
+         // Get CSP nonce from Docusaurus meta tag
+         const nonceMeta = document.querySelector('meta[name="docusaurus-csp-nonce"]');
+         const nonceValue = nonceMeta?.content;
+
+         const script = document.createElement('script');
+         script.src = 'https://udify.app/embed.min.js';
+         script.id = 'wairWlveaRXYYqb5';
+         if (nonceValue) {
+           script.setAttribute('nonce', nonceValue);
+           console.log('Applied nonce to Dify script (re-add):', nonceValue);
+         }
+         document.head.appendChild(script); // Append to head
+      } else {
+          console.log('Dify config or script already present, skipping addition.');
+      }
+    },
+  };
+})(); 

src/components/HomepageFeatures/styles.module.css

@@ -12,7 +12,7 @@
 
 .featureImage {
   width: auto;
-  height: 200px; /* 或者您想要的其他高度 */
-  object-fit: contain; /* 保持图片比例 */
+  height: 200px;
+  object-fit: contain;
   margin: 0 auto;
 }

src/css/custom.css

@@ -29,7 +29,6 @@
   --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3);
 }
 
-/* Dify Chatbot Styles */
 #dify-chatbot-bubble-button {
   background-color: #1C64F2 !important;
 }