@storylite/renderer-preact 1.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Javi Aguilar
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/client.d.mts

@@ -0,0 +1,7 @@
+import { MountedStory, StoryArgs, StoryContext, StoryLiteStory } from "@storylite/contracts";
+
+//#region src/client.d.ts
+declare function renderStory(story: StoryLiteStory, args: StoryArgs, context: StoryContext): MountedStory;
+//#endregion
+export { renderStory };
+//# sourceMappingURL=client.d.mts.map

package/dist/client.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.mts","names":[],"sources":["../src/client.ts"],"mappings":";;;iBAIgB,WAAA,CACd,KAAA,EAAO,cAAA,EACP,IAAA,EAAM,SAAA,EACN,OAAA,EAAS,YAAA,GACR,YAAA"}

package/dist/client.mjs

@@ -0,0 +1,21 @@
+import { h, render } from "preact";
+//#region src/client.ts
+function renderStory(story, args, context) {
+	const mountPoint = context.document.createElement("div");
+	mountPoint.className = "sl-preact-root";
+	context.canvas.replaceChildren(mountPoint);
+	render(resolveOutput(story, args, context), mountPoint);
+	return { cleanup: () => {
+		render(null, mountPoint);
+		context.canvas.replaceChildren();
+	} };
+}
+function resolveOutput(story, args, context) {
+	if (story.render) return story.render(args, context);
+	if (typeof story.component !== "function") throw new Error(`Preact story "${story.name}" must provide a component or render function.`);
+	return h(story.component, args);
+}
+//#endregion
+export { renderStory };
+
+//# sourceMappingURL=client.mjs.map

package/dist/client.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"client.mjs","names":[],"sources":["../src/client.ts"],"sourcesContent":["import type { MountedStory, StoryArgs, StoryContext, StoryLiteStory } from '@storylite/contracts'\nimport type { ComponentChild, ComponentType } from 'preact'\nimport { h, render } from 'preact'\n\nexport function renderStory(\n  story: StoryLiteStory,\n  args: StoryArgs,\n  context: StoryContext,\n): MountedStory {\n  const mountPoint = context.document.createElement('div')\n  mountPoint.className = 'sl-preact-root'\n  context.canvas.replaceChildren(mountPoint)\n\n  render(resolveOutput(story, args, context), mountPoint)\n\n  return {\n    cleanup: () => {\n      render(null, mountPoint)\n      context.canvas.replaceChildren()\n    },\n  }\n}\n\nfunction resolveOutput(\n  story: StoryLiteStory,\n  args: StoryArgs,\n  context: StoryContext,\n): ComponentChild {\n  if (story.render) {\n    return story.render(args, context) as ComponentChild\n  }\n\n  if (typeof story.component !== 'function') {\n    throw new Error(`Preact story \"${story.name}\" must provide a component or render function.`)\n  }\n\n  return h(story.component as ComponentType<Record<string, unknown>>, args)\n}\n"],"mappings":";;AAIA,SAAgB,YACd,OACA,MACA,SACc;CACd,MAAM,aAAa,QAAQ,SAAS,cAAc,KAAK;CACvD,WAAW,YAAY;CACvB,QAAQ,OAAO,gBAAgB,UAAU;CAEzC,OAAO,cAAc,OAAO,MAAM,OAAO,GAAG,UAAU;CAEtD,OAAO,EACL,eAAe;EACb,OAAO,MAAM,UAAU;EACvB,QAAQ,OAAO,gBAAgB;CACjC,EACF;AACF;AAEA,SAAS,cACP,OACA,MACA,SACgB;CAChB,IAAI,MAAM,QACR,OAAO,MAAM,OAAO,MAAM,OAAO;CAGnC,IAAI,OAAO,MAAM,cAAc,YAC7B,MAAM,IAAI,MAAM,iBAAiB,MAAM,KAAK,+CAA+C;CAG7F,OAAO,EAAE,MAAM,WAAqD,IAAI;AAC1E"}

package/dist/index.d.mts

@@ -0,0 +1,5 @@
+//#region src/index.d.ts
+declare function preactRenderer(): import("@storylite/contracts").StoryLiteRendererAdapter;
+//#endregion
+export { preactRenderer as default };
+//# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/index.ts"],"mappings":";iBAIwB,cAAA,CAAA,kCAAc,wBAAA"}

package/dist/index.mjs

