@matthesketh/utopia-server 0.0.1

package/dist/ssr-runtime-Tl5z0a1q.d.cts

@@ -0,0 +1,60 @@
+import '@utopia/core';
+
+interface VElement {
+    type: 1;
+    tag: string;
+    attrs: Record<string, string>;
+    children: VNode[];
+    _parent?: VElement;
+}
+interface VText {
+    type: 2;
+    text: string;
+    _parent?: VElement;
+}
+interface VComment {
+    type: 3;
+    text: string;
+    _parent?: VElement;
+}
+type VNode = VElement | VText | VComment;
+
+/** Reset and return all collected styles. */
+declare function flushStyles(): string[];
+declare function createElement(tag: string): VElement;
+declare function createTextNode(text: string): VText;
+declare function createComment(text: string): VComment;
+declare function setText(node: VText, value: any): void;
+declare function setAttr(el: VElement, name: string, value: any): void;
+declare function addEventListener(_el: VElement, _event: string, _handler: any): () => void;
+declare function appendChild(parent: VElement, child: VNode): void;
+declare function insertBefore(parent: VElement, node: VNode, anchor: VNode | null): void;
+declare function removeNode(node: VNode): void;
+declare function effect(fn: () => void | (() => void)): () => void;
+declare function createEffect(fn: () => void | (() => void)): () => void;
+declare function createIf(anchor: VComment, condition: () => any, renderTrue: () => VNode, renderFalse?: () => VNode): () => void;
+declare function createFor<T>(anchor: VComment, list: () => T[], renderItem: (item: T, index: number) => VNode): () => void;
+interface ComponentDefinition {
+    setup?: (props: Record<string, any>) => Record<string, any>;
+    render: (ctx: Record<string, any>) => VNode;
+    styles?: string;
+}
+declare function createComponent(Component: ComponentDefinition, props?: Record<string, any>, children?: Record<string, () => VNode>): VNode;
+declare function createComponentInstance(definition: ComponentDefinition, props?: Record<string, any>): {
+    el: VNode | null;
+    props: Record<string, any>;
+    slots: Record<string, () => VNode>;
+    mount(_target: any): void;
+    unmount(): void;
+};
+declare function mount(component: ComponentDefinition, _target: any): {
+    el: VNode | null;
+    props: Record<string, any>;
+    slots: Record<string, () => VNode>;
+    mount(_target: any): void;
+    unmount(): void;
+};
+declare function queueJob(_fn: () => void): void;
+declare function nextTick(): Promise<void>;
+
+export { type ComponentDefinition as C, type VComment as V, type VElement as a, type VNode as b, type VText as c, addEventListener as d, appendChild as e, createComment as f, createComponent as g, createComponentInstance as h, createEffect as i, createElement as j, createFor as k, createIf as l, createTextNode as m, effect as n, flushStyles as o, insertBefore as p, mount as q, nextTick as r, queueJob as s, removeNode as t, setAttr as u, setText as v };

package/dist/ssr-runtime-Tl5z0a1q.d.ts

