Merged
Conversation
- Added bot and user PNG images to the public/dist/images directory. - Introduced a new SVG file for Vite in the public/dist directory. - Created a Tailwind CSS configuration file with custom brand colors.
- Introduced a response mode toggle between 'actual' and 'test' in App.vue, ChatHeader.vue, and ChatbotPopup.vue. - Updated API calls in frappe.js to handle different modes for response generation. - Enhanced ChatForm.vue with voice input capabilities, including microphone permission handling and speech recognition. - Added a StatusToast component for displaying notifications related to voice input and other statuses.
- Introduced a toggle for enabling/disabling auto-read feature in App.vue. - Updated ChatHeader.vue to include a button for toggling auto-read. - Enhanced ChatMessage.vue to read aloud messages when auto-read is enabled. - Passed autoReadEnabled prop to ChatTab, SupportTab, and ChatbotPopup components. - Ensured auto-read functionality only activates for bot messages and avoids placeholders.
- Updated ChatForm.vue to use rgba for focus ring color and changed button background color. - Modified ChatHeader.vue to apply a custom background color and adjusted SVG fill color. - Changed windowMode default value in ChatbotPopup.vue from 'half' to 'default'. - Updated TabBar.vue to change active tab text color to a specific hex value. - Enhanced changai.css with new styles for chatbot root and popup, including adjustments to header height and padding.
…d structure - Deleted unused SVG and image assets from the project. - Removed the changai.css stylesheet and migrated relevant styles to Tailwind CSS classes. - Updated BotIcon, ChatForm, ChatHeader, ChatMessage, ChatTab, ChatbotPopup, ChatbotToggler, DebugTab, and SupportTab components for improved styling and structure. - Enhanced responsiveness and accessibility across components.
- Updated ChatMessage.vue to ensure messages have a full width and improved wrapping behavior. - Modified ChatTab.vue to adjust message width and layout for better alignment. - Enhanced ChatbotPopup.vue to allow for horizontal overflow handling and maintain layout integrity. - Improved DebugTab.vue to ensure logs are displayed correctly with proper wrapping and overflow handling. - Adjusted SupportTab.vue to maintain consistent spacing and layout for support messages.
- Updated button classes in ChatForm, ChatHeader, ChatbotToggler, StatusToast, and TabBar components to include 'appearance-none' and 'border-0' for a more uniform look. - Applied border-radius styles directly in the components where necessary. - Added base styles in tailwind.css for buttons within the chatbot root to ensure consistent appearance and behavior.
… stylesheet loading - Introduced `resolveStylesheetHref` function to determine the correct stylesheet URL based on existing script tags. - Added `ensureShadowStyles` function to handle the loading of styles into the shadow DOM, including support for development styles. - Updated `initChangAIChatbot` to create a shadow DOM for the chatbot and append the mount element within it. - Ensured that the chatbot only initializes if it hasn't been created already.
- Removed the response mode toggle functionality from App.vue and related components. - Updated ChatHeader.vue to change button functionality to resize the chat window. - Adjusted styles in ChatMessage.vue for loading indicators and improved button aesthetics. - Modified ChatbotPopup.vue to eliminate response mode props and adjust popup dimensions. - Added new animation for loading indicators in tailwind.css.
- Set autoReadEnabled to true in App.vue for improved user experience. - Updated ChatHeader.vue to provide clearer resize mode indications and improved button functionality. - Simplified resize mode handling by consolidating resize events into a single cycleResize method in ChatbotPopup.vue.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
This pull request updates how the ChangAI chatbot assets are managed and loaded, focusing on improving cache-busting for frontend assets and removing legacy JavaScript and CSS files. The changes ensure that the latest versions of the chatbot's JavaScript and CSS are always served, and they remove now-unused files in preparation for a new or rebuilt frontend.
Asset versioning and loading improvements:
hooks.pythat appends a version query string (based on the package version and file modification time) to the chatbot's bundled JS and CSS assets, ensuring browsers always load the latest files.app_include_jsandapp_include_csssettings inhooks.pyto reference the new bundled asset paths with versioning, replacing the old file paths.Frontend cleanup and preparation:
changai.jsfile, which contained the previous implementation of the chatbot widget and related logic, as it is no longer needed.index.cssfile for the Vue-based chat frontend, removing unused CSS and references to the previous UI.