@particle-academy/fancy-slides 0.1.3

package/dist/registry.js

@@ -0,0 +1,44 @@
+import { lazy, Suspense } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/registry/index.tsx
+var ChartHost = lazy(() => import('./chart-host-VIGM3J5Q.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'));
+var Loading = ({ label }) => /* @__PURE__ */ jsxs(
+  "div",
+  {
+    style: {
+      display: "grid",
+      placeItems: "center",
+      width: "100%",
+      height: "100%",
+      color: "rgba(0,0,0,0.4)",
+      fontSize: 12,
+      fontFamily: "ui-sans-serif, system-ui, sans-serif"
+    },
+    children: [
+      label,
+      "\u2026"
+    ]
+  }
+);
+function defaultElementRegistry(element, slideWidthPx) {
+  switch (element.type) {
+    case "chart":
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loading, { label: "Loading chart" }), children: /* @__PURE__ */ jsx(ChartHost, { element, slideWidthPx }) });
+    case "code":
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loading, { label: "Loading code" }), children: /* @__PURE__ */ jsx(CodeHost, { element }) });
+    case "table":
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loading, { label: "Loading table" }), children: /* @__PURE__ */ jsx(TableHost, { element }) });
+    case "embed":
+      return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Loading, { label: "Loading embed" }), children: /* @__PURE__ */ jsx(EmbedHost, { element }) });
+    default:
+      return void 0;
+  }
+}
+
+export { defaultElementRegistry };
+//# sourceMappingURL=registry.js.map
+//# sourceMappingURL=registry.js.map

package/dist/registry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/registry/index.tsx"],"names":[],"mappings":";;;;AAkBA,IAAM,SAAA,GAAY,IAAA,CAAK,MAAM,OAAO,0BAAgC,CAAC,CAAA;AACrE,IAAM,QAAA,GAAW,IAAA,CAAK,MAAM,OAAO,yBAA+B,CAAC,CAAA;AACnE,IAAM,SAAA,GAAY,IAAA,CAAK,MAAM,OAAO,0BAAgC,CAAC,CAAA;AACrE,IAAM,SAAA,GAAY,IAAA,CAAK,MAAM,OAAO,0BAAgC,CAAC,CAAA;AAErE,IAAM,OAAA,GAAU,CAAC,EAAE,KAAA,EAAM,qBACrB,IAAA;AAAA,EAAC,KAAA;AAAA,EAAA;AAAA,IACG,KAAA,EAAO;AAAA,MACH,OAAA,EAAS,MAAA;AAAA,MACT,UAAA,EAAY,QAAA;AAAA,MACZ,KAAA,EAAO,MAAA;AAAA,MACP,MAAA,EAAQ,MAAA;AAAA,MACR,KAAA,EAAO,iBAAA;AAAA,MACP,QAAA,EAAU,EAAA;AAAA,MACV,UAAA,EAAY;AAAA,KAChB;AAAA,IAEC,QAAA,EAAA;AAAA,MAAA,KAAA;AAAA,MAAM;AAAA;AAAA;AACX,CAAA;AAQG,SAAS,sBAAA,CAAuB,SAAuB,YAAA,EAAsB;AAChF,EAAA,QAAQ,QAAQ,IAAA;AAAM,IAClB,KAAK,OAAA;AACD,MAAA,uBACI,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,CAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAkC,YAAA,EAA4B,CAAA,EAC7E,CAAA;AAAA,IAER,KAAK,MAAA;AACD,MAAA,uBACI,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,cAAA,EAAe,CAAA,EAC9C,QAAA,kBAAA,GAAA,CAAC,QAAA,EAAA,EAAS,OAAA,EAAiC,CAAA,EAC/C,CAAA;AAAA,IAER,KAAK,OAAA;AACD,MAAA,uBACI,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,CAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAkC,CAAA,EACjD,CAAA;AAAA,IAER,KAAK,OAAA;AACD,MAAA,uBACI,GAAA,CAAC,QAAA,EAAA,EAAS,QAAA,kBAAU,GAAA,CAAC,OAAA,EAAA,EAAQ,KAAA,EAAM,eAAA,EAAgB,CAAA,EAC/C,QAAA,kBAAA,GAAA,CAAC,SAAA,EAAA,EAAU,OAAA,EAAkC,CAAA,EACjD,CAAA;AAAA,IAER;AACI,MAAA,OAAO,MAAA;AAAA;AAEnB","file":"registry.js","sourcesContent":["/**\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/styles.css

@@ -0,0 +1,24 @@
+/* src/styles.css */
+.fs-slide,
+.fs-viewer,
+.fs-thumbnail {
+  box-sizing: border-box;
+}
+.fs-slide *,
+.fs-slide *::before,
+.fs-slide *::after {
+  box-sizing: border-box;
+}
+.fs-viewer:focus {
+  outline: none;
+}
+[data-fancy-slides-element] {
+  user-select: none;
+}
+[data-fancy-slides-element] textarea {
+  font-family: inherit;
+  font-size: inherit;
+  color: inherit;
+  user-select: text;
+}
+/*# sourceMappingURL=styles.css.map */