@@ -0,0 +1,60 @@
+import '@utopia/core';
+
+interface VElement {
+    type: 1;
+    tag: string;
+    attrs: Record<string, string>;
+    children: VNode[];
+    _parent?: VElement;
+}
+interface VText {
+    type: 2;
+    text: string;
+    _parent?: VElement;
+}
+interface VComment {
+    type: 3;
+    text: string;
+    _parent?: VElement;
+}
+type VNode = VElement | VText | VComment;
+
+/** Reset and return all collected styles. */
+declare function flushStyles(): string[];
+declare function createElement(tag: string): VElement;
+declare function createTextNode(text: string): VText;
+declare function createComment(text: string): VComment;
+declare function setText(node: VText, value: any): void;
+declare function setAttr(el: VElement, name: string, value: any): void;
+declare function addEventListener(_el: VElement, _event: string, _handler: any): () => void;
+declare function appendChild(parent: VElement, child: VNode): void;
+declare function insertBefore(parent: VElement, node: VNode, anchor: VNode | null): void;
+declare function removeNode(node: VNode): void;
+declare function effect(fn: () => void | (() => void)): () => void;
+declare function createEffect(fn: () => void | (() => void)): () => void;
+declare function createIf(anchor: VComment, condition: () => any, renderTrue: () => VNode, renderFalse?: () => VNode): () => void;
+declare function createFor<T>(anchor: VComment, list: () => T[], renderItem: (item: T, index: number) => VNode): () => void;
+interface ComponentDefinition {
+    setup?: (props: Record<string, any>) => Record<string, any>;
+    render: (ctx: Record<string, any>) => VNode;
+    styles?: string;
+}
+declare function createComponent(Component: ComponentDefinition, props?: Record<string, any>, children?: Record<string, () => VNode>): VNode;
+declare function createComponentInstance(definition: ComponentDefinition, props?: Record<string, any>): {
+    el: VNode | null;
+    props: Record<string, any>;
+    slots: Record<string, () => VNode>;
+    mount(_target: any): void;
+    unmount(): void;
+};
+declare function mount(component: ComponentDefinition, _target: any): {
+    el: VNode | null;
+    props: Record<string, any>;
+    slots: Record<string, () => VNode>;
+    mount(_target: any): void;
+    unmount(): void;
+};
+declare function queueJob(_fn: () => void): void;
+declare function nextTick(): Promise<void>;
+
+export { type ComponentDefinition as C, type VComment as V, type VElement as a, type VNode as b, type VText as c, addEventListener as d, appendChild as e, createComment as f, createComponent as g, createComponentInstance as h, createEffect as i, createElement as j, createFor as k, createIf as l, createTextNode as m, effect as n, flushStyles as o, insertBefore as p, mount as q, nextTick as r, queueJob as s, removeNode as t, setAttr as u, setText as v };

package/dist/ssr-runtime.cjs

