@wingmanjs/react 0.1.0

package/dist/providers/theme-provider.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * ThemeProvider — Applies Wingman theme via CSS custom properties.
+ *
+ * Wraps children in a `.wingman-root` container that carries the
+ * `data-wingman-theme` attribute for light/dark/system mode and
+ * injects any color overrides as inline CSS custom properties.
+ */
+import { createContext, useContext, useEffect, useState, useMemo, } from 'react';
+const ThemeContext = createContext(null);
+// ---------------------------------------------------------------------------
+// Hooks
+// ---------------------------------------------------------------------------
+/** Access the current Wingman theme. Must be used inside <ThemeProvider>. */
+export function useTheme() {
+    const ctx = useContext(ThemeContext);
+    if (!ctx) {
+        throw new Error('useTheme must be used within a <ThemeProvider>');
+    }
+    return ctx;
+}
+// ---------------------------------------------------------------------------
+// Color → CSS variable mapping
+// ---------------------------------------------------------------------------
+const COLOR_MAP = {
+    primary: '--wm-primary',
+    primaryHover: '--wm-primary-hover',
+    primarySubtle: '--wm-primary-subtle',
+    bg: '--wm-bg',
+    bgSecondary: '--wm-bg-secondary',
+    bgTertiary: '--wm-bg-tertiary',
+    bgHover: '--wm-bg-hover',
+    text: '--wm-text',
+    textSecondary: '--wm-text-secondary',
+    textTertiary: '--wm-text-tertiary',
+    textInverse: '--wm-text-inverse',
+    border: '--wm-border',
+    borderSubtle: '--wm-border-subtle',
+    success: '--wm-success',
+    error: '--wm-error',
+    warning: '--wm-warning',
+    userBg: '--wm-user-bg',
+    userText: '--wm-user-text',
+    assistantBg: '--wm-assistant-bg',
+    assistantText: '--wm-assistant-text',
+};
+function buildColorStyles(colors) {
+    const style = {};
+    for (const [key, value] of Object.entries(colors)) {
+        const cssVar = COLOR_MAP[key];
+        if (cssVar && value) {
+            style[cssVar] = value;
+        }
+    }
+    return style;
+}
+// ---------------------------------------------------------------------------
+// System preference detection
+// ---------------------------------------------------------------------------
+function getSystemPreference() {
+    if (typeof window === 'undefined')
+        return 'light';
+    return window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light';
+}
+function useSystemPreference() {
+    const [pref, setPref] = useState(getSystemPreference);
+    useEffect(() => {
+        const mq = window.matchMedia('(prefers-color-scheme: dark)');
+        const handler = (e) => setPref(e.matches ? 'dark' : 'light');
+        mq.addEventListener('change', handler);
+        return () => mq.removeEventListener('change', handler);
+    }, []);
+    return pref;
+}
+// ---------------------------------------------------------------------------
+// Provider
+// ---------------------------------------------------------------------------
+const EMPTY_COLORS = {};
+export function ThemeProvider({ children, theme = 'system', colors, className = '', }) {
+    const systemPref = useSystemPreference();
+    const resolvedTheme = theme === 'system' ? systemPref : theme;
+    const effectiveColors = colors ?? EMPTY_COLORS;
+    const colorStyles = useMemo(() => buildColorStyles(effectiveColors), [effectiveColors]);
+    const contextValue = useMemo(() => ({ resolvedTheme, theme, colors: effectiveColors }), [resolvedTheme, theme, effectiveColors]);
+    return (_jsx(ThemeContext.Provider, { value: contextValue, children: _jsx("div", { className: `wingman-root ${className}`.trim(), "data-wingman-theme": theme === 'system' ? 'system' : resolvedTheme, style: colorStyles, children: children }) }));
+}
+//# sourceMappingURL=theme-provider.js.map

