@primate/svelte 0.18.3 → 0.20.0

package/lib/private/Default.d.ts

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

package/lib/private/Default.js

@@ -0,0 +1,20 @@
+import create_root from "#create-root";
+import Runtime from "#Runtime";
+import { compile } from "svelte/compiler";
+export default class Default extends Runtime {
+    root = {
+        create: create_root,
+    };
+    css = {
+        filter: /\.sveltecss$/,
+    };
+    compile = {
+        client: (text) => {
+            const accessors = true;
+            const { css, js } = compile(text, { accessors, generate: "client" });
+            return { css: css?.code ?? "", js: js.code };
+        },
+        server: (text) => compile(text, { generate: "server" }).js.code,
+    };
+}
+//# sourceMappingURL=Default.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 "svelte";
+export default class Runtime extends FrontendModule<Component> {
+    name: string;
+    defaultExtensions: string[];
+    layouts: boolean;
+    client: boolean;
+    render: Render<Component>;
+}
+//# sourceMappingURL=Runtime.d.ts.map

package/lib/private/Runtime.js

@@ -0,0 +1,13 @@
+import FrontendModule from "@primate/core/frontend/Module";
+import { render } from "svelte/server";
+export default class Runtime extends FrontendModule {
+    name = "svelte";
+    defaultExtensions = [".svelte"];
+    layouts = true;
+    client = true;
+    render = (view, props) => {
+        const { head, html } = render(view, { props: { p: { ...props } } });
+        return { body: html, head };
+    };
+}
+//# sourceMappingURL=Runtime.js.map

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

@@ -0,0 +1,8 @@
+import type ValidationError from "@primate/core/client/ValidationError";
+type ValidateState<T> = {
+    error: null | ValidationError;
+    loading: boolean;
+    value: T;
+};
+export type { ValidateState as default };
+//# sourceMappingURL=ValidateState.d.ts.map

package/lib/private/client/ValidateState.js

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

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