@@ -0,0 +1,57 @@
+import { createRequire } from "node:module";
+import { dirname } from "node:path";
+import { defineRenderer } from "@storylite/contracts";
+//#region src/index.ts
+function preactRenderer() {
+	return defineRenderer({
+		name: "preact",
+		client: "@storylite/renderer-preact/client",
+		static: "@storylite/renderer-preact/static",
+		vitePlugins: async (context) => {
+			const { default: preact } = await import("@preact/preset-vite");
+			return [context.target === "manager" && context.command === "serve" ? preactProjectRuntimePlugin(context.projectRoot) : null, preact()].filter(Boolean);
+		}
+	});
+}
+function preactProjectRuntimePlugin(projectRoot) {
+	const preactPackageRoot = dirname(createRequire(`${projectRoot}/package.json`).resolve("preact/package.json"));
+	return {
+		name: "storylite-preact-project-runtime",
+		config() {
+			return { resolve: { alias: [
+				{
+					find: /^preact$/,
+					replacement: `${preactPackageRoot}/dist/preact.module.js`
+				},
+				{
+					find: /^preact\/jsx-runtime$/,
+					replacement: `${preactPackageRoot}/jsx-runtime/dist/jsxRuntime.module.js`
+				},
+				{
+					find: /^preact\/jsx-dev-runtime$/,
+					replacement: `${preactPackageRoot}/jsx-runtime/dist/jsxRuntime.module.js`
+				},
+				{
+					find: /^preact\/debug$/,
+					replacement: `${preactPackageRoot}/debug/dist/debug.module.js`
+				},
+				{
+					find: /^preact\/devtools$/,
+					replacement: `${preactPackageRoot}/devtools/dist/devtools.module.js`
+				},
+				{
+					find: /^preact\/hooks$/,
+					replacement: `${preactPackageRoot}/hooks/dist/hooks.module.js`
+				},
+				{
+					find: /^preact\/compat$/,
+					replacement: `${preactPackageRoot}/compat/dist/compat.module.js`
+				}
+			] } };
+		}
+	};
+}
+//#endregion
+export { preactRenderer as default };
+
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/index.ts"],"sourcesContent":["import { dirname } from 'node:path'\nimport { createRequire } from 'node:module'\nimport { defineRenderer } from '@storylite/contracts'\n\nexport default function preactRenderer() {\n  return defineRenderer({\n    name: 'preact',\n    client: '@storylite/renderer-preact/client',\n    static: '@storylite/renderer-preact/static',\n    vitePlugins: async (context) => {\n      const { default: preact } = await import('@preact/preset-vite')\n      const needsProjectRuntime = context.target === 'manager' && context.command === 'serve'\n\n      return [\n        needsProjectRuntime ? preactProjectRuntimePlugin(context.projectRoot) : null,\n        preact(),\n      ].filter(Boolean)\n    },\n  })\n}\n\nfunction preactProjectRuntimePlugin(projectRoot: string) {\n  const requireFromProject = createRequire(`${projectRoot}/package.json`)\n  const preactPackageRoot = dirname(requireFromProject.resolve('preact/package.json'))\n\n  return {\n    name: 'storylite-preact-project-runtime',\n    config() {\n      return {\n        resolve: {\n          alias: [\n            { find: /^preact$/, replacement: `${preactPackageRoot}/dist/preact.module.js` },\n            {\n              find: /^preact\\/jsx-runtime$/,\n              replacement: `${preactPackageRoot}/jsx-runtime/dist/jsxRuntime.module.js`,\n            },\n            {\n              find: /^preact\\/jsx-dev-runtime$/,\n              replacement: `${preactPackageRoot}/jsx-runtime/dist/jsxRuntime.module.js`,\n            },\n            {\n              find: /^preact\\/debug$/,\n              replacement: `${preactPackageRoot}/debug/dist/debug.module.js`,\n            },\n            {\n              find: /^preact\\/devtools$/,\n              replacement: `${preactPackageRoot}/devtools/dist/devtools.module.js`,\n            },\n            {\n              find: /^preact\\/hooks$/,\n              replacement: `${preactPackageRoot}/hooks/dist/hooks.module.js`,\n            },\n            {\n              find: /^preact\\/compat$/,\n              replacement: `${preactPackageRoot}/compat/dist/compat.module.js`,\n            },\n          ],\n        },\n      }\n    },\n  }\n}\n"],"mappings":";;;;AAIA,SAAwB,iBAAiB;CACvC,OAAO,eAAe;EACpB,MAAM;EACN,QAAQ;EACR,QAAQ;EACR,aAAa,OAAO,YAAY;GAC9B,MAAM,EAAE,SAAS,WAAW,MAAM,OAAO;GAGzC,OAAO,CAFqB,QAAQ,WAAW,aAAa,QAAQ,YAAY,UAGxD,2BAA2B,QAAQ,WAAW,IAAI,MACxE,OAAO,CACT,EAAE,OAAO,OAAO;EAClB;CACF,CAAC;AACH;AAEA,SAAS,2BAA2B,aAAqB;CAEvD,MAAM,oBAAoB,QADC,cAAc,GAAG,YAAY,cACL,EAAE,QAAQ,qBAAqB,CAAC;CAEnF,OAAO;EACL,MAAM;EACN,SAAS;GACP,OAAO,EACL,SAAS,EACP,OAAO;IACL;KAAE,MAAM;KAAY,aAAa,GAAG,kBAAkB;IAAwB;IAC9E;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;IACA;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;IACA;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;IACA;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;IACA;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;IACA;KACE,MAAM;KACN,aAAa,GAAG,kBAAkB;IACpC;GACF,EACF,EACF;EACF;CACF;AACF"}