package/dist/providers/theme-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme-provider.js","sourceRoot":"","sources":["../../src/providers/theme-provider.tsx"],"names":[],"mappings":";AAAA;;;;;;GAMG;AAEH,OAAc,EACZ,aAAa,EACb,UAAU,EACV,SAAS,EACT,QAAQ,EACR,OAAO,GAGR,MAAM,OAAO,CAAC;AA0Ef,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AAEnE,8EAA8E;AAC9E,QAAQ;AACR,8EAA8E;AAE9E,6EAA6E;AAC7E,MAAM,UAAU,QAAQ;IACtB,MAAM,GAAG,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACrC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,MAAM,IAAI,KAAK,CAAC,gDAAgD,CAAC,CAAC;IACpE,CAAC;IACD,OAAO,GAAG,CAAC;AACb,CAAC;AAED,8EAA8E;AAC9E,+BAA+B;AAC/B,8EAA8E;AAE9E,MAAM,SAAS,GAA6C;IAC1D,OAAO,EAAE,cAAc;IACvB,YAAY,EAAE,oBAAoB;IAClC,aAAa,EAAE,qBAAqB;IACpC,EAAE,EAAE,SAAS;IACb,WAAW,EAAE,mBAAmB;IAChC,UAAU,EAAE,kBAAkB;IAC9B,OAAO,EAAE,eAAe;IACxB,IAAI,EAAE,WAAW;IACjB,aAAa,EAAE,qBAAqB;IACpC,YAAY,EAAE,oBAAoB;IAClC,WAAW,EAAE,mBAAmB;IAChC,MAAM,EAAE,aAAa;IACrB,YAAY,EAAE,oBAAoB;IAClC,OAAO,EAAE,cAAc;IACvB,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,cAAc;IACtB,QAAQ,EAAE,gBAAgB;IAC1B,WAAW,EAAE,mBAAmB;IAChC,aAAa,EAAE,qBAAqB;CACrC,CAAC;AAEF,SAAS,gBAAgB,CAAC,MAA0B;IAClD,MAAM,KAAK,GAA2B,EAAE,CAAC;IACzC,KAAK,MAAM,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC;QAClD,MAAM,MAAM,GAAG,SAAS,CAAC,GAA+B,CAAC,CAAC;QAC1D,IAAI,MAAM,IAAI,KAAK,EAAE,CAAC;YACpB,KAAK,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC;QACxB,CAAC;IACH,CAAC;IACD,OAAO,KAAsB,CAAC;AAChC,CAAC;AAED,8EAA8E;AAC9E,8BAA8B;AAC9B,8EAA8E;AAE9E,SAAS,mBAAmB;IAC1B,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,OAAO,OAAO,CAAC;IAClD,OAAO,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AACtF,CAAC;AAED,SAAS,mBAAmB;IAC1B,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAmB,mBAAmB,CAAC,CAAC;IAExE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC,8BAA8B,CAAC,CAAC;QAC7D,MAAM,OAAO,GAAG,CAAC,CAAsB,EAAE,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC;QAClF,EAAE,CAAC,gBAAgB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;QACvC,OAAO,GAAG,EAAE,CAAC,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,IAAI,CAAC;AACd,CAAC;AAED,8EAA8E;AAC9E,WAAW;AACX,8EAA8E;AAE9E,MAAM,YAAY,GAAuB,EAAE,CAAC;AAE5C,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,KAAK,GAAG,QAAQ,EAChB,MAAM,EACN,SAAS,GAAG,EAAE,GACK;IACnB,MAAM,UAAU,GAAG,mBAAmB,EAAE,CAAC;IACzC,MAAM,aAAa,GAAG,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAC9D,MAAM,eAAe,GAAG,MAAM,IAAI,YAAY,CAAC;IAE/C,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,gBAAgB,CAAC,eAAe,CAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;IAExF,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,CAAC,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,CAAC,EACzD,CAAC,aAAa,EAAE,KAAK,EAAE,eAAe,CAAC,CACxC,CAAC;IAEF,OAAO,CACL,KAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YACxC,cACE,SAAS,EAAE,gBAAgB,SAAS,EAAE,CAAC,IAAI,EAAE,wBACzB,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,EACjE,KAAK,EAAE,WAAW,YAEjB,QAAQ,GACL,GACgB,CACzB,CAAC;AACJ,CAAC"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "@wingmanjs/react",
+  "version": "0.1.0",
+  "description": "React hooks and components for Wingman chat",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./src/styles/wingman.css",
+    "./styles/wingman.css": "./src/styles/wingman.css"
+  },
+  "files": [
+    "dist",
+    "src/styles"
+  ],
+  "keywords": [
+    "copilot",
+    "github",
+    "copilot-sdk",
+    "chat",
+    "react",
+    "ui"
+  ],
+  "author": "Eric Hansen",
+  "license": "MIT",
+  "engines": {
+    "node": ">=20.11.0"
+  },
+  "dependencies": {
+    "react-markdown": "^9.0.0",
+    "remark-gfm": "^4.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@wingmanjs/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "typescript": "^5.7.0",
+    "vitest": "^3.0.0"
+  },
+  "scripts": {
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "clean": "rm -rf dist",
+    "lint": "eslint src/",
+    "test": "vitest run"
+  }
+}