@primate/solid 0.4.3 → 0.5.0

package/lib/private/Default.d.ts

@@ -0,0 +1,13 @@
+import Runtime from "#Runtime";
+export default class Default extends Runtime {
+    root: {
+        create: (length: number, i18n_active: boolean) => string;
+    };
+    compile: {
+        client: (text: string) => {
+            js: string;
+        };
+        server: (text: string) => string;
+    };
+}
+//# sourceMappingURL=Default.d.ts.map

package/lib/private/Default.js

@@ -0,0 +1,30 @@
+import create_root from "#create-root";
+import Runtime from "#Runtime";
+import { transformSync } from "@babel/core";
+import transform from "@rcompat/build/sync/transform";
+// @ts-expect-error no declaration file
+import solid from "babel-preset-solid";
+function compile(text, presets) {
+    return transformSync(transform(text, {
+        format: "esm",
+        jsx: "preserve",
+        loader: "tsx",
+        target: "esnext",
+    }).code, { presets })?.code ?? "";
+}
+export default class Default extends Runtime {
+    root = {
+        create: create_root,
+    };
+    compile = {
+        client: (text) => {
+            const presets = [[solid, { generate: "dom", hydratable: true }]];
+            return { js: compile(text, presets) };
+        },
+        server: (text) => {
+            const presets = [[solid, { generate: "ssr", hydratable: true }]];
+            return compile(text, presets);
+        },
+    };
+}
+//# sourceMappingURL=Default.js.map

package/lib/private/Head/ClientChild.d.ts

@@ -0,0 +1,3 @@
+type ClientChild = HTMLElement;
+export type { ClientChild as default };
+//# sourceMappingURL=ClientChild.d.ts.map

package/lib/private/Head/ClientChild.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ClientChild.js.map

package/lib/private/Head/ServerChild.d.ts

@@ -0,0 +1,8 @@
+import type Dict from "@rcompat/type/Dict";
+type Child = {
+    props: Dict;
+    t: string;
+    tagName: string;
+};
+export type { Child as default };
+//# sourceMappingURL=ServerChild.d.ts.map

package/lib/private/Head/ServerChild.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ServerChild.js.map

package/lib/private/Head/browser.d.ts

@@ -0,0 +1,9 @@
+import type Child from "#Head/ClientChild";
+declare const Head: {
+    (props: {
+        children: Child[];
+    }): null;
+    clear(data_value?: string): void;
+};
+export default Head;
+//# sourceMappingURL=browser.d.ts.map

package/lib/private/Head/browser.js

@@ -0,0 +1,36 @@
+import { onCleanup, onMount } from "solid-js";
+const data_attribute = "data-sh";
+const data_ssr = "ssr";
+const render = (children, id) => {
+    // DOM elements
+    const titles = children.filter(({ tagName }) => tagName === "TITLE");
+    const others = children.filter(({ tagName }) => tagName !== "TITLE");
+    titles.forEach(title => {
+        globalThis.document.title = title.innerText;
+    });
+    others.forEach(other => {
+        other.dataset.sh = id;
+        globalThis.document.head.prepend(other);
+    });
+};
+const clear = (data_value) => {
+    const selector = `[${data_attribute}="${data_value}"]`;
+    globalThis.document.querySelectorAll(selector).forEach(element => {
+        element.remove();
+    });
+};
+const Head = function Head(props) {
+    let id;
+    onMount(() => {
+        id = crypto.randomUUID();
+        render(props.children, id);
+    });
+    onCleanup(() => {
+        // remove managed tags
+        clear(id);
+    });
+    return null;
+};
+Head.clear = (data_value = data_ssr) => clear(data_value);
+export default Head;
+//# sourceMappingURL=browser.js.map

package/lib/private/Head/default.d.ts

@@ -0,0 +1,9 @@
+import type Child from "#Head/ServerChild";
+declare const Head: {
+    (props: {
+        children: Child[];
+    }): null;
+    clear(data_value?: string): void;
+};
+export default Head;
+//# sourceMappingURL=default.d.ts.map

package/lib/private/Head/default.js