package/dist/static.d.mts

@@ -0,0 +1,7 @@
+import { StoryLiteStaticRenderResult, StoryLiteStory } from "@storylite/contracts";
+
+//#region src/static.d.ts
+declare function renderStory(story: StoryLiteStory): StoryLiteStaticRenderResult;
+//#endregion
+export { renderStory };
+//# sourceMappingURL=static.d.mts.map

package/dist/static.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.d.mts","names":[],"sources":["../src/static.ts"],"mappings":";;;iBASgB,WAAA,CAAY,KAAA,EAAO,cAAA,GAAiB,2BAA2B"}

package/dist/static.mjs

@@ -0,0 +1,22 @@
+import { h } from "preact";
+import renderToString from "preact-render-to-string";
+//#region src/static.ts
+function renderStory(story) {
+	return { html: renderToString(resolveOutput(story)) };
+}
+function resolveOutput(story) {
+	if (story.render) return story.render(story.args, {
+		id: story.id,
+		title: story.title,
+		name: story.name,
+		canvas: null,
+		document: null,
+		window: null
+	});
+	if (typeof story.component !== "function") throw new Error(`Preact story "${story.name}" must provide a component or render function.`);
+	return h(story.component, story.args);
+}
+//#endregion
+export { renderStory };
+
+//# sourceMappingURL=static.mjs.map

package/dist/static.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"static.mjs","names":[],"sources":["../src/static.ts"],"sourcesContent":["import type {\n  StoryContext,\n  StoryLiteStaticRenderResult,\n  StoryLiteStory,\n} from '@storylite/contracts'\nimport type { ComponentType, VNode } from 'preact'\nimport { h } from 'preact'\nimport renderToString from 'preact-render-to-string'\n\nexport function renderStory(story: StoryLiteStory): StoryLiteStaticRenderResult {\n  return { html: renderToString(resolveOutput(story)) }\n}\n\nfunction resolveOutput(story: StoryLiteStory): VNode {\n  if (story.render) {\n    return story.render(story.args, {\n      id: story.id,\n      title: story.title,\n      name: story.name,\n      canvas: null,\n      document: null,\n      window: null,\n    } as unknown as StoryContext) as VNode\n  }\n\n  if (typeof story.component !== 'function') {\n    throw new Error(`Preact story \"${story.name}\" must provide a component or render function.`)\n  }\n\n  return h(story.component as ComponentType<Record<string, unknown>>, story.args)\n}\n"],"mappings":";;;AASA,SAAgB,YAAY,OAAoD;CAC9E,OAAO,EAAE,MAAM,eAAe,cAAc,KAAK,CAAC,EAAE;AACtD;AAEA,SAAS,cAAc,OAA8B;CACnD,IAAI,MAAM,QACR,OAAO,MAAM,OAAO,MAAM,MAAM;EAC9B,IAAI,MAAM;EACV,OAAO,MAAM;EACb,MAAM,MAAM;EACZ,QAAQ;EACR,UAAU;EACV,QAAQ;CACV,CAA4B;CAG9B,IAAI,OAAO,MAAM,cAAc,YAC7B,MAAM,IAAI,MAAM,iBAAiB,MAAM,KAAK,+CAA+C;CAG7F,OAAO,EAAE,MAAM,WAAqD,MAAM,IAAI;AAChF"}

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@storylite/renderer-preact",
+  "version": "1.1.0",
+  "description": "Preact renderer for StoryLite",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.mts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.mts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./client": {
+      "types": "./dist/client.d.mts",
+      "import": "./dist/client.mjs",
+      "default": "./dist/client.mjs"
+    },
+    "./static": {
+      "types": "./dist/static.d.mts",
+      "import": "./dist/static.mjs",
+      "default": "./dist/static.mjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@storylite/contracts": "1.1.0"
+  },
+  "devDependencies": {
+    "@preact/preset-vite": "^2.10.5",
+    "@types/node": "^25.9.1",
+    "preact": "^10.29.2",
+    "preact-render-to-string": "^6.7.0"
+  },
+  "peerDependencies": {
+    "@preact/preset-vite": "^2.10.5",
+    "preact": "^10.29.2",
+    "preact-render-to-string": "^6.7.0"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "typecheck": "tsc --noEmit",
+    "publint": "publint"
+  }
+}