package/dist/styles.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/styles.css"],"sourcesContent":["/* fancy-slides — scoped baseline. Most styling is inline so themes can\n * cascade resolution-independently; this file only provides the resets the\n * package can't inline. */\n\n.fs-slide,\n.fs-viewer,\n.fs-thumbnail {\n  box-sizing: border-box;\n}\n\n.fs-slide *,\n.fs-slide *::before,\n.fs-slide *::after {\n  box-sizing: border-box;\n}\n\n.fs-viewer:focus {\n  outline: none;\n}\n\n/* Selection focus ring on elements inside the editor. */\n[data-fancy-slides-element] {\n  user-select: none;\n}\n\n[data-fancy-slides-element] textarea {\n  font-family: inherit;\n  font-size: inherit;\n  color: inherit;\n  user-select: text;\n}\n"],"mappings":";AAIA,CAAC;AACD,CAAC;AACD,CAAC;AACC,cAAY;AACd;AAEA,CANC,SAMS;AACV,CAPC,SAOS,CAAC;AACX,CARC,SAQS,CAAC;AACT,cAAY;AACd;AAEA,CAXC,SAWS;AACR,WAAS;AACX;AAGA,CAAC;AACC,eAAa;AACf;AAEA,CAAC,2BAA2B;AAC1B,eAAa;AACb,aAAW;AACX,SAAO;AACP,eAAa;AACf;","names":[]}

package/dist/table-host-LWPOQHTL.js

@@ -0,0 +1,19 @@
+import { Table } from '@particle-academy/react-fancy';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/registry/element-renderers/table-host.tsx
+function TableHost({ element }) {
+  return /* @__PURE__ */ jsx("div", { style: { width: "100%", height: "100%", overflow: "auto" }, children: /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
+    /* @__PURE__ */ jsx(Table.Head, { children: /* @__PURE__ */ jsx(Table.Row, { children: element.columns.map((c) => /* @__PURE__ */ jsx(Table.Cell, { header: true, children: c.label }, c.key)) }) }),
+    /* @__PURE__ */ jsx(Table.Body, { children: element.rows.map((row, i) => /* @__PURE__ */ jsx(Table.Row, { children: element.columns.map((c) => /* @__PURE__ */ jsx(Table.Cell, { children: formatCell(row[c.key]) }, c.key)) }, i)) })
+  ] }) });
+}
+function formatCell(v) {
+  if (v == null) return "";
+  if (typeof v === "object") return JSON.stringify(v);
+  return String(v);
+}
+
+export { TableHost as default };
+//# sourceMappingURL=table-host-LWPOQHTL.js.map
+//# sourceMappingURL=table-host-LWPOQHTL.js.map

