@typed/svelte 1.0.0-beta.7

package/dist/internal/Html.js

@@ -0,0 +1,25 @@
+import * as Effect from "effect/Effect";
+import * as Option from "effect/Option";
+import * as Fx from "@typed/fx/Fx";
+import { readable } from "svelte/store";
+import { fromContext, runtimeContext } from "../Runtime.js";
+import Bridge from "./Bridge.server.js";
+export const render = Effect.fn(function* (component, props, options) {
+    const initial = yield* Fx.first(props);
+    if (Option.isNone(initial))
+        return "";
+    const services = yield* Effect.context();
+    const output = yield* Effect.promise(async () => {
+        const { render } = await import("svelte/server");
+        const values = readable(initial.value);
+        return await render(Bridge, {
+            props: { component, values },
+            context: new Map([...runtimeContext(fromContext(services)), ...(options.context ?? [])]),
+            idPrefix: options.idPrefix ?? options.id,
+            csp: options.csp,
+            transformError: options.transformError,
+        });
+    });
+    options.onHead?.(output.head);
+    return output.body;
+});

package/dist/internal/RenderSnapshot.client.d.ts

@@ -0,0 +1,3 @@
+/** Svelte's opaque HTML hydration retains server nodes; CSR starts empty. */
+export declare function renderSnapshot(..._args: ReadonlyArray<unknown>): string;
+//# sourceMappingURL=RenderSnapshot.client.d.ts.map

package/dist/internal/RenderSnapshot.client.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSnapshot.client.d.ts","sourceRoot":"","sources":["../../src/internal/RenderSnapshot.client.ts"],"names":[],"mappings":"AAAA,6EAA6E;AAC7E,wBAAgB,cAAc,CAAC,GAAG,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,GAAG,MAAM,CAEvE"}

package/dist/internal/RenderSnapshot.client.js

@@ -0,0 +1,4 @@
+/** Svelte's opaque HTML hydration retains server nodes; CSR starts empty. */
+export function renderSnapshot(..._args) {
+    return "";
+}

package/dist/internal/RenderSnapshot.server.d.ts

@@ -0,0 +1,7 @@
+import type * as Scope from "effect/Scope";
+import type { Renderable } from "@typed/template/Renderable";
+import type { RenderTemplate } from "@typed/template/RenderTemplate";
+import type { Runtime } from "../Runtime.js";
+/** Runs within Svelte's native request render; only the observation scope closes. */
+export declare function renderSnapshot<V extends Renderable.Any, ER>(runtime: Runtime<Exclude<Exclude<Renderable.Services<V>, RenderTemplate>, Scope.Scope>, ER>, view: V): Promise<string>;
+//# sourceMappingURL=RenderSnapshot.server.d.ts.map

package/dist/internal/RenderSnapshot.server.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderSnapshot.server.d.ts","sourceRoot":"","sources":["../../src/internal/RenderSnapshot.server.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AACrE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAG7C,qFAAqF;AACrF,wBAAgB,cAAc,CAAC,CAAC,SAAS,UAAU,CAAC,GAAG,EAAE,EAAE,EACzD,OAAO,EAAE,OAAO,CAAC,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,EAC3F,IAAI,EAAE,CAAC,GACN,OAAO,CAAC,MAAM,CAAC,CAIjB"}

package/dist/internal/RenderSnapshot.server.js

@@ -0,0 +1,8 @@
+import * as Effect from "effect/Effect";
+import { HtmlRenderTemplate, renderToHtmlString } from "@typed/template/Html";
+import { getAbortSignal } from "svelte";
+/** Runs within Svelte's native request render; only the observation scope closes. */
+export function renderSnapshot(runtime, view) {
+    const snapshot = renderToHtmlString(view).pipe(Effect.provide(HtmlRenderTemplate), Effect.scoped);
+    return runtime.runPromise(snapshot, { signal: getAbortSignal() });
+}

package/dist/view.d.ts

