@web-widget/solid 3.0.0-beta.2

package/dist/chunk-35N5BM2J.js

@@ -0,0 +1,61 @@
+// src/components.ts
+import {
+  ErrorBoundary,
+  Suspense,
+  createComponent,
+  createResource,
+  splitProps
+} from "solid-js";
+import { Dynamic } from "solid-js/web";
+import { WebWidgetRenderer } from "@web-widget/web-widget";
+function resolveFallback(fallback) {
+  var _a;
+  if (fallback !== null && typeof fallback === "object" && ("pending" in fallback || "error" in fallback)) {
+    return {
+      pending: fallback.pending,
+      error: (_a = fallback.error) != null ? _a : fallback.pending
+    };
+  }
+  return { pending: fallback, error: fallback };
+}
+function container(loader, options = {}) {
+  return (props) => {
+    var _a, _b, _c, _d;
+    const [local, data] = splitProps(props, ["children", "widget"]);
+    if (local.children) throw new TypeError("Children not supported.");
+    const widget = (_a = local.widget) != null ? _a : {};
+    const fallback = resolveFallback(widget.fallback);
+    const renderStage = widget.serverOnly ? "server" : widget.clientOnly ? "client" : options.renderStage;
+    const renderer = new WebWidgetRenderer(loader, {
+      ...options,
+      children: "",
+      data,
+      loading: (_c = (_b = widget.loading) != null ? _b : options.loading) != null ? _c : "lazy",
+      renderStage,
+      renderTarget: (_d = options.renderTarget) != null ? _d : "light"
+    });
+    const [html] = createResource(() => renderer.renderInnerHTMLToString());
+    const content = () => createComponent(Dynamic, {
+      component: renderer.localName,
+      ...renderer.attributes,
+      get innerHTML() {
+        return html();
+      }
+    });
+    return createComponent(ErrorBoundary, {
+      fallback: () => fallback.error,
+      get children() {
+        return createComponent(Suspense, {
+          fallback: fallback.pending,
+          get children() {
+            return content();
+          }
+        });
+      }
+    });
+  };
+}
+
+export {
+  container
+};

package/dist/components-BfyNPS03.d.ts

@@ -0,0 +1,22 @@
+import { Component, JSX } from 'solid-js';
+import { WebWidgetRendererOptions, Loader } from '@web-widget/web-widget';
+import { ExtractWidgetProps } from '@web-widget/schema';
+
+type DefineWebWidgetOptions = Partial<Pick<WebWidgetRendererOptions, 'base' | 'import' | 'loading' | 'name' | 'renderStage' | 'renderTarget'>>;
+interface WidgetContainerConfig {
+    fallback?: JSX.Element | {
+        pending?: JSX.Element;
+        error?: JSX.Element;
+    };
+    loading?: WebWidgetRendererOptions['loading'];
+    serverOnly?: true;
+    clientOnly?: true;
+}
+type SolidWidgetComponent<T = unknown> = Component<T & {
+    children?: JSX.Element;
+    widget?: WidgetContainerConfig;
+}>;
+declare function container<M>(loader: () => Promise<M>, options?: DefineWebWidgetOptions): SolidWidgetComponent<ExtractWidgetProps<M>>;
+declare function container<Props>(loader: Loader, options?: DefineWebWidgetOptions): SolidWidgetComponent<Props>;
+
+export { type DefineWebWidgetOptions as D, type SolidWidgetComponent as S, type WidgetContainerConfig as W, container as c };

package/dist/solid.adapter.client.d.ts

@@ -0,0 +1,8 @@
+import * as _web_widget_schema from '@web-widget/schema';
+import { Component } from 'solid-js';
+export { D as DefineWebWidgetOptions, S as SolidWidgetComponent, W as WidgetContainerConfig, c as container } from './components-BfyNPS03.js';
+import '@web-widget/web-widget';
+
+declare const render: _web_widget_schema.ClientRender<Component<any>, unknown, _web_widget_schema.ClientRenderOptions, void | _web_widget_schema.ClientRenderResult<unknown>>;
+
+export { render };

package/dist/solid.adapter.client.js

@@ -0,0 +1,36 @@
+import {
+  container
+} from "./chunk-35N5BM2J.js";
+
+// src/adapter.client.ts
+import { defineClientRender } from "@web-widget/helpers";
+import { createComponent } from "solid-js";
+import { hydrate, render as renderComponent } from "solid-js/web";
+var render = defineClientRender(
+  async (component, data, { container: container2, recovering }) => {
+    if (!component) throw new TypeError("Missing component.");
+    if (!container2) throw new Error("Missing container.");
+    let dispose;
+    return {
+      mount() {
+        const view = () => createComponent(component, data != null ? data : {});
+        const isIsolatedWidget = container2 instanceof Element && container2.hasAttribute("recovering") && container2.hasAttribute("import");
+        const canHydrate = recovering && !isIsolatedWidget && Reflect.has(globalThis, "_$HY");
+        if (canHydrate) {
+          dispose = hydrate(view, container2);
+        } else {
+          container2.replaceChildren();
+          dispose = renderComponent(view, container2);
+        }
+      },
+      unmount() {
+        dispose == null ? void 0 : dispose();
+        dispose = void 0;
+      }
+    };
+  }
+);
+export {
+  container,
+  render
+};