@@ -0,0 +1,262 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ssr-runtime.ts
+var ssr_runtime_exports = {};
+__export(ssr_runtime_exports, {
+  addEventListener: () => addEventListener,
+  appendChild: () => appendChild,
+  batch: () => import_utopia_core.batch,
+  computed: () => import_utopia_core.computed,
+  createComment: () => createComment,
+  createComponent: () => createComponent,
+  createComponentInstance: () => createComponentInstance,
+  createEffect: () => createEffect,
+  createElement: () => createElement,
+  createFor: () => createFor,
+  createIf: () => createIf,
+  createTextNode: () => createTextNode,
+  effect: () => effect,
+  flushStyles: () => flushStyles,
+  insertBefore: () => insertBefore,
+  mount: () => mount,
+  nextTick: () => nextTick,
+  queueJob: () => queueJob,
+  removeNode: () => removeNode,
+  setAttr: () => setAttr,
+  setText: () => setText,
+  signal: () => import_utopia_core.signal,
+  untrack: () => import_utopia_core.untrack
+});
+module.exports = __toCommonJS(ssr_runtime_exports);
+var import_utopia_core = require("@matthesketh/utopia-core");
+var collectedStyles = [];
+function flushStyles() {
+  const styles = collectedStyles;
+  collectedStyles = [];
+  return styles;
+}
+function createElement(tag) {
+  return { type: 1, tag, attrs: {}, children: [] };
+}
+function createTextNode(text) {
+  return { type: 2, text: String(text) };
+}
+function createComment(text) {
+  return { type: 3, text };
+}
+function setText(node, value) {
+  node.text = value == null ? "" : String(value);
+}
+function setAttr(el, name, value) {
+  if (name === "class") {
+    if (value == null || value === false) {
+      delete el.attrs["class"];
+    } else if (typeof value === "string") {
+      el.attrs["class"] = value;
+    } else if (typeof value === "object") {
+      const classes = [];
+      for (const key of Object.keys(value)) {
+        if (value[key]) classes.push(key);
+      }
+      el.attrs["class"] = classes.join(" ");
+    }
+    return;
+  }
+  if (name === "style") {
+    if (value == null || value === false) {
+      delete el.attrs["style"];
+    } else if (typeof value === "string") {
+      el.attrs["style"] = value;
+    } else if (typeof value === "object") {
+      const parts = [];
+      for (const prop of Object.keys(value)) {
+        if (value[prop] != null) {
+          const cssName = prop.replace(/([A-Z])/g, "-$1").toLowerCase();
+          parts.push(`${cssName}: ${value[prop]}`);
+        }
+      }
+      el.attrs["style"] = parts.join("; ");
+    }
+    return;
+  }
+  const BOOLEAN_ATTRS = /* @__PURE__ */ new Set([
+    "disabled",
+    "checked",
+    "readonly",
+    "hidden",
+    "selected",
+    "required",
+    "multiple",
+    "autofocus",
+    "autoplay",
+    "controls",
+    "loop",
+    "muted",
+    "open",
+    "novalidate"
+  ]);
+  if (BOOLEAN_ATTRS.has(name)) {
+    if (value) {
+      el.attrs[name] = "";
+    } else {
+      delete el.attrs[name];
+    }
+    return;
+  }
+  if (value == null || value === false) {
+    delete el.attrs[name];
+  } else {
+    el.attrs[name] = value === true ? "" : String(value);
+  }
+}
+function addEventListener(_el, _event, _handler) {
+  return () => {
+  };
+}
+function appendChild(parent, child) {
+  child._parent = parent;
+  parent.children.push(child);
+}
+function insertBefore(parent, node, anchor) {
+  node._parent = parent;
+  if (anchor === null) {
+    parent.children.push(node);
+    return;
+  }
+  const idx = parent.children.indexOf(anchor);
+  if (idx === -1) {
+    parent.children.push(node);
+  } else {
+    parent.children.splice(idx, 0, node);
+  }
+}
+function removeNode(node) {
+  if (node._parent) {
+    const idx = node._parent.children.indexOf(node);
+    if (idx !== -1) {
+      node._parent.children.splice(idx, 1);
+    }
+    node._parent = void 0;
+  }
+}
+function effect(fn) {
+  (0, import_utopia_core.untrack)(() => fn());
+  return () => {
+  };
+}
+function createEffect(fn) {
+  return effect(fn);
+}
+function createIf(anchor, condition, renderTrue, renderFalse) {
+  const parent = anchor._parent;
+  if (!parent) return () => {
+  };
+  const truthy = !!(0, import_utopia_core.untrack)(condition);
+  if (truthy) {
+    const node = (0, import_utopia_core.untrack)(renderTrue);
+    insertBefore(parent, node, anchor);
+  } else if (renderFalse) {
+    const node = (0, import_utopia_core.untrack)(renderFalse);
+    insertBefore(parent, node, anchor);
+  }
+  return () => {
+  };
+}
+function createFor(anchor, list, renderItem) {
+  const parent = anchor._parent;
+  if (!parent) return () => {
+  };
+  const items = (0, import_utopia_core.untrack)(list);
+  for (let i = 0; i < items.length; i++) {
+    const node = (0, import_utopia_core.untrack)(() => renderItem(items[i], i));
+    insertBefore(parent, node, anchor);
+  }
+  return () => {
+  };
+}
+function createComponent(Component, props, children) {
+  const ctx = Component.setup ? (0, import_utopia_core.untrack)(() => Component.setup(props ?? {})) : {};
+  const renderCtx = {
+    ...ctx,
+    $slots: children ?? {}
+  };
+  const el = (0, import_utopia_core.untrack)(() => Component.render(renderCtx));
+  if (Component.styles) {
+    collectedStyles.push(Component.styles);
+  }
+  return el;
+}
+function createComponentInstance(definition, props) {
+  return {
+    el: null,
+    props: props ?? {},
+    slots: {},
+    mount(_target) {
+      const ctx = definition.setup ? (0, import_utopia_core.untrack)(() => definition.setup(this.props)) : {};
+      const renderCtx = {
+        ...ctx,
+        $slots: this.slots
+      };
+      this.el = (0, import_utopia_core.untrack)(() => definition.render(renderCtx));
+      if (definition.styles) {
+        collectedStyles.push(definition.styles);
+      }
+    },
+    unmount() {
+      this.el = null;
+    }
+  };
+}
+function mount(component, _target) {
+  const instance = createComponentInstance(component);
+  instance.mount(null);
+  return instance;
+}
+function queueJob(_fn) {
+}
+function nextTick() {
+  return Promise.resolve();
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  addEventListener,
+  appendChild,
+  batch,
+  computed,
+  createComment,
+  createComponent,
+  createComponentInstance,
+  createEffect,
+  createElement,
+  createFor,
+  createIf,
+  createTextNode,
+  effect,
+  flushStyles,
+  insertBefore,
+  mount,
+  nextTick,
+  queueJob,
+  removeNode,
+  setAttr,
+  setText,
+  signal,
+  untrack
+});