@@ -0,0 +1,11 @@
+import * as Scope from "effect/Scope";
+import * as Fx from "@typed/fx/Fx";
+import { type RenderEvent } from "@typed/template/RenderEvent";
+import { type RenderTemplate } from "@typed/template/RenderTemplate";
+import type { Component } from "svelte";
+import { type Source } from "./Source.js";
+import type { ViewOptions } from "./ViewOptions.js";
+export type { ViewOptions } from "./ViewOptions.js";
+/** A native Typed template that mounts or serializes a Svelte component. */
+export declare function view<Props extends Record<string, any>, E = never, R = never>(component: Component<Props>, props: Source<NoInfer<Props>, E, R>, options: ViewOptions): Fx.Fx<RenderEvent, E, R | Scope.Scope | RenderTemplate>;
+//# sourceMappingURL=view.d.ts.map

package/dist/view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"view.d.ts","sourceRoot":"","sources":["../src/view.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,cAAc,CAAC;AACtC,OAAO,KAAK,EAAE,MAAM,cAAc,CAAC;AACnC,OAAO,EAIL,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AAErC,OAAO,EAAQ,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAC3E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAQ,KAAK,MAAM,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,4EAA4E;AAC5E,wBAAgB,IAAI,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,GAAG,KAAK,EAC1E,SAAS,EAAE,SAAS,CAAC,KAAK,CAAC,EAC3B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EACnC,OAAO,EAAE,WAAW,GACnB,EAAE,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,GAAG,cAAc,CAAC,CAgEzD"}

package/dist/view.js

@@ -0,0 +1,52 @@
+import * as Cause from "effect/Cause";
+import * as Deferred from "effect/Deferred";
+import * as Effect from "effect/Effect";
+import * as Exit from "effect/Exit";
+import * as Layer from "effect/Layer";
+import * as Option from "effect/Option";
+import * as Scope from "effect/Scope";
+import * as Fx from "@typed/fx/Fx";
+import { DomRenderEvent, HtmlRenderEvent, isDomRenderEvent, } from "@typed/template/RenderEvent";
+import { HydrateContext } from "@typed/template/HydrateContext";
+import { html } from "@typed/template/RenderTemplate";
+import { toFx } from "./Source.js";
+/** A native Typed template that mounts or serializes a Svelte component. */
+export function view(component, props, options) {
+    return Fx.gen(function* () {
+        if (typeof options?.id !== "string" || options.id.trim() === "") {
+            throw new TypeError("Svelte view requires a nonempty id, unique within the rendered page");
+        }
+        const source = toFx(props);
+        const scope = yield* Scope.fork(yield* Effect.scope);
+        const ready = yield* Deferred.make();
+        let published = false;
+        let target;
+        const ref = (element) => {
+            target = element;
+        };
+        const content = Fx.gen(function* () {
+            if (target === undefined) {
+                const { render } = yield* Effect.promise(() => import("./internal/Html.js"));
+                return Fx.fromEffect(render(component, source, options)).pipe(Fx.map((html) => HtmlRenderEvent(html, true)));
+            }
+            const hydration = yield* Effect.serviceOption(HydrateContext);
+            const hydrate = Option.isSome(hydration) && hydration.value.where._tag === "hole";
+            if (hydrate) {
+                // Transfer the exact marker-owned range to Svelte, then publish one DOM event for the host.
+                hydration.value.where.startComment.remove();
+                hydration.value.where.endComment.remove();
+            }
+            const element = target;
+            const mount = Effect.promise(() => import("./internal/Dom.js")).pipe(Effect.flatMap(({ mountComponent }) => Layer.launch(mountComponent(element, component, source, options, ready, hydrate))), Effect.onExit((exit) => Deferred.done(ready, exit)));
+            return Fx.fromEffect(mount).pipe(Fx.prepend(DomRenderEvent([])));
+        });
+        return html `<div id=${options.id} style="display: contents" ref=${ref}>${content}</div>`.pipe(Fx.provideService(Scope.Scope, scope), Fx.concatMap((event) => isDomRenderEvent(event)
+            ? Fx.fromEffect(Deferred.await(ready)).pipe(Fx.map(() => {
+                published = true;
+                return event;
+            }))
+            : Fx.succeed(event)), Fx.onExit((exit) => published && (Exit.isSuccess(exit) || Cause.hasInterruptsOnly(exit.cause))
+            ? Effect.void
+            : Scope.close(scope, exit)), Fx.catchCause((cause) => Cause.hasInterruptsOnly(cause) ? Fx.fromEffect(Effect.interrupt) : Fx.failCause(cause)));
+    });
+}