package/dist/solid.adapter.server.d.ts

@@ -0,0 +1,8 @@
+import * as _web_widget_schema from '@web-widget/schema';
+import { Component } from 'solid-js';
+export { D as DefineWebWidgetOptions, S as SolidWidgetComponent, W as WidgetContainerConfig, c as container } from './components-BfyNPS03.js';
+import '@web-widget/web-widget';
+
+declare const render: _web_widget_schema.ServerRender<Component<any>, unknown, _web_widget_schema.ServerRenderOptions, _web_widget_schema.ServerRenderResult>;
+
+export { render };

package/dist/solid.adapter.server.js

@@ -0,0 +1,45 @@
+import {
+  container
+} from "./chunk-35N5BM2J.js";
+
+// src/adapter.server.ts
+import { defineServerRender } from "@web-widget/helpers";
+import { createComponent } from "solid-js";
+import { renderToStream, renderToStringAsync } from "solid-js/web";
+var HYDRATION_SCRIPT_FALLBACK = [
+  "<script>",
+  'window._$HY||(e=>{let t=e=>e&&e.hasAttribute&&(e.hasAttribute("data-hk")?e:t(e.host&&e.host.nodeType?e.host:e.parentNode));',
+  '["click","input"].forEach(o=>document.addEventListener(o,o=>{if(!e.events)return;let s=t(o.composedPath&&o.composedPath()[0]||o.target);',
+  "s&&!e.completed.has(s)&&e.events.push([s,o])}))})(_$HY={events:[],completed:new WeakSet,r:{},fe(){}});",
+  "</script><!--xs-->"
+].join("");
+var render = defineServerRender(
+  async (component, data, { progressive }) => {
+    if (!component) throw new TypeError("Missing component.");
+    const view = () => createComponent(component, data != null ? data : {});
+    if (!progressive) {
+      return HYDRATION_SCRIPT_FALLBACK + await renderToStringAsync(view);
+    }
+    return new ReadableStream({
+      start(controller) {
+        let shellPending = true;
+        const writable = {
+          write(chunk) {
+            controller.enqueue(
+              shellPending ? HYDRATION_SCRIPT_FALLBACK + chunk : chunk
+            );
+            shellPending = false;
+          },
+          end() {
+            controller.close();
+          }
+        };
+        renderToStream(view).pipe(writable);
+      }
+    });
+  }
+);
+export {
+  container,
+  render
+};

package/dist/solid.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@web-widget/solid",
+  "description": "Solid adapter",
+  "version": "3.0.0-beta.2",
+  "license": "MIT",
+  "type": "module",
+  "sideEffects": false,
+  "dependencies": {
+    "@web-widget/schema": "3.0.0-beta.2",
+    "@web-widget/web-widget": "3.0.0-beta.2",
+    "@web-widget/helpers": "3.0.0-beta.2"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.9.0"
+  },
+  "devDependencies": {
+    "solid-js": "^1.9.14",
+    "tsup": "^8.3.4",
+    "typescript": "^5.9.3"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/solid.d.ts",
+      "development": "./src/index.ts",
+      "default": "./dist/solid.js"
+    },
+    "./adapter": {
+      "worker": {
+        "types": "./dist/solid.adapter.server.d.ts",
+        "development": "./src/adapter.server.ts",
+        "default": "./dist/solid.adapter.server.js"
+      },
+      "browser": {
+        "types": "./dist/solid.adapter.client.d.ts",
+        "development": "./src/adapter.client.ts",
+        "default": "./dist/solid.adapter.client.js"
+      },
+      "default": {
+        "types": "./dist/solid.adapter.server.d.ts",
+        "development": "./src/adapter.server.ts",
+        "default": "./dist/solid.adapter.server.js"
+      }
+    }
+  },
+  "webWidgetAdapter": {
+    "version": "1.0.0",
+    "name": "solid",
+    "extensions": [
+      ".tsx",
+      ".jsx"
+    ],
+    "adapter": "./adapter"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pnpm exec tsup",
+    "clean:build": "rm -rf dist",
+    "clean:node": "rm -rf node_modules",
+    "lint": "eslint src"
+  }
+}