@particle-academy/fancy-slides 0.1.4 → 0.1.6

package/dist/registry.cjs

@@ -1,10 +1,10 @@
 'use strict';
 
+var react = require('react');
 var fancyEcharts = require('@particle-academy/fancy-echarts');
 var jsxRuntime = require('react/jsx-runtime');
 var fancyCode = require('@particle-academy/fancy-code');
 var reactFancy = require('@particle-academy/react-fancy');
-var react = require('react');
 
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
@@ -15,6 +15,15 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+function useIsDarkSlide() {
+  return react.useContext(SlideContext)?.isDark ?? false;
+}
+var SlideContext;
+var init_slide_context = __esm({
+  "src/components/Slide/slide-context.ts"() {
+    SlideContext = react.createContext(null);
+  }
+});
 
 // src/registry/element-renderers/chart-host.tsx
 var chart_host_exports = {};
@@ -22,10 +31,13 @@ __export(chart_host_exports, {
   default: () => ChartHost
 });
 function ChartHost({ element }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(fancyEcharts.EChart, { option: element.option, theme: element.chartTheme }) });
+  const isDarkSlide = useIsDarkSlide();
+  const theme = element.chartTheme ?? (isDarkSlide ? "dark" : void 0);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(fancyEcharts.EChart, { option: element.option, theme }) });
 }
 var init_chart_host = __esm({
   "src/registry/element-renderers/chart-host.tsx"() {
+    init_slide_context();
     fancyEcharts.registerAll();
     fancyEcharts.registerBuiltinThemes();
   }

package/dist/registry.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/registry/element-renderers/chart-host.tsx","../src/registry/element-renderers/code-host.tsx","../src/registry/element-renderers/table-host.tsx","../src/registry/element-renderers/embed-host.tsx","../src/registry/index.tsx"],"names":["jsx","EChart","registerAll","registerBuiltinThemes","CodeEditor","jsxs","Table","ChartHost","lazy","CodeHost","TableHost","EmbedHost","Suspense"],"mappings":"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","file":"registry.cjs","sourcesContent":["import { EChart, registerAll, registerBuiltinThemes } from \"@particle-academy/fancy-echarts\";\nimport type { ChartElement } from \"../../types\";\n\n// fancy-echarts ships its chart types as opt-in tree-shake-friendly modules,\n// so the consumer normally calls `registerAll()` somewhere global. The\n// registry subpath here is the natural spot to wire it: this module only\n// loads when a deck actually contains a chart element (defaultElementRegistry\n// is React.lazy), so the registration cost is paid by chart-using hosts\n// only — non-chart consumers never even import this file.\n//\n// `registerAll()` is idempotent on echarts' side, so re-imports across\n// chunks are safe.\nregisterAll();\nregisterBuiltinThemes();\n\nexport default function ChartHost({ element }: { element: ChartElement; slideWidthPx: number }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\" }}>\n            <EChart option={element.option as Parameters<typeof EChart>[0][\"option\"]} theme={element.chartTheme} />\n        </div>\n    );\n}\n","import { CodeEditor } from \"@particle-academy/fancy-code\";\nimport type { CodeElement } from \"../../types\";\n\nexport default function CodeHost({ element }: { element: CodeElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"hidden\", borderRadius: 8 }}>\n            <CodeEditor\n                value={element.code}\n                language={element.language ?? \"javascript\"}\n                theme={element.codeTheme ?? \"dark\"}\n                readOnly\n                lineNumbers={element.lineNumbers ?? true}\n            >\n                <CodeEditor.Panel />\n            </CodeEditor>\n        </div>\n    );\n}\n","import { Table } from \"@particle-academy/react-fancy\";\nimport type { TableElement } from \"../../types\";\n\nexport default function TableHost({ element }: { element: TableElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"auto\" }}>\n            <Table className=\"w-full\">\n                <Table.Head>\n                    <Table.Row>\n                        {element.columns.map((c) => (\n                            <Table.Cell key={c.key} header>\n                                {c.label}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {element.rows.map((row, i) => (\n                        <Table.Row key={i}>\n                            {element.columns.map((c) => (\n                                <Table.Cell key={c.key}>{formatCell(row[c.key])}</Table.Cell>\n                            ))}\n                        </Table.Row>\n                    ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nfunction formatCell(v: unknown): string {\n    if (v == null) return \"\";\n    if (typeof v === \"object\") return JSON.stringify(v);\n    return String(v);\n}\n","import type { EmbedElement } from \"../../types\";\n\nexport default function EmbedHost({ element }: { element: EmbedElement }) {\n    return (\n        <iframe\n            src={element.src}\n            title={element.title ?? \"Embedded content\"}\n            sandbox={element.sandbox ?? \"allow-scripts\"}\n            style={{ width: \"100%\", height: \"100%\", border: 0, display: \"block\" }}\n        />\n    );\n}\n","/**\n * Default element registry. Wires up the element types fancy-slides doesn't\n * render natively (chart / code / table / embed) by composing the other\n * fancy packages as optional peer deps.\n *\n * Hosts opt into this by importing from the `/registry` subpath:\n *\n *     import { defaultElementRegistry } from \"@particle-academy/fancy-slides/registry\";\n *     <DeckEditor renderElement={defaultElementRegistry} … />\n *\n * Keeping it behind a subpath means consumers who only render decks with\n * built-in element types (text / image / shape) never pull fancy-echarts,\n * fancy-code, or react-fancy Table into their bundle.\n */\n\nimport { lazy, Suspense } from \"react\";\nimport type { ChartElement, CodeElement, SlideElement, EmbedElement, TableElement } from \"../types\";\n\nconst ChartHost = lazy(() => import(\"./element-renderers/chart-host\"));\nconst CodeHost = lazy(() => import(\"./element-renderers/code-host\"));\nconst TableHost = lazy(() => import(\"./element-renderers/table-host\"));\nconst EmbedHost = lazy(() => import(\"./element-renderers/embed-host\"));\n\nconst Loading = ({ label }: { label: string }) => (\n    <div\n        style={{\n            display: \"grid\",\n            placeItems: \"center\",\n            width: \"100%\",\n            height: \"100%\",\n            color: \"rgba(0,0,0,0.4)\",\n            fontSize: 12,\n            fontFamily: \"ui-sans-serif, system-ui, sans-serif\",\n        }}\n    >\n        {label}…\n    </div>\n);\n\n/**\n * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns\n * `undefined` for element types fancy-slides handles itself, so the call\n * site falls back to the built-in renderer.\n */\nexport function defaultElementRegistry(element: SlideElement, slideWidthPx: number) {\n    switch (element.type) {\n        case \"chart\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading chart\" />}>\n                    <ChartHost element={element as ChartElement} slideWidthPx={slideWidthPx} />\n                </Suspense>\n            );\n        case \"code\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading code\" />}>\n                    <CodeHost element={element as CodeElement} />\n                </Suspense>\n            );\n        case \"table\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading table\" />}>\n                    <TableHost element={element as TableElement} />\n                </Suspense>\n            );\n        case \"embed\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading embed\" />}>\n                    <EmbedHost element={element as EmbedElement} />\n                </Suspense>\n            );\n        default:\n            return undefined;\n    }\n}\n"]}
+{"version":3,"sources":["../src/components/Slide/slide-context.ts","../src/registry/element-renderers/chart-host.tsx","../src/registry/element-renderers/code-host.tsx","../src/registry/element-renderers/table-host.tsx","../src/registry/element-renderers/embed-host.tsx","../src/registry/index.tsx"],"names":["useContext","createContext","jsx","EChart","registerAll","registerBuiltinThemes","CodeEditor","jsxs","Table","ChartHost","lazy","CodeHost","TableHost","EmbedHost","Suspense"],"mappings":"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","file":"registry.cjs","sourcesContent":["import { createContext, useContext } from \"react\";\nimport type { Theme } from \"../../types\";\n\n/**\n * What the surrounding <Slide> knows about itself. Exposed to children\n * (including `renderElement` callbacks and registry hosts like chart-host)\n * via React context so they can react to the deck's theme without the\n * renderElement signature having to carry it around.\n */\nexport interface SlideContextValue {\n    /** Fully-resolved theme (merged with defaults). */\n    theme: Theme;\n    /**\n     * Heuristic: true when the resolved background is dark enough that\n     * native-rendered widgets (charts, code blocks) should use a dark variant.\n     * Computed once from `theme.colors.background` luminance.\n     */\n    isDark: boolean;\n    /** Slide width in CSS pixels at the current render size. */\n    slideWidthPx: number;\n}\n\nexport const SlideContext = createContext<SlideContextValue | null>(null);\n\n/**\n * Read the surrounding <Slide>'s context. Returns null when called outside\n * a Slide — chart-host / code-host can use that signal to fall back to\n * a sensible default (light theme, no resize anchor).\n */\nexport function useSlideContext(): SlideContextValue | null {\n    return useContext(SlideContext);\n}\n\n/**\n * Convenience: returns the resolved theme, or undefined when the caller\n * isn't inside a Slide.\n */\nexport function useSlideTheme(): Theme | undefined {\n    return useContext(SlideContext)?.theme;\n}\n\n/**\n * Convenience: returns true when the surrounding slide's background reads\n * as \"dark enough\" — useful for charts/code blocks that ship a dark variant.\n */\nexport function useIsDarkSlide(): boolean {\n    return useContext(SlideContext)?.isDark ?? false;\n}\n\n/** Compute `isDark` from a hex/rgb colour. Used by Slide when building the context. */\nexport function isDarkColor(color: string): boolean {\n    // Normalise #rgb / #rrggbb / rgb()/rgba() to a triple.\n    const m = color.match(/^#([0-9a-f]{3,8})$/i);\n    if (m) {\n        let hex = m[1];\n        if (hex.length === 3) {\n            hex = hex.split(\"\").map((c) => c + c).join(\"\");\n        }\n        if (hex.length >= 6) {\n            const r = parseInt(hex.slice(0, 2), 16);\n            const g = parseInt(hex.slice(2, 4), 16);\n            const b = parseInt(hex.slice(4, 6), 16);\n            return relativeLuminance(r, g, b) < 0.5;\n        }\n    }\n    const rgb = color.match(/rgba?\\(([^)]+)\\)/i);\n    if (rgb) {\n        const [r, g, b] = rgb[1].split(\",\").map((s) => parseInt(s.trim(), 10));\n        if (!Number.isNaN(r) && !Number.isNaN(g) && !Number.isNaN(b)) {\n            return relativeLuminance(r, g, b) < 0.5;\n        }\n    }\n    return false;\n}\n\nfunction relativeLuminance(r: number, g: number, b: number): number {\n    // Standard sRGB → relative luminance.\n    const toLinear = (c: number) => {\n        const v = c / 255;\n        return v <= 0.03928 ? v / 12.92 : Math.pow((v + 0.055) / 1.055, 2.4);\n    };\n    return 0.2126 * toLinear(r) + 0.7152 * toLinear(g) + 0.0722 * toLinear(b);\n}\n","import { EChart, registerAll, registerBuiltinThemes } from \"@particle-academy/fancy-echarts\";\nimport type { ChartElement } from \"../../types\";\nimport { useIsDarkSlide } from \"../../components/Slide/slide-context\";\n\n// fancy-echarts ships its chart types as opt-in tree-shake-friendly modules,\n// so the consumer normally calls `registerAll()` somewhere global. The\n// registry subpath here is the natural spot to wire it: this module only\n// loads when a deck actually contains a chart element (defaultElementRegistry\n// is React.lazy), so the registration cost is paid by chart-using hosts\n// only — non-chart consumers never even import this file.\n//\n// `registerAll()` is idempotent on echarts' side, so re-imports across\n// chunks are safe.\nregisterAll();\nregisterBuiltinThemes();\n\nexport default function ChartHost({ element }: { element: ChartElement; slideWidthPx: number }) {\n    // If the slide background reads as dark and the chart doesn't already\n    // pin a theme explicitly, fall back to echarts' built-in \"dark\" theme\n    // so the chart legend/axis/tooltip text stay legible.\n    const isDarkSlide = useIsDarkSlide();\n    const theme = element.chartTheme ?? (isDarkSlide ? \"dark\" : undefined);\n    return (\n        <div style={{ width: \"100%\", height: \"100%\" }}>\n            <EChart option={element.option as Parameters<typeof EChart>[0][\"option\"]} theme={theme} />\n        </div>\n    );\n}\n","import { CodeEditor } from \"@particle-academy/fancy-code\";\nimport type { CodeElement } from \"../../types\";\n\nexport default function CodeHost({ element }: { element: CodeElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"hidden\", borderRadius: 8 }}>\n            <CodeEditor\n                value={element.code}\n                language={element.language ?? \"javascript\"}\n                theme={element.codeTheme ?? \"dark\"}\n                readOnly\n                lineNumbers={element.lineNumbers ?? true}\n            >\n                <CodeEditor.Panel />\n            </CodeEditor>\n        </div>\n    );\n}\n","import { Table } from \"@particle-academy/react-fancy\";\nimport type { TableElement } from \"../../types\";\n\nexport default function TableHost({ element }: { element: TableElement }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\", overflow: \"auto\" }}>\n            <Table className=\"w-full\">\n                <Table.Head>\n                    <Table.Row>\n                        {element.columns.map((c) => (\n                            <Table.Cell key={c.key} header>\n                                {c.label}\n                            </Table.Cell>\n                        ))}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {element.rows.map((row, i) => (\n                        <Table.Row key={i}>\n                            {element.columns.map((c) => (\n                                <Table.Cell key={c.key}>{formatCell(row[c.key])}</Table.Cell>\n                            ))}\n                        </Table.Row>\n                    ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nfunction formatCell(v: unknown): string {\n    if (v == null) return \"\";\n    if (typeof v === \"object\") return JSON.stringify(v);\n    return String(v);\n}\n","import type { EmbedElement } from \"../../types\";\n\nexport default function EmbedHost({ element }: { element: EmbedElement }) {\n    return (\n        <iframe\n            src={element.src}\n            title={element.title ?? \"Embedded content\"}\n            sandbox={element.sandbox ?? \"allow-scripts\"}\n            style={{ width: \"100%\", height: \"100%\", border: 0, display: \"block\" }}\n        />\n    );\n}\n","/**\n * Default element registry. Wires up the element types fancy-slides doesn't\n * render natively (chart / code / table / embed) by composing the other\n * fancy packages as optional peer deps.\n *\n * Hosts opt into this by importing from the `/registry` subpath:\n *\n *     import { defaultElementRegistry } from \"@particle-academy/fancy-slides/registry\";\n *     <DeckEditor renderElement={defaultElementRegistry} … />\n *\n * Keeping it behind a subpath means consumers who only render decks with\n * built-in element types (text / image / shape) never pull fancy-echarts,\n * fancy-code, or react-fancy Table into their bundle.\n */\n\nimport { lazy, Suspense } from \"react\";\nimport type { ChartElement, CodeElement, SlideElement, EmbedElement, TableElement } from \"../types\";\n\nconst ChartHost = lazy(() => import(\"./element-renderers/chart-host\"));\nconst CodeHost = lazy(() => import(\"./element-renderers/code-host\"));\nconst TableHost = lazy(() => import(\"./element-renderers/table-host\"));\nconst EmbedHost = lazy(() => import(\"./element-renderers/embed-host\"));\n\nconst Loading = ({ label }: { label: string }) => (\n    <div\n        style={{\n            display: \"grid\",\n            placeItems: \"center\",\n            width: \"100%\",\n            height: \"100%\",\n            color: \"rgba(0,0,0,0.4)\",\n            fontSize: 12,\n            fontFamily: \"ui-sans-serif, system-ui, sans-serif\",\n        }}\n    >\n        {label}…\n    </div>\n);\n\n/**\n * Renderer signature compatible with `Slide`'s `renderElement` prop. Returns\n * `undefined` for element types fancy-slides handles itself, so the call\n * site falls back to the built-in renderer.\n */\nexport function defaultElementRegistry(element: SlideElement, slideWidthPx: number) {\n    switch (element.type) {\n        case \"chart\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading chart\" />}>\n                    <ChartHost element={element as ChartElement} slideWidthPx={slideWidthPx} />\n                </Suspense>\n            );\n        case \"code\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading code\" />}>\n                    <CodeHost element={element as CodeElement} />\n                </Suspense>\n            );\n        case \"table\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading table\" />}>\n                    <TableHost element={element as TableElement} />\n                </Suspense>\n            );\n        case \"embed\":\n            return (\n                <Suspense fallback={<Loading label=\"Loading embed\" />}>\n                    <EmbedHost element={element as EmbedElement} />\n                </Suspense>\n            );\n        default:\n            return undefined;\n    }\n}\n"]}

