@primate/svelte 0.19.0 → 0.20.1

package/lib/private/Runtime.js

@@ -5,8 +5,8 @@ export default class Runtime extends FrontendModule {
     defaultExtensions = [".svelte"];
     layouts = true;
     client = true;
-    render = (component, props) => {
-        const { head, html } = render(component, { props: { p: { ...props } } });
+    render = (view, props) => {
+        const { head, html } = render(view, { props: { p: { ...props } } });
         return { body: html, head };
     };
 }

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

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

package/lib/private/client/index.js

@@ -1,11 +1,9 @@
 import spa from "@primate/core/client/spa";
 import { hydrate, mount } from "svelte";
-// @ts-expect-error esbuild vfs
-import * as components from "svelte:components";
-// @ts-expect-error esbuild vfs
 import root from "svelte:root";
+import * as views from "svelte:views";
 const make_props = (data) => ({
-    components: data.components.map(name => components[name]),
+    views: data.views.map(name => views[name]),
     props: data.props,
     request: {
         ...data.request,
@@ -14,7 +12,7 @@ const make_props = (data) => ({
     update: () => undefined,
 });
 export default class SvelteClient {
-    static mount(_component, data) {
+    static mount(_view, data) {
         const _root = (data.ssr ? hydrate : mount)(root, {
             props: {
                 p: make_props(data),

package/lib/private/create-root.js

@@ -1,15 +1,15 @@
 export default (depth, i18n_active) => {
-    const n = depth - 1;
+    const n = depth;
     const body = Array.from({ length: n }, (_, i) => i - 1)
         .reduceRight((child, _, i) => `
-      {#if p.components[${i + 1}]}
-        <svelte:component this={p.components[${i}]} request={p.request} {...p.props[${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.components[${i}]} request={p.request} {...p.props[${i}]}/>
+        <svelte:component this={p.views[${i}]} request={p.request} {...p.props[${i}]}/>
       {/if}
-    `, `<svelte:component this={p.components[${n}]} request={p.request} {...p.props[${n}]}/>`);
+    `, `<svelte:component this={p.views[${n}]} request={p.request} {...p.props[${n}]}/>`);
     const i18nImports = i18n_active
         ? `
       import t from "#i18n";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primate/svelte",
-  "version": "0.19.0",
+  "version": "0.20.1",
   "description": "Primate Svelte frontend",
   "homepage": "https://primate.run/docs/frontend/svelte",
   "bugs": "https://github.com/primate-run/primate/issues",
@@ -17,11 +17,11 @@
   },
   "dependencies": {
     "@rcompat/fs": "^0.21.1",
-    "@primate/core": "^0.2.0"
+    "@primate/core": "^0.3.1"
   },
   "peerDependencies": {
     "svelte": "5",
-    "primate": "^0.33.0"
+    "primate": "^0.34.0"
   },
   "type": "module",
   "imports": {