@@ -0,0 +1,8 @@
+import type ValidateState from "#client/ValidateState";
+import type ValidateUpdater from "@primate/core/client/ValidateUpdater";
+import type { Readable } from "svelte/store";
+type Validated<T> = {
+    update: (updater: ValidateUpdater<T>) => Promise<void>;
+} & Readable<ValidateState<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<{
+    views: string[];
+    props: Dict[];
+}>;
+export default class SvelteClient {
+    static mount(_view: string, data: ClientData<Data>): void;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/private/client/index.js

@@ -0,0 +1,27 @@
+import spa from "@primate/core/client/spa";
+import { hydrate, mount } from "svelte";
+import root from "svelte:root";
+import * as views from "svelte:views";
+const make_props = (data) => ({
+    views: data.views.map(name => views[name]),
+    props: data.props,
+    request: {
+        ...data.request,
+        url: new URL(location.href),
+    },
+    update: () => undefined,
+});
+export default class SvelteClient {
+    static mount(_view, data) {
+        const _root = (data.ssr ? hydrate : mount)(root, {
+            props: {
+                p: make_props(data),
+            },
+            target: document.body,
+        });
+        data.spa && window.addEventListener("DOMContentLoaded", () => spa((_data, update) => {
+            _root.p = { ...make_props(_data), update };
+        }));
+    }
+}
+//# 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,28 @@
+import toValidated from "@primate/core/client/toValidated";
+import validate from "@primate/core/client/validate";
+import { get, writable } from "svelte/store";
+function useValidate(init) {
+    const { set, subscribe, update } = writable({
+        error: null,
+        loading: false,
+        value: init.initial,
+    });
+    async function $update(updater) {
+        let previous;
+        update((s) => {
+            previous = s.value;
+            return { ...s, error: null, loading: true, value: updater(s.value) };
+        });
+        try {
+            await validate(init, get({ subscribe }).value);
+            update(s => ({ ...s, loading: false }));
+        }
+        catch (e) {
+            // rollback
+            set({ error: e, loading: false, value: previous });
+        }
+    }
+    return { subscribe, update: $update };
+}
+export default toValidated(useValidate);
+//# sourceMappingURL=validate.js.map

package/lib/private/context-name.d.ts

@@ -0,0 +1,3 @@
+declare const _default: "__PRMT__";
+export default _default;
+//# sourceMappingURL=context-name.d.ts.map

package/lib/private/context-name.js

@@ -0,0 +1,2 @@
+export default "__PRMT__";
+//# sourceMappingURL=context-name.js.map

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

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

package/lib/private/create-root.js

@@ -0,0 +1,49 @@
+export default (depth, i18n_active) => {
+    const n = depth - 1;
+    const body = Array.from({ length: n }, (_, i) => i - 1)
+        .reduceRight((child, _, i) => `
+      {#if p.views[${i + 1}]}
+        <svelte:component this={p.views[${i}]} request={p.request} {...p.props[${i}]}>
+          ${child}
+        </svelte:component>
+      {:else}
+        <svelte:component this={p.views[${i}]} request={p.request} {...p.props[${i}]}/>
+      {/if}
+    `, `<svelte:component this={p.views[${n}]} request={p.request} {...p.props[${n}]}/>`);
+    const i18nImports = i18n_active
+        ? `
+      import t from "#i18n";
+      import sInternal from "primate/s/internal";
+      import { onMount } from "svelte";`
+        : "";
+    const i18nInit = i18n_active
+        ? `
+      const server = p.request.context.i18n.locale;
+      if (server !== undefined && server !== t.locale.get()) {
+        t[sInternal].init(server);
+      }
+
+      // after hydration: in storage modes, flip to saved locale once
+      onMount(() => { t[sInternal].restore(); });`
+        : "";
+    return `
+    <script>
+      import { afterUpdate, setContext } from "svelte";
+      import context_name from "@primate/svelte/context-name";
+      ${i18nImports}
+
+      export let p;
+
+      // expose full request context to children (unchanged)
+      setContext(context_name, p.request.context);
+
+      ${i18nInit}
+
+      // let the platform hook push heads after updates (unchanged)
+      afterUpdate(p.update);
+    </script>
+
+    ${body}
+  `;
+};
+//# sourceMappingURL=create-root.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-name.d.ts

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

package/{src → lib}/public/context-name.js

@@ -1 +1,2 @@
 export { default } from "#context-name";
+//# sourceMappingURL=context-name.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/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,65 +1,49 @@
 {
   "name": "@primate/svelte",
-  "version": "0.18.3",
+  "version": "0.20.0",
   "description": "Primate Svelte frontend",
-  "homepage": "https://primatejs.com/modules/svelte",
-  "bugs": "https://github.com/primatejs/primate/issues",
+  "homepage": "https://primate.run/docs/frontend/svelte",
+  "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/svelte"
   },
   "dependencies": {
-    "@rcompat/fs": "^0.7.0",
-    "@primate/frontend": "^0.16.3"
+    "@rcompat/fs": "^0.21.1",
+    "@primate/core": "^0.3.0"
   },
   "peerDependencies": {
-    "svelte": "4",
-    "@primate/i18n": "^0.8.3",
-    "primate": "^0.32.5"
-  },
-  "peerDependenciesMeta": {
-    "@primate/i18n": {
-      "optional": true
-    }
+    "svelte": "5",
+    "primate": "^0.34.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"
-    },
-    "#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"
+      "apekit": "./src/private/*.ts",
+      "default": "./lib/private/*.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"
+    "./*": {
+      "apekit": "./src/public/*.ts",
+      "default": "./lib/public/*.js"
+    }
+  },
+  "scripts": {
+    "build": "npm run clean && tsc",
+    "clean": "rm -rf ./lib",
+    "lint": "eslint ."
   }
 }

package/src/private/build/client.js