package/dist/table-host-LWPOQHTL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/registry/element-renderers/table-host.tsx"],"names":[],"mappings":";;;;AAGe,SAAR,SAAA,CAA2B,EAAE,OAAA,EAAQ,EAA8B;AACtE,EAAA,uBACI,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAO,EAAE,OAAO,MAAA,EAAQ,MAAA,EAAQ,MAAA,EAAQ,QAAA,EAAU,MAAA,EAAO,EAC1D,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAM,WAAU,QAAA,EACb,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,CAAM,IAAA,EAAN,EACG,QAAA,kBAAA,GAAA,CAAC,KAAA,CAAM,KAAN,EACI,QAAA,EAAA,OAAA,CAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,yBACjB,KAAA,CAAM,IAAA,EAAN,EAAuB,MAAA,EAAM,IAAA,EACzB,QAAA,EAAA,CAAA,CAAE,SADU,CAAA,CAAE,GAEnB,CACH,CAAA,EACL,CAAA,EACJ,CAAA;AAAA,oBACA,GAAA,CAAC,KAAA,CAAM,IAAA,EAAN,EACI,kBAAQ,IAAA,CAAK,GAAA,CAAI,CAAC,GAAA,EAAK,sBACpB,GAAA,CAAC,KAAA,CAAM,GAAA,EAAN,EACI,kBAAQ,OAAA,CAAQ,GAAA,CAAI,CAAC,CAAA,yBACjB,KAAA,CAAM,IAAA,EAAN,EAAwB,QAAA,EAAA,UAAA,CAAW,IAAI,CAAA,CAAE,GAAG,CAAC,CAAA,EAAA,EAA7B,EAAE,GAA6B,CACnD,CAAA,EAAA,EAHW,CAIhB,CACH,CAAA,EACL;AAAA,GAAA,EACJ,CAAA,EACJ,CAAA;AAER;AAEA,SAAS,WAAW,CAAA,EAAoB;AACpC,EAAA,IAAI,CAAA,IAAK,MAAM,OAAO,EAAA;AACtB,EAAA,IAAI,OAAO,CAAA,KAAM,QAAA,EAAU,OAAO,IAAA,CAAK,UAAU,CAAC,CAAA;AAClD,EAAA,OAAO,OAAO,CAAC,CAAA;AACnB","file":"table-host-LWPOQHTL.js","sourcesContent":["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"]}

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "@particle-academy/fancy-slides",
+  "version": "0.1.3",
+  "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",
+    "url": "git+https://github.com/Particle-Academy/fancy-slides.git"
+  },
+  "homepage": "https://github.com/Particle-Academy/fancy-slides#readme",
+  "bugs": "https://github.com/Particle-Academy/fancy-slides/issues",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./registry": {
+      "import": "./dist/registry.js",
+      "require": "./dist/registry.cjs"
+    },
+    "./styles.css": "./dist/styles.css"
+  },
+  "files": ["dist", "docs", "README.md"],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch",
+    "lint": "tsc --noEmit",
+    "clean": "rm -rf dist",
+    "prepublishOnly": "tsup"
+  },
+  "keywords": ["react", "slides", "presentation", "slideshow", "deck", "agent", "fancy", "human-plus"],
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "@particle-academy/react-fancy": "^3.0.0",
+    "@particle-academy/fancy-echarts": "^3.0.0",
+    "@particle-academy/fancy-code": "^0.4.0"
+  },
+  "peerDependenciesMeta": {
+    "@particle-academy/fancy-echarts": { "optional": true },
+    "@particle-academy/fancy-code": { "optional": true }
+  },
+  "devDependencies": {
+    "@particle-academy/fancy-code": "^0.4.0",
+    "@particle-academy/fancy-echarts": "^3.0.0",
+    "@particle-academy/react-fancy": "^3.0.0",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tsup": "^8.5.0",
+    "typescript": "^5.8.0"
+  },
+  "publishConfig": { "access": "public" },
+  "license": "MIT",
+  "sideEffects": ["**/*.css"]
+}