package/dist/ssr-runtime.d.cts

@@ -0,0 +1,2 @@
+export { batch, computed, signal, untrack } from '@matthesketh/utopia-core';
+export { C as ComponentDefinition, d as addEventListener, e as appendChild, f as createComment, g as createComponent, h as createComponentInstance, i as createEffect, j as createElement, k as createFor, l as createIf, m as createTextNode, n as effect, o as flushStyles, p as insertBefore, q as mount, r as nextTick, s as queueJob, t as removeNode, u as setAttr, v as setText } from './ssr-runtime-DRHVHO7Q.cjs';

package/dist/ssr-runtime.d.ts

@@ -0,0 +1,2 @@
+export { batch, computed, signal, untrack } from '@matthesketh/utopia-core';
+export { C as ComponentDefinition, d as addEventListener, e as appendChild, f as createComment, g as createComponent, h as createComponentInstance, i as createEffect, j as createElement, k as createFor, l as createIf, m as createTextNode, n as effect, o as flushStyles, p as insertBefore, q as mount, r as nextTick, s as queueJob, t as removeNode, u as setAttr, v as setText } from './ssr-runtime-DRHVHO7Q.js';

package/dist/ssr-runtime.js

@@ -0,0 +1,50 @@
+import {
+  addEventListener,
+  appendChild,
+  batch,
+  computed,
+  createComment,
+  createComponent,
+  createComponentInstance,
+  createEffect,
+  createElement,
+  createFor,
+  createIf,
+  createTextNode,
+  effect,
+  flushStyles,
+  insertBefore,
+  mount,
+  nextTick,
+  queueJob,
+  removeNode,
+  setAttr,
+  setText,
+  signal,
+  untrack
+} from "./chunk-DV7AV4JO.js";
+export {
+  addEventListener,
+  appendChild,
+  batch,
+  computed,
+  createComment,
+  createComponent,
+  createComponentInstance,
+  createEffect,
+  createElement,
+  createFor,
+  createIf,
+  createTextNode,
+  effect,
+  flushStyles,
+  insertBefore,
+  mount,
+  nextTick,
+  queueJob,
+  removeNode,
+  setAttr,
+  setText,
+  signal,
+  untrack
+};

package/package.json

@@ -0,0 +1,54 @@
+{
+  "name": "@matthesketh/utopia-server",
+  "version": "0.0.1",
+  "description": "Server-side rendering for UtopiaJS",
+  "type": "module",
+  "license": "MIT",
+  "author": "Matt <matt@matthesketh.pro>",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/wrxck/utopiajs.git",
+    "directory": "packages/server"
+  },
+  "homepage": "https://github.com/wrxck/utopiajs/tree/main/packages/server",
+  "keywords": [
+    "ssr",
+    "server-side-rendering",
+    "streaming",
+    "hydration",
+    "utopiajs"
+  ],
+  "engines": {
+    "node": ">=20.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./ssr-runtime": {
+      "types": "./dist/ssr-runtime.d.ts",
+      "import": "./dist/ssr-runtime.js",
+      "require": "./dist/ssr-runtime.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@matthesketh/utopia-core": "0.0.1",
+    "@matthesketh/utopia-router": "0.0.1"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts src/ssr-runtime.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts src/ssr-runtime.ts --format esm,cjs --dts --watch"
+  }
+}