@@ -1,8 +0,0 @@
-import * as compiler from "svelte/compiler";
-
-export default text => {
-  const options = { generate: "dom", hydratable: true };
-  const { js, css } = compiler.compile(text, options);
-  return { js: js.code, css: css.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,40 +0,0 @@
-import file from "@rcompat/fs/file";
-import webpath from "@rcompat/fs/webpath";
-import client from "./client.js";
-
-const css_filter = /\.sveltecss$/u;
-const root_filter = /^root:svelte$/u;
-
-export default (app, extension) => ({
-  name: "svelte",
-  setup(build) {
-    build.onResolve({ filter: css_filter }, ({ path }) => {
-      return { path, namespace: "sveltecss" };
-    });
-    build.onResolve({ filter: root_filter }, ({ path }) => {
-      return { path, namespace: "svelteroot" };
-    });
-    build.onLoad({ filter: css_filter }, ({ path }) => {
-      const contents = app.build.load(webpath(path));
-      return contents ? { contents, loader: "css", resolveDir: app.root.path } : null;
-    });
-    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 Svelte syntax to JavaScript
-      const { js, css } = client(source);
-      let contents = js;
-      if (css !== null && css !== "") {
-        const path = webpath(`${args.path}css`);
-        app.build.save(path, css);
-        contents += `\nimport "${path}";`;
-      }
-      return { contents };
-    });
-  },
-});

package/src/private/build/server.js

@@ -1,6 +0,0 @@
-import * as compiler from "svelte/compiler";
-
-export default text => {
-  const options = { generate: "ssr", hydratable: true };
-  return compiler.compile(text, options).js.code;
-};

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

@@ -1,31 +0,0 @@
-export default length => {
-  const n = length - 1;
-  const body = Array.from({ length: n }, (_, i) => i - 1)
-    .reduceRight((child, _, i) => `
-      {#if components[${i + 1}]}
-        <svelte:component this={components[${i}]} {request} {...data[${i}]}>
-          ${child}
-        </svelte:component>
-      {:else}
-        <svelte:component this={components[${i}]} {request} {...data[${i}]}/>
-      {/if}
-    `, `<svelte:component this={components[${n}]} {request} {...data[${n}]}/>`);
-
-  return `
-    <script>
-      import { afterUpdate, setContext } from "svelte";
-      import context_name from "@primate/svelte/context-name";
-
-      export let components;
-      export let data;
-      export let request;
-      export let context;
-      export let update = () => undefined;
-
-      setContext(context_name, context);
-
-      afterUpdate(update);
-    </script>
-    ${body}
-  `;
-};

package/src/private/client/expose.js

@@ -1 +0,0 @@
-export default "export { setContext } from \"svelte\";";

package/src/private/client/index.js

@@ -1,18 +0,0 @@
-import spa from "./spa.js";
-
-export default ({ names, data, context, request }, options) => `
-  import * as components from "app";
-  let root = new components.root_svelte({
-    target: document.body,
-    hydrate: true,
-    props: {
-      components: [${names.map(name => `components.${name}`).join(", ")}],
-      data: ${JSON.stringify(data)},
-      context: ${JSON.stringify(context)},
-      request: {
-        ...${JSON.stringify(request)},
-        url: new URL(location.href),
-      },
-    },
-  });
-  ${options.spa ? spa : ""}`;

package/src/private/client/spa.js

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

package/src/private/context-name.js

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

package/src/private/extension.js

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

package/src/private/i18n/index.js

@@ -1,10 +0,0 @@
-import context_name from "#context-name";
-import locale_store from "#i18n/locale";
-import resolve from "@primate/i18n/core/resolve";
-import { getContext } from "svelte";
-import { derived } from "svelte/store";
-
-export default derived(locale_store, locale => (key, placeholders) => {
-  const { locales } = getContext(context_name).i18n;
-  return resolve(locales[locale], key, placeholders);
-});

package/src/private/i18n/locale.js

@@ -1,19 +0,0 @@
-import context_name from "#context-name";
-import save from "@primate/i18n/core/save";
-import { getContext } from "svelte";
-import { writable } from "svelte/store";
-
-const store = writable("", set => {
-  const { locale } = getContext(context_name).i18n;
-  set(locale);
-
-  return () => undefined;
-});
-
-export default {
-  subscribe: store.subscribe,
-  set: locale => {
-    store.set(locale);
-    save(locale);
-  },
-};

package/src/private/name.js

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

package/src/private/pkgname.js

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

package/src/private/serve/index.js

@@ -1,16 +0,0 @@
-import client from "#client";
-import name from "#name";
-import handler from "@primate/frontend/core/handler";
-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,4 +0,0 @@
-export default (component, ...args) => {
-  const { html, head } = component.render(...args);
-  return { body: html, 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/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),
-});