@@ -0,0 +1,44 @@
+import HeadContext from "#context/head";
+import { useContext } from "solid-js";
+const data_attribute = "data-sh";
+const data_ssr = "ssr";
+const allowed = ["title", "meta", "style", "meta", "link", "script", "base"];
+const make_tag = (tag, id) => {
+    const parts = tag.split(" ");
+    return [
+        parts[0],
+        `${data_attribute}="${id}"`,
+        ...parts.slice(1),
+    ].join(" ");
+};
+const get_tag = (child) => child.match(/^<(?<tag>[a-z]*) .*$/u)?.groups?.tag ?? "";
+const render = (children, id) => {
+    const tags = children.map(({ t: tag }) => tag);
+    const all_good = tags.every(tag => allowed.includes(get_tag(tag)));
+    if (!all_good) {
+        const bad = get_tag(tags.find(tag => !allowed.includes(get_tag(tag))) ?? "");
+        const alloweds = `${allowed.map(tag => `<${tag}>`).join(", ")}`;
+        const error = `Head may only contain ${alloweds}, found <${bad}>`;
+        throw new Error(error);
+    }
+    const titles = tags.filter(tag => get_tag(tag) === "title");
+    const others = tags.filter(tag => get_tag(tag) !== "title");
+    return [
+        ...titles,
+        ...others.map(other => make_tag(other, id)),
+    ];
+};
+const clear = (data_value) => {
+    const selector = `[${data_attribute}="${data_value}"]`;
+    globalThis.document.querySelectorAll(selector).forEach(element => {
+        element.remove();
+    });
+};
+const Head = function Head(props) {
+    const context = useContext(HeadContext);
+    context(render(props.children, data_ssr));
+    return null;
+};
+Head.clear = (data_value = data_ssr) => clear(data_value);
+export default Head;
+//# sourceMappingURL=default.js.map

package/lib/private/Head.d.ts

@@ -0,0 +1,8 @@
+declare const Head: {
+    (props: {
+        children: any[];
+    }): null;
+    clear: (data_value?: string) => void;
+};
+export default Head;
+//# sourceMappingURL=Head.d.ts.map

package/lib/private/Head.js

@@ -0,0 +1,8 @@
+import impl from "#HeadImpl";
+const Head = function Head(props) {
+    impl(props);
+    return null;
+};
+Head.clear = impl.clear;
+export default Head;
+//# sourceMappingURL=Head.js.map

package/lib/private/Runtime.d.ts

@@ -0,0 +1,11 @@
+import FrontendModule from "@primate/core/frontend/Module";
+import type Render from "@primate/core/frontend/Render";
+import type { Component } from "solid-js";
+export default class Runtime extends FrontendModule<Component> {
+    name: string;
+    defaultExtensions: string[];
+    client: boolean;
+    layouts: boolean;
+    render: Render<Component>;
+}
+//# sourceMappingURL=Runtime.d.ts.map

package/lib/private/Runtime.js

@@ -0,0 +1,22 @@
+import FrontendModule from "@primate/core/frontend/Module";
+import { renderToString } from "solid-js/web";
+export default class Runtime extends FrontendModule {
+    name = "solid";
+    defaultExtensions = [".jsx", ".tsx"];
+    client = true;
+    layouts = true;
+    render = (component, props) => {
+        const heads = [];
+        const push_heads = (sub_heads) => {
+            heads.push(...sub_heads);
+        };
+        const body = renderToString(() => component({ ...props, push_heads }));
+        if (heads.filter(head => head.startsWith("<title")).length > 1) {
+            const error = "May only contain one <title> across component hierarchy";
+            throw new Error(error);
+        }
+        const head = heads.join("\n");
+        return { body, head };
+    };
+}
+//# sourceMappingURL=Runtime.js.map

package/lib/private/client/Validated.d.ts

@@ -0,0 +1,10 @@
+import type ValidateUpdater from "@primate/core/client/ValidateUpdater";
+import type ValidationError from "@primate/core/client/ValidationError";
+type Validated<T> = {
+    error: () => null | ValidationError;
+    loading: () => boolean;
+    update: (updater: ValidateUpdater<T>) => Promise<void>;
+    value: () => T;
+};
+export type { Validated as default };
+//# sourceMappingURL=Validated.d.ts.map

package/lib/private/client/Validated.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Validated.js.map

package/lib/private/client/index.d.ts