package/package.json

@@ -0,0 +1,99 @@
+{
+  "name": "@typed/svelte",
+  "version": "1.0.0-beta.7",
+  "description": "Bidirectional Svelte integration for Typed templates.",
+  "homepage": "https://github.com/TylorS/typed-smol/tree/main/packages/svelte#readme",
+  "bugs": "https://github.com/TylorS/typed-smol/issues",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/TylorS/typed-smol.git",
+    "directory": "packages/svelte"
+  },
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./view": {
+      "types": "./dist/view.d.ts",
+      "import": "./dist/view.js"
+    },
+    "./Source": {
+      "types": "./dist/Source.d.ts",
+      "import": "./dist/Source.js"
+    },
+    "./Store": {
+      "types": "./dist/Store.d.ts",
+      "import": "./dist/Store.js"
+    },
+    "./Attachment": {
+      "types": "./dist/Attachment.d.ts",
+      "import": "./dist/Attachment.js"
+    },
+    "./Typed.svelte": {
+      "types": "./dist/TypedComponent.d.ts",
+      "browser": "./dist/Typed.client.js",
+      "default": "./dist/Typed.server.js"
+    },
+    "./Runtime": {
+      "types": "./dist/Runtime.d.ts",
+      "import": "./dist/Runtime.js"
+    },
+    "./Reactive": {
+      "types": "./dist/Reactive.d.ts",
+      "import": "./dist/Reactive.js"
+    },
+    "./AsyncData": {
+      "types": "./dist/AsyncData.d.ts",
+      "import": "./dist/AsyncData.js"
+    },
+    "./Router": {
+      "types": "./dist/Router.d.ts",
+      "import": "./dist/Router.js"
+    },
+    "./Typed": {
+      "types": "./dist/Typed.d.ts",
+      "import": "./dist/Typed.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@typed/async-data": "1.0.0-beta.7",
+    "@typed/fx": "2.0.0-beta.7",
+    "@typed/navigation": "1.0.0-beta.7",
+    "@typed/router": "1.0.0-beta.7",
+    "@typed/template": "1.0.0-beta.7",
+    "effect": "4.0.0-rc.112"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "7.3.0",
+    "@typescript/native": "npm:typescript@7.0.2",
+    "@vitest/browser-playwright": "5.0.0",
+    "playwright": "^1.62.1",
+    "svelte": "5.57.0",
+    "svelte-check": "4.7.6",
+    "typescript": "npm:@typescript/typescript6@6.0.2",
+    "vite": "8.2.2",
+    "vitest": "5.0.0"
+  },
+  "peerDependencies": {
+    "svelte": "^5.57.0"
+  },
+  "scripts": {
+    "build": "rm -rf dist tsconfig.tsbuildinfo && tsc && pnpm run build:components",
+    "test": "pnpm run build && pnpm run test:node && pnpm run test:browser && pnpm run test:types",
+    "test:node": "vitest run --config vitest.config.ts",
+    "test:browser": "vitest run --config vitest.browser.config.ts",
+    "test:types": "tsc -p tsconfig.type-tests.json && pnpm run check:svelte",
+    "check:svelte": "rm -rf .svelte-check && svelte-check --tsgo --tsconfig tsconfig.tests.json --fail-on-warnings",
+    "build:components": "pnpm run check:svelte && node build.mjs"
+  }
+}