@syntrologie/runtime-sdk 0.2.0 → 0.2.3

package/dist/theme/extractHostTheme.js

@@ -0,0 +1,261 @@
+import { darkTheme, lightTheme } from "./defaultTheme";
+/**
+ * Common CSS variable prefixes used by popular frameworks
+ */
+const CSS_VAR_PATTERNS = [
+    // Tailwind
+    /^--color-/,
+    /^--tw-/,
+    // Chakra UI
+    /^--chakra-/,
+    // MUI
+    /^--mui-/,
+    // Radix
+    /^--radix-/,
+    // shadcn/ui
+    /^--primary/,
+    /^--secondary/,
+    /^--background/,
+    /^--foreground/,
+    /^--muted/,
+    /^--accent/,
+    /^--destructive/,
+    /^--border/,
+    /^--ring/,
+    /^--radius/,
+    // Bootstrap
+    /^--bs-/,
+    // Generic brand patterns
+    /^--brand/,
+    /^--theme/,
+    /^--app-/,
+];
+/**
+ * Extract CSS custom properties from :root
+ */
+function extractCssVariables() {
+    const variables = {};
+    if (typeof document === "undefined")
+        return variables;
+    try {
+        const root = document.documentElement;
+        const computedStyle = getComputedStyle(root);
+        // Get all stylesheets
+        for (const sheet of document.styleSheets) {
+            try {
+                for (const rule of sheet.cssRules) {
+                    if (rule instanceof CSSStyleRule && rule.selectorText === ":root") {
+                        for (const prop of rule.style) {
+                            if (prop.startsWith("--")) {
+                                const value = rule.style.getPropertyValue(prop).trim();
+                                if (value) {
+                                    variables[prop] = value;
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            catch {
+                // Cross-origin stylesheets will throw, skip them
+            }
+        }
+        // Also check computed style for inline CSS variables
+        for (const prop of computedStyle) {
+            if (prop.startsWith("--") && !variables[prop]) {
+                const value = computedStyle.getPropertyValue(prop).trim();
+                if (value) {
+                    variables[prop] = value;
+                }
+            }
+        }
+    }
+    catch (err) {
+        console.warn("[SmartCanvas] Error extracting CSS variables:", err);
+    }
+    return variables;
+}
+/**
+ * Get computed color from an element
+ */
+function getComputedColor(element, property) {
+    try {
+        const style = getComputedStyle(element);
+        const value = style.getPropertyValue(property);
+        return value && value !== "rgba(0, 0, 0, 0)" ? value.trim() : null;
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * Find primary color by analyzing interactive elements
+ */
+function findPrimaryColor() {
+    if (typeof document === "undefined")
+        return null;
+    // Look for common button/link patterns
+    const selectors = [
+        'button[class*="primary"]',
+        'button[class*="brand"]',
+        ".btn-primary",
+        "[data-variant='primary']",
+        "a[class*='primary']",
+        ".cta",
+        'button:not([disabled]):not([class*="secondary"]):not([class*="ghost"])',
+    ];
+    for (const selector of selectors) {
+        try {
+            const element = document.querySelector(selector);
+            if (element) {
+                const bgColor = getComputedColor(element, "background-color");
+                if (bgColor && bgColor !== "transparent" && !bgColor.includes("255, 255, 255")) {
+                    return bgColor;
+                }
+            }
+        }
+        catch {
+            // Selector might be invalid
+        }
+    }
+    // Fallback: check links
+    const link = document.querySelector("a:not([class])") || document.querySelector("a");
+    if (link) {
+        const color = getComputedColor(link, "color");
+        if (color)
+            return color;
+    }
+    return null;
+}
+/**
+ * Detect if page is in dark mode
+ */
+function detectDarkMode() {
+    var _a, _b;
+    if (typeof document === "undefined")
+        return true;
+    // Check prefers-color-scheme
+    if ((_b = (_a = window.matchMedia) === null || _a === void 0 ? void 0 : _a.call(window, "(prefers-color-scheme: dark)")) === null || _b === void 0 ? void 0 : _b.matches) {
+        return true;
+    }
+    // Check body background luminance
+    const body = document.body;
+    const bgColor = getComputedColor(body, "background-color");
+    if (bgColor) {
+        const match = bgColor.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)/);
+        if (match) {
+            const [, r, g, b] = match.map(Number);
+            const luminance = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
+            return luminance < 0.5;
+        }
+    }
+    // Check for dark mode classes
+    const html = document.documentElement;
+    if (html.classList.contains("dark") ||
+        html.dataset.theme === "dark" ||
+        body.classList.contains("dark")) {
+        return true;
+    }
+    return false;
+}
+/**
+ * Extract theme information from the host page
+ */
+export function extractHostTheme() {
+    const cssVariables = extractCssVariables();
+    // Try to find primary color
+    let primaryColor = null;
+    // First check CSS variables
+    const primaryVarNames = [
+        "--primary",
+        "--color-primary",
+        "--brand-color",
+        "--accent-color",
+        "--theme-primary",
+        "--app-primary",
+    ];
+    for (const varName of primaryVarNames) {
+        if (cssVariables[varName]) {
+            primaryColor = cssVariables[varName];
+            break;
+        }
+    }
+    // If not found, analyze elements
+    if (!primaryColor) {
+        primaryColor = findPrimaryColor();
+    }
+    // Extract other colors
+    const backgroundColor = cssVariables["--background"] ||
+        cssVariables["--color-background"] ||
+        getComputedColor(document.body, "background-color");
+    const textColor = cssVariables["--foreground"] ||
+        cssVariables["--color-text"] ||
+        getComputedColor(document.body, "color");
+    const borderColor = cssVariables["--border"] ||
+        cssVariables["--color-border"] ||
+        null;
+    const borderRadius = cssVariables["--radius"] ||
+        cssVariables["--border-radius"] ||
+        null;
+    const fontFamily = getComputedColor(document.body, "font-family");
+    return {
+        primaryColor,
+        backgroundColor,
+        surfaceColor: cssVariables["--card"] || cssVariables["--surface"] || null,
+        textColor,
+        textSecondaryColor: cssVariables["--muted-foreground"] || cssVariables["--color-text-secondary"] || null,
+        borderColor,
+        borderRadius,
+        fontFamily,
+        cssVariables,
+    };
+}
+/**
+ * Merge extracted theme with default theme tokens
+ */
+export function mergeWithExtractedTheme(extracted, baseTheme) {
+    const isDark = detectDarkMode();
+    const defaultTheme = baseTheme !== null && baseTheme !== void 0 ? baseTheme : (isDark ? darkTheme : lightTheme);
+    // Create merged theme, applying extracted values where available
+    const merged = { ...defaultTheme };
+    if (extracted.primaryColor) {
+        merged.colorPrimary = extracted.primaryColor;
+        // Generate hover variant (slightly lighter)
+        merged.colorPrimaryHover = extracted.primaryColor; // TODO: compute lighter variant
+        merged.colorPrimaryMuted = extracted.primaryColor.replace(")", ", 0.15)").replace("rgb", "rgba");
+    }
+    if (extracted.backgroundColor) {
+        merged.colorBackground = extracted.backgroundColor;
+    }
+    if (extracted.surfaceColor) {
+        merged.colorSurface = extracted.surfaceColor;
+    }
+    if (extracted.textColor) {
+        merged.colorText = extracted.textColor;
+    }
+    if (extracted.textSecondaryColor) {
+        merged.colorTextSecondary = extracted.textSecondaryColor;
+    }
+    if (extracted.borderColor) {
+        merged.colorBorder = extracted.borderColor;
+    }
+    if (extracted.borderRadius) {
+        merged.borderRadiusMd = extracted.borderRadius;
+    }
+    if (extracted.fontFamily) {
+        merged.fontFamily = extracted.fontFamily;
+    }
+    return merged;
+}
+/**
+ * Auto-detect and extract theme from host page
+ * Returns merged theme tokens ready to use
+ */
+export function autoDetectTheme(baseTheme) {
+    if (typeof document === "undefined") {
+        return baseTheme !== null && baseTheme !== void 0 ? baseTheme : darkTheme;
+    }
+    const extracted = extractHostTheme();
+    return mergeWithExtractedTheme(extracted, baseTheme);
+}
+//# sourceMappingURL=extractHostTheme.js.map

package/dist/theme/extractHostTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractHostTheme.js","sourceRoot":"","sources":["../../src/theme/extractHostTheme.ts"],"names":[],"mappings":"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"}

package/dist/theme/index.d.ts

@@ -0,0 +1,5 @@
+export type { CanvasThemeTokens, ExtractedTheme, ThemeMode, ThemeAppearance, } from "./types";
+export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables, } from "./defaultTheme";
+export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme, } from "./extractHostTheme";
+export { ThemeProvider, useTheme, useThemeToken, useThemeVar, } from "./ThemeProvider";
+export type { ThemeProviderProps } from "./ThemeProvider";

package/dist/theme/index.js

@@ -0,0 +1,7 @@
+// Default themes
+export { darkTheme, lightTheme, getDefaultTheme, themeToCssVariables, } from "./defaultTheme";
+// Theme extraction
+export { extractHostTheme, mergeWithExtractedTheme, autoDetectTheme, } from "./extractHostTheme";
+// Theme provider and hooks
+export { ThemeProvider, useTheme, useThemeToken, useThemeVar, } from "./ThemeProvider";
+//# sourceMappingURL=index.js.map

package/dist/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAQA,iBAAiB;AACjB,OAAO,EACL,SAAS,EACT,UAAU,EACV,eAAe,EACf,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAExB,mBAAmB;AACnB,OAAO,EACL,gBAAgB,EAChB,uBAAuB,EACvB,eAAe,GAChB,MAAM,oBAAoB,CAAC;AAE5B,2BAA2B;AAC3B,OAAO,EACL,aAAa,EACb,QAAQ,EACR,aAAa,EACb,WAAW,GACZ,MAAM,iBAAiB,CAAC"}

package/dist/theme/types.d.ts

@@ -0,0 +1,91 @@
+/**
+ * Theme token definitions for Smart Canvas
+ * Inspired by macOS design language and react.email aesthetics
+ */
+/**
+ * Complete theme token interface
+ */
+export interface CanvasThemeTokens {
+    colorPrimary: string;
+    colorPrimaryHover: string;
+    colorPrimaryMuted: string;
+    colorBackground: string;
+    colorBackgroundElevated: string;
+    colorBackgroundSubtle: string;
+    colorSurface: string;
+    colorSurfaceHover: string;
+    colorText: string;
+    colorTextSecondary: string;
+    colorTextMuted: string;
+    colorTextInverse: string;
+    colorBorder: string;
+    colorBorderSubtle: string;
+    colorSuccess: string;
+    colorSuccessMuted: string;
+    colorWarning: string;
+    colorWarningMuted: string;
+    colorError: string;
+    colorErrorMuted: string;
+    colorInfo: string;
+    colorInfoMuted: string;
+    fontFamily: string;
+    fontFamilyMono: string;
+    fontSizeXs: string;
+    fontSizeSm: string;
+    fontSizeMd: string;
+    fontSizeLg: string;
+    fontSizeXl: string;
+    fontSizeXxl: string;
+    fontWeightNormal: string;
+    fontWeightMedium: string;
+    fontWeightSemibold: string;
+    fontWeightBold: string;
+    lineHeightTight: string;
+    lineHeightNormal: string;
+    lineHeightRelaxed: string;
+    spacingXs: string;
+    spacingSm: string;
+    spacingMd: string;
+    spacingLg: string;
+    spacingXl: string;
+    borderRadiusSm: string;
+    borderRadiusMd: string;
+    borderRadiusLg: string;
+    borderRadiusXl: string;
+    borderRadiusFull: string;
+    shadowSm: string;
+    shadowMd: string;
+    shadowLg: string;
+    shadowXl: string;
+    backdropBlur: string;
+    backdropSaturate: string;
+    transitionFast: string;
+    transitionNormal: string;
+    transitionSlow: string;
+}
+/**
+ * Theme extracted from host page CSS variables
+ */
+export interface ExtractedTheme {
+    primaryColor: string | null;
+    backgroundColor: string | null;
+    surfaceColor: string | null;
+    textColor: string | null;
+    textSecondaryColor: string | null;
+    borderColor: string | null;
+    borderRadius: string | null;
+    fontFamily: string | null;
+    cssVariables: Record<string, string>;
+}
+/**
+ * Theme mode
+ */
+export type ThemeMode = "light" | "dark" | "auto";
+/**
+ * User-provided theme overrides via appearance config
+ */
+export interface ThemeAppearance {
+    mode?: ThemeMode;
+    variables?: Partial<Record<`--sc-${string}`, string>>;
+    baseTheme?: "system" | "light" | "dark";
+}

package/dist/theme/types.js

@@ -0,0 +1,6 @@
+/**
+ * Theme token definitions for Smart Canvas
+ * Inspired by macOS design language and react.email aesthetics
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/theme/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/theme/types.ts"],"names":[],"mappings":"AAAA;;;GAGG"}

package/dist/token.d.ts

@@ -10,8 +10,12 @@ export interface SyntroTokenPayload {
     v: 1;
     /** Experiments key (assumes growthbook provider by default) */
     e?: string;
+    /** Experiments host URL (e.g., "http://localhost:8110" for dev) */
+    eh?: string;
     /** Telemetry key (assumes posthog provider by default) */
     t?: string;
+    /** Telemetry host URL (e.g., "https://us.i.posthog.com") */
+    th?: string;
     /** Config fetcher type (e.g., "cdn", "experiments") */
     f?: string;
     /** Fetcher-specific options (e.g., configId for cdn fetcher) */

package/dist/token.js.map

@@ -1 +1 @@
-{"version":3,"file":"token.js","sourceRoot":"","sources":["../src/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC;AAmB5B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,uCAAuC;IACvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAuB,CAAC;IAEvD,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,8CAA8C;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;SACtB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACtB,OAAO,YAAY,GAAG,MAAM,CAAC;AAC/B,CAAC"}
+{"version":3,"file":"token.js","sourceRoot":"","sources":["../src/token.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,YAAY,GAAG,MAAM,CAAC;AAyB5B;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAC,KAAa;IACvC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,EAAE,CAAC;QACpC,MAAM,IAAI,KAAK,CAAC,8CAA8C,CAAC,CAAC;IAClE,CAAC;IAED,MAAM,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;IAChD,uCAAuC;IACvC,MAAM,cAAc,GAAG,MAAM,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC;IAClC,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAuB,CAAC;IAEvD,IAAI,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QACpB,MAAM,IAAI,KAAK,CAAC,8BAA8B,OAAO,CAAC,CAAC,EAAE,CAAC,CAAC;IAC7D,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED;;;;;;;GAOG;AACH,MAAM,UAAU,WAAW,CAAC,OAA2B;IACrD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;IACrC,8CAA8C;IAC9C,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;SACtB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;SACnB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACtB,OAAO,YAAY,GAAG,MAAM,CAAC;AAC/B,CAAC"}