@@ -0,0 +1,11 @@
+import type ClientData from "@primate/core/client/Data";
+import type Dict from "@rcompat/type/Dict";
+type Data = ClientData<{
+    components: string[];
+    props: Dict[];
+}>;
+export default class Solid {
+    static mount(component: string, data: ClientData<Data>): void;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/private/client/index.js

@@ -0,0 +1,31 @@
+import spa from "@primate/core/client/spa";
+import SolidHead from "@primate/solid/Head";
+import { hydrate, render } from "solid-js/web";
+// @ts-expect-error esbuild vfs
+import * as components from "solid:components";
+// @ts-expect-error esbuild vfs
+import root_component from "solid:root";
+// @ts-expect-error solid hydration
+globalThis._$HY = { completed: new WeakSet(), events: [], r: {} };
+const { body } = globalThis.window.document;
+SolidHead.clear();
+const make_props = (data) => ({
+    components: data.components.map(name => components[name]),
+    props: data.props,
+    request: {
+        ...data.request,
+        url: new URL(location.href),
+    },
+});
+export default class Solid {
+    static mount(component, data) {
+        let dispose = hydrate(() => root_component(make_props(data)), body);
+        if (data.spa) {
+            window.addEventListener("DOMContentLoaded", _ => spa(_data => {
+                dispose();
+                dispose = render(() => root_component(make_props(_data)), body);
+            }));
+        }
+    }
+}
+//# sourceMappingURL=index.js.map

package/lib/private/client/validate.d.ts

@@ -0,0 +1,25 @@
+import type Validated from "#client/Validated";
+declare const _default: <T>(initial: T) => {
+    delete: (url: string, options?: {
+        headers?: import("@rcompat/type/Dict").default<string>;
+        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
+        path?: import("@rcompat/type/JSONPointer").default;
+    } | undefined) => Validated<T>;
+    patch: (url: string, options?: {
+        headers?: import("@rcompat/type/Dict").default<string>;
+        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
+        path?: import("@rcompat/type/JSONPointer").default;
+    } | undefined) => Validated<T>;
+    post: (url: string, options?: {
+        headers?: import("@rcompat/type/Dict").default<string>;
+        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
+        path?: import("@rcompat/type/JSONPointer").default;
+    } | undefined) => Validated<T>;
+    put: (url: string, options?: {
+        headers?: import("@rcompat/type/Dict").default<string>;
+        map?: ((v: T) => import("@rcompat/type/JSONValue").default) | undefined;
+        path?: import("@rcompat/type/JSONPointer").default;
+    } | undefined) => Validated<T>;
+};
+export default _default;
+//# sourceMappingURL=validate.d.ts.map

package/lib/private/client/validate.js

@@ -0,0 +1,29 @@
+import toValidated from "@primate/core/client/toValidated";
+import validate from "@primate/core/client/validate";
+import { createSignal } from "solid-js";
+function useValidate(init) {
+    const [value, setValue] = createSignal(init.initial);
+    const [loading, setLoading] = createSignal(false);
+    const [error, setError] = createSignal(null);
+    async function update(updater) {
+        const previous = value();
+        const next = updater(previous);
+        setValue(() => next);
+        setLoading(true);
+        setError(null);
+        try {
+            await validate(init, next);
+        }
+        catch (e) {
+            // rollback
+            setValue(() => previous);
+            setError(() => e);
+        }
+        finally {
+            setLoading(false);
+        }
+    }
+    return { error, loading, update, value };
+}
+export default toValidated(useValidate);
+//# sourceMappingURL=validate.js.map

package/lib/private/context/app.d.ts

@@ -0,0 +1,13 @@
+import type ContextData from "@primate/core/i18n/ContextData";
+import type Dict from "@rcompat/type/Dict";
+import { type Accessor, type Setter } from "solid-js";
+type Context = {
+    i18n: ContextData;
+} & Dict;
+export type AppContextValue = {
+    context: Accessor<Context>;
+    setContext: Setter<Context>;
+};
+declare const _default: import("solid-js").Context<AppContextValue>;
+export default _default;
+//# sourceMappingURL=app.d.ts.map

package/lib/private/context/app.js

@@ -0,0 +1,10 @@
+import { createContext } from "solid-js";
+export default createContext({
+    context: () => ({
+        i18n: {
+            locale: "en-US",
+        },
+    }),
+    setContext: (() => { }),
+});
+//# sourceMappingURL=app.js.map

package/lib/private/context/head.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("solid-js").Context<unknown>;
+export default _default;
+//# sourceMappingURL=head.d.ts.map

package/{src → lib}/private/context/head.js

@@ -1,3 +1,3 @@
 import { createContext } from "solid-js";
-
 export default createContext();
+//# sourceMappingURL=head.js.map

package/lib/private/create-root.d.ts

@@ -0,0 +1,3 @@
+declare const _default: (length: number, i18n_active: boolean) => string;
+export default _default;
+//# sourceMappingURL=create-root.d.ts.map

package/lib/private/create-root.js

@@ -0,0 +1,40 @@
+export default (length, i18n_active) => {
+    const n = length - 1;
+    const body = Array.from({ length: n }, (_, i) => i - 1)
+        .reduceRight((child, _, i) => `components[${i + 1}] !== undefined
+        ? createComponent(components[${i}], {request, ...props[${i}],
+            children: ${child}})
+        : createComponent(components[${i}], {request, ...props[${i}]})
+    `, `createComponent(components[${n}], {request, ...props[${n}]})`);
+    const i18n_imports = i18n_active
+        ? `
+      import I18nBridge from "@primate/solid/i18n/Bridge";
+      import t from "#i18n";`
+        : "";
+    const tree = i18n_active
+        ? `<I18nBridge t={t}>{${body}}</I18nBridge>`
+        : `{${body}}`;
+    return `
+    import { createSignal } from "solid-js";
+    import { createComponent } from "solid-js/web";
+    import AppContext from "@primate/solid/context/app";
+    import HeadContext from "@primate/solid/context/head";${i18n_imports}
+
+    export default ({
+      components,
+      props,
+      request,
+      push_heads: value,
+    }) => {
+      const [context, setContext] = createSignal(request.context);
+      const $value = { context, setContext };
+
+      return <AppContext.Provider value={$value}>
+          <HeadContext.Provider value={value}>
+            ${tree}
+          </HeadContext.Provider>
+        </AppContext.Provider>
+    }
+  `;
+};
+//# sourceMappingURL=create-root.js.map

package/lib/private/i18n/Bridge.browser.d.ts

@@ -0,0 +1,8 @@
+import type API from "@primate/core/i18n/API";
+import type Catalogs from "@primate/core/i18n/Catalogs";
+import { type JSX } from "solid-js";
+export default function I18nBridge<C extends Catalogs>(props: {
+    t: API<C>;
+    children?: JSX.Element;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Bridge.browser.d.ts.map

package/lib/private/i18n/Bridge.browser.js

@@ -0,0 +1,25 @@
+import { memo as _$memo } from "solid-js/web";
+import AppContext from "#context/app";
+import sInternal from "@primate/core/i18n/sInternal";
+import { createSignal, onCleanup, onMount, useContext } from "solid-js";
+function I18nBridge(props) {
+  const {
+    context
+  } = useContext(AppContext);
+  const server = context().i18n.locale;
+  if (server !== void 0 && server !== props.t.locale.get()) {
+    props.t[sInternal].init(server);
+  }
+  const [version, setVersion] = createSignal(props.t[sInternal].version);
+  const removeDepend = props.t[sInternal].depend(() => {
+    version();
+  });
+  const off = props.t.subscribe(() => setVersion(v => v + 1));
+  onMount(() => props.t[sInternal].restore());
+  onCleanup(() => {
+    off();
+    removeDepend();
+  });
+  return _$memo(() => props.children);
+}
+export { I18nBridge as default };

package/lib/private/i18n/Bridge.default.d.ts

@@ -0,0 +1,8 @@
+import type API from "@primate/core/i18n/API";
+import type Catalogs from "@primate/core/i18n/Catalogs";
+import { type JSX } from "solid-js";
+export default function I18nBridge<C extends Catalogs>(props: {
+    t: API<C>;
+    children?: JSX.Element;
+}): import("react").JSX.Element;
+//# sourceMappingURL=Bridge.default.d.ts.map

package/lib/private/i18n/Bridge.default.js

@@ -0,0 +1,12 @@
+import { memo as _$memo } from "solid-js/web";
+import AppContext from "#context/app";
+import sInternal from "@primate/core/i18n/sInternal";
+import { useContext } from "solid-js";
+function I18nBridge(props) {
+  const {
+    context
+  } = useContext(AppContext);
+  props.t[sInternal].init(context().i18n.locale);
+  return _$memo(() => props.children);
+}
+export { I18nBridge as default };

package/lib/public/Head.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#Head";
+//# sourceMappingURL=Head.d.ts.map

package/lib/public/Head.js

@@ -0,0 +1,2 @@
+export { default } from "#Head";
+//# sourceMappingURL=Head.js.map

package/lib/public/Validated.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#client/Validated";
+//# sourceMappingURL=Validated.d.ts.map

package/lib/public/Validated.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Validated.js.map

package/lib/public/browser.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#client/index";
+//# sourceMappingURL=browser.d.ts.map

package/lib/public/browser.js

@@ -0,0 +1,2 @@
+export { default } from "#client/index";
+//# sourceMappingURL=browser.js.map

package/lib/public/context/app.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#context/app";
+//# sourceMappingURL=app.d.ts.map

package/{src → lib}/public/context/app.js

@@ -1 +1,2 @@
 export { default } from "#context/app";
+//# sourceMappingURL=app.js.map

package/lib/public/context/head.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#context/head";
+//# sourceMappingURL=head.d.ts.map

package/{src → lib}/public/context/head.js

@@ -1 +1,2 @@
 export { default } from "#context/head";
+//# sourceMappingURL=head.js.map

package/lib/public/default.d.ts

@@ -0,0 +1,4 @@
+import Default from "#Default";
+declare const _default: (options?: typeof Default.input) => Default;
+export default _default;
+//# sourceMappingURL=default.d.ts.map

package/lib/public/default.js

@@ -0,0 +1,3 @@
+import Default from "#Default";
+export default (options) => new Default(options);
+//# sourceMappingURL=default.js.map

package/lib/public/i18n/Bridge/browser.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#i18n/Bridge.browser";
+//# sourceMappingURL=browser.d.ts.map

package/lib/public/i18n/Bridge/browser.js

@@ -0,0 +1,2 @@
+export { default } from "#i18n/Bridge.browser";
+//# sourceMappingURL=browser.js.map

package/lib/public/i18n/Bridge/default.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#i18n/Bridge.default";
+//# sourceMappingURL=default.d.ts.map

package/lib/public/i18n/Bridge/default.js

@@ -0,0 +1,2 @@
+export { default } from "#i18n/Bridge.default";
+//# sourceMappingURL=default.js.map

package/lib/public/runtime.d.ts

@@ -0,0 +1,4 @@
+import Runtime from "#Runtime";
+declare const _default: (options?: typeof Runtime.input) => Runtime;
+export default _default;
+//# sourceMappingURL=runtime.d.ts.map

package/lib/public/runtime.js

@@ -0,0 +1,3 @@
+import Runtime from "#Runtime";
+export default (options) => new Runtime(options);
+//# sourceMappingURL=runtime.js.map

package/lib/public/validate.d.ts

@@ -0,0 +1,2 @@
+export { default } from "#client/validate";
+//# sourceMappingURL=validate.d.ts.map

package/lib/public/validate.js

@@ -0,0 +1,2 @@
+export { default } from "#client/validate";
+//# sourceMappingURL=validate.js.map

package/package.json

@@ -1,74 +1,64 @@
 {
   "name": "@primate/solid",
-  "version": "0.4.3",
+  "version": "0.5.0",
   "description": "Primate Solid frontend",
-  "homepage": "https://primatejs.com/modules/solid",
-  "bugs": "https://github.com/primatejs/primate/issues",
+  "homepage": "https://primate.run/docs/frontend/solid",
+  "bugs": "https://github.com/primate-run/primate/issues",
   "license": "MIT",
   "files": [
-    "src/**/*.js",
-    "!src/**/*.spec.js"
+    "/lib/**/*.js",
+    "/lib/**/*.d.ts",
+    "!/**/*.spec.*"
   ],
   "repository": {
     "type": "git",
-    "url": "https://github.com/primatejs/primate",
+    "url": "https://github.com/primate-run/primate",
     "directory": "packages/solid"
   },
+  "devDependencies": {
+    "@types/babel__core": "^7.20.5"
+  },
   "dependencies": {
-    "@babel/core": "^7.52.2",
-    "@rcompat/build": "^0.5.0",
-    "@rcompat/fs": "^0.7.0",
-    "@rcompat/runtime": "^0.1.0",
-    "babel-preset-solid": "^1.8.19",
-    "@primate/frontend": "^0.16.4"
+    "@babel/core": "^7.28.4",
+    "@rcompat/build": "^0.14.0",
+    "@rcompat/fs": "^0.21.1",
+    "@rcompat/runtime": "^0.6.0",
+    "babel-preset-solid": "^1.9.9",
+    "fast-glob": "^3.3.3",
+    "@primate/core": "^0.2.0"
   },
   "peerDependencies": {
     "solid-js": "1",
-    "@primate/i18n": "^0.8.3",
-    "primate": "^0.32.6"
-  },
-  "peerDependenciesMeta": {
-    "@primate/i18n": {
-      "optional": true
-    }
+    "primate": "^0.33.0"
   },
   "type": "module",
   "imports": {
     "#*": {
-      "livetypes": "./src/private/*.js",
-      "default": "./src/private/*.js"
-    },
-    "#build": {
-      "livetypes": "./src/private/build/index.js",
-      "default": "./src/private/build/index.js"
-    },
-    "#serve": {
-      "livetypes": "./src/private/serve/index.js",
-      "default": "./src/private/serve/index.js"
+      "apekit": "./src/private/*.ts",
+      "default": "./lib/private/*.js"
     },
-    "#context/*": {
-      "livetypes": "./src/private/context/*.js",
-      "default": "./src/private/context/*.js"
-    },
-    "#client": {
-      "livetypes": "./src/private/client/index.js",
-      "default": "./src/private/client/index.js"
-    },
-    "#client/*": {
-      "livetypes": "./src/private/client/*.js",
-      "default": "./src/private/client/*.js"
-    },
-    "#i18n/*": {
-      "livetypes": "./src/private/i18n/*.js",
-      "default": "./src/private/i18n/*.js"
+    "#HeadImpl": {
+      "apekit": "./src/private/Head/default.ts",
+      "browser": "./lib/private/Head/browser.js",
+      "default": "./lib/private/Head/default.js"
     }
   },
   "exports": {
     ".": {
-      "runtime": "./src/public/runtime.js",
-      "default": "./src/public/default.js"
+      "browser": "./lib/public/browser.js",
+      "runtime": "./lib/public/runtime.js",
+      "default": "./lib/public/default.js"
     },
-    "./*": "./src/public/*.js",
-    "./context/*": "./src/public/context/*.js"
+    "./*": "./lib/public/*.js",
+    "./i18n/Bridge": {
+      "browser": "./lib/public/i18n/Bridge/browser.js",
+      "default": "./lib/public/i18n/Bridge/default.js"
+    }
+  },
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "postbuild": "node scripts/compile-jsx.js",
+    "clean": "rm -rf ./lib",
+    "lint": "eslint ."
   }
 }

package/src/private/build/client.js

@@ -1,7 +0,0 @@
-import { transformAsync } from "@babel/core";
-import solid from "babel-preset-solid";
-
-export default async text => {
-  const presets = [[solid, { generate: "dom", hydratable: true }]];
-  return { js: (await transformAsync(text, { presets })).code };
-};

package/src/private/build/index.js

@@ -1,14 +0,0 @@
-import create_root from "#client/create-root";
-import expose from "#client/expose";
-import name from "#name";
-import build from "@primate/frontend/core/build";
-import client from "./client.js";
-import publish from "./publish.js";
-import server from "./server.js";
-
-export default extension => build({
-  create_root,
-  extension,
-  name,
-  actions: { compile: { client, server }, expose, publish },
-});

package/src/private/build/publish.js

@@ -1,26 +0,0 @@
-import file from "@rcompat/fs/file";
-import client from "./client.js";
-
-const root_filter = /^root:solid/u;
-
-export default (app, extension) => ({
-  name: "solid",
-  setup(build) {
-    build.onResolve({ filter: root_filter }, ({ path }) => {
-      return { path, namespace: "solidroot" };
-    });
-    build.onLoad({ filter: root_filter }, ({ path }) => {
-      const contents = app.build.load(path);
-      return contents
-        ? { contents, loader: "js", resolveDir: app.root.path }
-        : null;
-    });
-    build.onLoad({ filter: new RegExp(`${extension}$`, "u") }, async args => {
-      // Load the file from the file system
-      const source = await file(args.path).text();
-
-      // Convert JSX syntax to JavaScript
-      return { contents: (await client(source)).js };
-    });
-  },
-});

package/src/private/build/server.js

@@ -1,8 +0,0 @@
-import { transformAsync } from "@babel/core";
-import solid from "babel-preset-solid";
-
-export default async text => {
-  const presets = [[solid, { generate: "ssr", hydratable: true }]];
-  return (await transformAsync(text, { presets })).code;
-};
-

package/src/private/client/create-root.js

@@ -1,33 +0,0 @@
-export default length => {
-  const n = length - 1;
-  const body = Array.from({ length: n }, (_, i) => i - 1)
-    .reduceRight((child, _, i) => `components[${i + 1}] !== undefined
-        ? createComponent(components[${i}], {request, ...data[${i}], 
-            children: ${child}})
-        : createComponent(components[${i}], {request, ...data[${i}]})
-    `, `createComponent(components[${n}], {request, ...data[${n}]})`);
-
-  return `
-    import { createSignal } from "solid-js";
-    import { createComponent } from "solid-js/web";
-    import AppContext from "@primate/solid/context/app";
-    import HeadContext from "@primate/solid/context/head";
-
-    export default ({
-      components,
-      data,
-      request,
-      context: c,
-      push_heads: value,
-    }) => {
-      const [context, setContext] = createSignal(c);
-      const $value = { context, setContext };
-
-      return <AppContext.Provider value={$value}>
-          <HeadContext.Provider value={value}>
-            {${body}}
-          </HeadContext.Provider>
-        </AppContext.Provider>
-    }
-  `;
-};

package/src/private/client/expose.js

@@ -1,7 +0,0 @@
-export default `
-  export { 
-    hydrate as hydrate_solid,
-    render as render_solid,
-  } from "solid-js/web";
-  export { default as SolidHead } from "@primate/solid/head";
-`;

package/src/private/client/index.js

@@ -1,25 +0,0 @@
-import { generateHydrationScript } from "solid-js/web";
-import spa from "./spa.js";
-
-const { groups: { code: hydration_script } } = generateHydrationScript()
-  .match(/^<script>(?<code>.*?)<\/script>/u);
-
-export default ({ names, data, context, request }, options) => `
-  import * as components from "app";
-  import { hydrate_solid, render_solid, SolidHead } from "app";
-
-  window._$HY = { events: [], completed: new WeakSet(), r: {} };
-
-  ${hydration_script}
-
-  SolidHead.clear();
-  let dispose = hydrate_solid(() => components.root_solid({
-      components: [${names.map(name => `components.${name}`).join(", ")}],
-      data: ${JSON.stringify(data)},
-      context: ${JSON.stringify(context)},
-      request: {
-        ...${JSON.stringify(request)},
-        url: new URL(location.href),
-      },
-    }), globalThis.window.document.body);
-  ${options.spa ? spa : ""}`;

package/src/private/client/spa.js

@@ -1,14 +0,0 @@
-export default `
-const { spa } = components;
-window.addEventListener("DOMContentLoaded", _ => spa((props, update) => {
-  dispose();
-  dispose = render_solid(() => components.root_solid({
-    components: props.names.map(name => components[name]),
-    data: props.data,
-    context: props.context,
-    request: {
-      ...props.request,
-      url: new URL(location.href),
-    },
-  }), globalThis.window.document.body);
-}));`;

package/src/private/context/app.js

@@ -1,3 +0,0 @@
-import { createContext } from "solid-js";
-
-export default createContext({});

package/src/private/extension.js

@@ -1 +0,0 @@
-export default ".jsx";

package/src/private/i18n/index.js

@@ -1,10 +0,0 @@
-import resolve from "@primate/i18n/core/resolve";
-import AppContext from "#context/app";
-import { useContext } from "solid-js";
-import locale_store from "./locale.js";
-
-export default (key, placeholders) => {
-  locale_store.init();
-  const { locales, locale } = useContext(AppContext).context().i18n;
-  return resolve(locales[locale], key, placeholders);
-};

package/src/private/i18n/locale.js

@@ -1,37 +0,0 @@
-import AppContext from "#context/app";
-import save from "@primate/i18n/core/save";
-import { useContext } from "solid-js";
-
-const $ = {
-  context: Symbol("context"),
-  setContext: Symbol("setContext"),
-};
-
-export default {
-  [$.context]: undefined,
-  [$.setContext]: undefined,
-  get() {
-    this.init();
-    return this[$.context].i18n.locale;
-  },
-  set(locale) {
-    this.init();
-    this[$.setContext]({
-        ...this[$.context],
-        i18n: {
-          locale,
-          locales: this[$.context].i18n.locales,
-        },
-      });
-    save(locale);
-  },
-  init() {
-    if (this[$.context] !== undefined) {
-      return;
-    }
-
-    const { context, setContext } = useContext(AppContext);
-    this[$.context] = context();
-    this[$.setContext] = setContext;
-  },
-};

package/src/private/name.js

@@ -1 +0,0 @@
-export default "solid";

package/src/private/pkgname.js

@@ -1 +0,0 @@
-export default "@primate/solid";

package/src/private/serve/index.js

@@ -1,16 +0,0 @@
-import handler from "@primate/frontend/core/handler";
-import client from "#client";
-import name from "#name";
-import render from "./render.js";
-
-export default (extension, spa) => (app, next) => {
-  app.register(extension, handler({
-    app,
-    render,
-    client,
-    name,
-    spa,
-  }));
-
-  return next(app);
-};

package/src/private/serve/render.js

@@ -1,17 +0,0 @@
-import { renderToString } from "solid-js/web";
-
-export default (component, props) => {
-  const heads = [];
-  const push_heads = sub_heads => {
-    heads.push(...sub_heads);
-  };
-  const body = renderToString(() => component({ ...props, push_heads }));
-
-  if (heads.filter(head => head.startsWith("<title")).length > 1) {
-    const error = "May only contain one <title> across component hierarchy";
-    throw new Error(error);
-  }
-  const head = heads.join("\n");
-
-  return { body, head };
-};

package/src/public/default.js

@@ -1,14 +0,0 @@
-import build from "#build";
-import default_extension from "#extension";
-import pkgname from "#pkgname";
-import serve from "#serve";
-
-export default ({
-  extension = default_extension,
-  // activate fetch-based browsing
-  spa = true,
-} = {}) => ({
-  name: pkgname,
-  build: build(extension),
-  serve: serve(extension, spa),
-});

package/src/public/head.js

@@ -1,92 +0,0 @@
-import HeadContext from "#context/head";
-import runtime from "@rcompat/runtime";
-import { onCleanup, onMount, useContext } from "solid-js";
-
-const is_client = runtime === "browser";
-
-const to_array = maybe => Array.isArray(maybe) ? maybe : [maybe];
-
-const data_attribute = "data-sh";
-const data_ssr = "ssr";
-const allowed = ["title", "meta", "style", "meta", "link", "script", "base"];
-
-const make_tag = (tag, id) => {
-  const parts = tag.split(" ");
-  return [
-    parts[0],
-    `${data_attribute}="${id}"`,
-    ...parts.slice(1),
-  ].join(" ");
-};
-
-const get_tag = child => child.match(/^<(?<tag>[a-z]*) .*$/u).groups.tag;
-
-const render = (maybe_children, id) => {
-  const children = to_array(maybe_children);
-
-  if (is_client) {
-    // DOM elements
-    const titles = children.filter(({ tagName }) => tagName === "TITLE");
-    const others = children.filter(({ tagName }) => tagName !== "TITLE");
-
-    titles.forEach(title => {
-      globalThis.document.title = title.innerText;
-    });
-    others.forEach(other => {
-      other.dataset.sh = id;
-      globalThis.document.head.prepend(other);
-    });
-  } else {
-    const tags = children.map(({ t: tag }) => tag);
-    const all_good = tags.every(tag => allowed.includes(get_tag(tag)));
-    if (!all_good) {
-      const bad = get_tag(tags.find(tag => !allowed.includes(get_tag(tag))));
-      const alloweds = `${allowed.map(tag => `<${tag}>`).join(", ")}`;
-      const error = `Head may only contain ${alloweds}, found <${bad}>`;
-      throw new Error(error);
-    }
-
-    const titles = tags.filter(tag => get_tag(tag) === "title");
-    const others = tags.filter(tag => get_tag(tag) !== "title");
-
-    return [
-      ...titles,
-      ...others.map(other => make_tag(other, id)),
-    ];
-  }
-};
-
-const clear = (data_value) => {
-  const selector = `[${data_attribute}="${data_value}"]`;
-  globalThis.document.querySelectorAll(selector).forEach(element => {
-    element.remove();
-  });
-};
-
-const Head = function Head(props) {
-  let id;
-  onMount(() => {
-    if (is_client) {
-      id = crypto.randomUUID();
-      render(props.children, id);
-    }
-  });
-
-  onCleanup(() => {
-    if (is_client) {
-      // remove managed tags
-      clear(id);
-    }
-  });
-
-  if (!is_client) {
-    const context = useContext(HeadContext);
-    context(render(props.children, data_ssr));
-  }
-
-  // no return, nothing rendered
-};
-
-Head.clear = (data_value = data_ssr) => clear(data_value);
-
-export default Head;

package/src/public/i18n.js

@@ -1 +0,0 @@
-export { default } from "#i18n/index";

package/src/public/locale.js

@@ -1 +0,0 @@
-export { default } from "#i18n/locale";

package/src/public/runtime.js

@@ -1,12 +0,0 @@
-import default_extension from "#extension";
-import pkgname from "#pkgname";
-import serve from "#serve";
-
-export default ({
-  extension = default_extension,
-  // activate fetch-based browsing
-  spa = true,
-} = {}) => ({
-  name: pkgname,
-  serve: serve(extension, spa),
-});