@m6d/cortex-react 0.1.0

package/dist/theme.css

@@ -0,0 +1,71 @@
+/*
+ * Theming surface.
+ *
+ * Every value below is the widget's own default; the compiled stylesheet ships
+ * this same file, so importing it changes nothing until you edit it. Override
+ * any token on :root, or on any ancestor of the widget, to retheme it.
+ *
+ * Each color is a light-dark() pair. Which side applies follows the widget root's
+ * color-scheme, set by the `theme` config option ('light' | 'dark' | 'system').
+ * The radius and font tokens below the colors are plain values — neither depends
+ * on the scheme.
+ */
+:root {
+  --cortex-color-surface: light-dark(#ffffff, #0a0a0a);
+  --cortex-color-surface-subtle: light-dark(#f8fafc, #141414);
+  --cortex-color-surface-muted: light-dark(#f1f5f9, #1f1f1f);
+
+  --cortex-color-border: light-dark(#e2e8f0, #2e2e2e);
+  --cortex-color-border-strong: light-dark(#cbd5e1, #444444);
+
+  --cortex-color-text-heading: light-dark(#1e293b, #fafafa);
+  --cortex-color-text-strong: light-dark(#334155, #e5e5e5);
+  --cortex-color-text: light-dark(#475569, #d4d4d4);
+  --cortex-color-text-secondary: light-dark(#64748b, #a3a3a3);
+  --cortex-color-text-muted: light-dark(#94a3b8, #737373);
+
+  --cortex-color-primary: light-dark(#1e293b, #fafafa);
+  --cortex-color-primary-foreground: light-dark(#ffffff, #0a0a0a);
+  --cortex-color-accent: light-dark(#4f46e5, #818cf8);
+  --cortex-color-accent-surface: light-dark(#e0e7ff, #312e81);
+  --cortex-color-link: light-dark(#2563eb, #60a5fa);
+  --cortex-color-hover: light-dark(rgba(0, 0, 0, 0.05), rgba(255, 255, 255, 0.06));
+
+  /* User messages default to the same subtle surface every other quiet panel
+   * uses, split out so a consumer can give their own side of the chat a color
+   * without touching anything else. */
+  --cortex-color-user-surface: var(--cortex-color-surface-subtle);
+  --cortex-color-user-border: var(--cortex-color-border);
+
+  /* Code blocks sit a step below the bubble they are in, in either scheme. */
+  --cortex-color-code-surface: light-dark(#e8edf3, #111111);
+  --cortex-color-code-text: light-dark(#334155, #e5e5e5);
+
+  --cortex-color-success: light-dark(#059669, #34d399);
+  --cortex-color-success-surface: light-dark(#ecfdf5, #064e3b);
+  --cortex-color-success-border: light-dark(#d1fae5, #065f46);
+  --cortex-color-danger: light-dark(#dc2626, #f87171);
+  --cortex-color-danger-surface: light-dark(#fef2f2, #450a0a);
+  --cortex-color-danger-border: light-dark(#fecaca, #7f1d1d);
+
+  /* The corner scale every rounded surface derives from: the widget multiplies
+   * this by 0.5/0.75/1.5/2, so overriding it rescales all of them together. */
+  --cortex-radius: 0.5rem;
+
+  --cortex-font-mono: var(
+    --default-mono-font-family,
+    ui-monospace,
+    SFMono-Regular,
+    Menlo,
+    Monaco,
+    Consolas,
+    monospace
+  );
+  --cortex-font-size: 0.8125rem;
+
+  /* The widget's headings read --cortex-font-display and fall back to `inherit`,
+   * so it ships unset on purpose — declaring it here is how you opt in:
+   *
+   * --cortex-font-display: 'Your Display Face', sans-serif;
+   */
+}

package/package.json

@@ -0,0 +1,77 @@
+{
+    "name": "@m6d/cortex-react",
+    "version": "0.1.0",
+    "description": "React chat widget SDK for cortex servers",
+    "license": "MIT",
+    "sideEffects": [
+        "dist/*.css"
+    ],
+    "type": "module",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "bun": "./dist/index.js",
+            "import": "./dist/index.js",
+            "default": "./dist/index.js"
+        },
+        "./styles.css": "./dist/styles.css",
+        "./theme.css": "./dist/theme.css"
+    },
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "files": [
+        "dist"
+    ],
+    "scripts": {
+        "build": "bash scripts/build.sh",
+        "check": "tsc --noEmit",
+        "prepack": "bun run build"
+    },
+    "devDependencies": {
+        "@cortex/client": "workspace:*",
+        "@cortex/contracts": "workspace:*",
+        "@m6d/prettier-config": "workspace:*",
+        "@m6d/tsconfig": "workspace:*",
+        "@tanstack/ai": "^0.55.0",
+        "@tanstack/ai-client": "^0.32.1",
+        "@tanstack/ai-react": "^0.27.0",
+        "@types/bun": "1.3.14",
+        "@types/leaflet": "^1.9.22",
+        "@types/react": "^19",
+        "@types/react-dom": "^19",
+        "dompurify": "^3.3.3",
+        "dts-bundle-generator": "^9.5.1",
+        "highlight.js": "^11.11.1",
+        "leaflet": "^1.9.4",
+        "marked": "^17.0.4",
+        "mermaid": "^12.0.0",
+        "react": "^19.2.0",
+        "sass": "^1.83.0",
+        "typescript": "~6.0.3",
+        "vega": "^6.4.0",
+        "vega-embed": "^7.2.0",
+        "vega-lite": "^6.4.3"
+    },
+    "peerDependencies": {
+        "@tanstack/ai": "^0.55.0",
+        "@tanstack/ai-client": "^0.32.1",
+        "@tanstack/ai-react": "^0.27.0",
+        "dompurify": "^3.0.0",
+        "highlight.js": "^11.0.0",
+        "leaflet": "^1.9.0",
+        "marked": "^17.0.0",
+        "mermaid": "^12.0.0",
+        "react": ">=18",
+        "react-dom": ">=18",
+        "vega": "^6.0.0",
+        "vega-embed": "^7.0.0",
+        "vega-lite": "^6.0.0"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "releaseWatchPaths": [
+        "internal/client",
+        "internal/contracts"
+    ]
+}