@yushaw/sanqian-chat 0.1.1 → 0.2.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yushaw/sanqian-chat",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Floating chat window SDK for Sanqian AI Assistant",
   "main": "./dist/main/index.js",
   "types": "./dist/main/index.d.ts",
@@ -20,24 +20,36 @@
       "import": "./dist/renderer/index.mjs",
       "require": "./dist/renderer/index.js"
     },
+    "./renderer/styles/chat.css": "./src/renderer/styles/chat.css",
+    "./renderer/styles/safe.css": "./src/renderer/styles/safe.css",
+    "./renderer/styles/variables.css": "./src/renderer/styles/variables.css",
     "./preload": {
       "types": "./dist/preload/index.d.ts",
       "require": "./dist/preload/index.js"
     }
   },
   "files": [
-    "dist"
+    "dist",
+    "src/renderer/styles"
   ],
   "scripts": {
-    "build": "tsup",
+    "build": "npm run build:css && tsup",
+    "build:css": "node scripts/build-css.js",
     "dev": "tsup --watch",
+    "dev:test": "vite --config dev/vite.config.ts",
     "typecheck": "tsc --noEmit",
     "clean": "rimraf dist",
     "test": "vitest run",
     "test:watch": "vitest"
   },
+  "dependencies": {
+    "@yushaw/sanqian-sdk": "^0.3.0",
+    "react-virtuoso": "^4.15.0",
+    "rehype-harden": "^1.1.6",
+    "remark-gfm": "^4.0.1",
+    "streamdown": "^1.6.9"
+  },
   "peerDependencies": {
-    "@yushaw/sanqian-sdk": ">=0.2.14",
     "electron": ">=28.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",

package/src/renderer/styles/baseStyles.ts

@@ -0,0 +1,74 @@
+import { SAFE_CSS } from './safeCss';
+import { CHAT_CSS } from './chatCss';
+
+const SAFE_STYLE_ID = 'sanqian-chat-safe-styles';
+const FULL_STYLE_ID = 'sanqian-chat-full-styles';
+
+type StyleMode = 'safe' | 'full' | false;
+
+interface GlobalWindow {
+  __SANQIAN_CHAT_DISABLE_STYLES__?: boolean;
+  __SANQIAN_CHAT_STYLE_MODE__?: StyleMode;
+}
+
+/**
+ * Inject chat styles into the document.
+ *
+ * Style modes:
+ * - 'safe' (default): CSS variables + component styles + Tailwind utilities.
+ *   No global resets (preflight). Safe for third-party integration.
+ * - 'full': Complete styles including Tailwind CSS preflight.
+ *   Use this for standalone windows where you control the entire page.
+ * - false: Disable all style injection.
+ *
+ * Configure via:
+ * - window.__SANQIAN_CHAT_STYLE_MODE__ = 'full' | 'safe' | false
+ * - window.__SANQIAN_CHAT_DISABLE_STYLES__ = true (legacy, same as 'false')
+ *
+ * Or import CSS directly:
+ * - '@yushaw/sanqian-chat/renderer/styles/safe.css' (no preflight)
+ * - '@yushaw/sanqian-chat/renderer/styles/chat.css' (full with preflight)
+ */
+export function ensureChatBaseStyles(): void {
+  if (typeof document === 'undefined') return;
+
+  const win = window as GlobalWindow;
+
+  // Legacy opt-out
+  if (win.__SANQIAN_CHAT_DISABLE_STYLES__) return;
+
+  // Determine style mode
+  const mode: StyleMode = win.__SANQIAN_CHAT_STYLE_MODE__ ?? 'safe';
+  if (mode === false) return;
+
+  if (mode === 'full') {
+    // Full styles (includes Tailwind preflight)
+    if (document.getElementById(FULL_STYLE_ID)) return;
+    // Remove safe styles if present
+    document.getElementById(SAFE_STYLE_ID)?.remove();
+    const style = document.createElement('style');
+    style.id = FULL_STYLE_ID;
+    style.textContent = CHAT_CSS;
+    document.head.appendChild(style);
+  } else {
+    // Safe styles (default) - no global resets, but includes utilities
+    if (document.getElementById(SAFE_STYLE_ID)) return;
+    if (document.getElementById(FULL_STYLE_ID)) return; // Don't downgrade
+    const style = document.createElement('style');
+    style.id = SAFE_STYLE_ID;
+    style.textContent = SAFE_CSS;
+    document.head.appendChild(style);
+  }
+}
+
+/**
+ * Inject full chat styles including Tailwind preflight.
+ * Use this for standalone windows where you control the entire page.
+ *
+ * @deprecated Use window.__SANQIAN_CHAT_STYLE_MODE__ = 'full' instead
+ */
+export function ensureFullChatStyles(): void {
+  if (typeof document === 'undefined') return;
+  (window as GlobalWindow).__SANQIAN_CHAT_STYLE_MODE__ = 'full';
+  ensureChatBaseStyles();
+}