package/dist/registry.js

@@ -2,7 +2,7 @@ import { lazy, Suspense } from 'react';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 // src/registry/index.tsx
-var ChartHost = lazy(() => import('./chart-host-BHP6GUWO.js'));
+var ChartHost = lazy(() => import('./chart-host-X55F6S44.js'));
 var CodeHost = lazy(() => import('./code-host-IYT6QDLA.js'));
 var TableHost = lazy(() => import('./table-host-LWPOQHTL.js'));
 var EmbedHost = lazy(() => import('./embed-host-ZECUEAOU.js'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@particle-academy/fancy-slides",
-  "version": "0.1.4",
+  "version": "0.1.6",
   "description": "Presentation editor + web viewer for the fancy UI set — Google-Slides-style deck authoring with a JSON-friendly schema, full keyboard-driven viewer, and an agent bridge so LLMs can compose decks directly.",
   "repository": {
     "type": "git",

package/dist/chart-host-BHP6GUWO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/registry/element-renderers/chart-host.tsx"],"names":[],"mappings":";;;;AAYA,WAAA,EAAY;AACZ,qBAAA,EAAsB;AAEP,SAAR,SAAA,CAA2B,EAAE,OAAA,EAAQ,EAAoD;AAC5F,EAAA,2BACK,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,KAAA,EAAO,QAAQ,MAAA,EAAQ,MAAA,EAAO,EACxC,QAAA,kBAAA,GAAA,CAAC,UAAO,MAAA,EAAQ,OAAA,CAAQ,QAAkD,KAAA,EAAO,OAAA,CAAQ,YAAY,CAAA,EACzG,CAAA;AAER","file":"chart-host-BHP6GUWO.js","sourcesContent":["import { EChart, registerAll, registerBuiltinThemes } from \"@particle-academy/fancy-echarts\";\nimport type { ChartElement } from \"../../types\";\n\n// fancy-echarts ships its chart types as opt-in tree-shake-friendly modules,\n// so the consumer normally calls `registerAll()` somewhere global. The\n// registry subpath here is the natural spot to wire it: this module only\n// loads when a deck actually contains a chart element (defaultElementRegistry\n// is React.lazy), so the registration cost is paid by chart-using hosts\n// only — non-chart consumers never even import this file.\n//\n// `registerAll()` is idempotent on echarts' side, so re-imports across\n// chunks are safe.\nregisterAll();\nregisterBuiltinThemes();\n\nexport default function ChartHost({ element }: { element: ChartElement; slideWidthPx: number }) {\n    return (\n        <div style={{ width: \"100%\", height: \"100%\" }}>\n            <EChart option={element.option as Parameters<typeof EChart>[0][\"option\"]} theme={element.chartTheme} />\n        </div>\n    );\n}\n"]}