@ternkit/tern 0.4.0 → 1.0.0

package/dist/index.d.ts

@@ -7,7 +7,7 @@
  * </script>
  * ```
  */
-export { page, navigating } from './runtime/state.svelte.js';
+export { page, navigating, env } from './runtime/state.svelte.js';
 export { goto, invalidate, invalidateAll, preloadData, applyAction } from './runtime/router.svelte.js';
 export { beforeNavigate, onNavigate, afterNavigate } from './runtime/navigation.js';
 export type { BeforeNavigateEvent, OnNavigateEvent } from './runtime/navigation.js';
@@ -15,4 +15,4 @@ export { enhance } from './runtime/forms.js';
 export type { SubmitFunction, SubmitInput, SubmitResult } from './runtime/forms.js';
 export type { ActionResult, GotoOptions, Navigation, NavigationTarget, NavigationType } from './runtime/types.js';
 /** The version of the Tern client runtime. */
-export declare const VERSION = "0.4.0";
+export declare const VERSION = "1.0.0";

package/dist/index.js

@@ -7,9 +7,9 @@
  * </script>
  * ```
  */
-export { page, navigating } from './runtime/state.svelte.js';
+export { page, navigating, env } from './runtime/state.svelte.js';
 export { goto, invalidate, invalidateAll, preloadData, applyAction } from './runtime/router.svelte.js';
 export { beforeNavigate, onNavigate, afterNavigate } from './runtime/navigation.js';
 export { enhance } from './runtime/forms.js';
 /** The version of the Tern client runtime. */
-export const VERSION = '0.4.0';
+export const VERSION = '1.0.0';

package/dist/runtime/router.svelte.js

@@ -81,7 +81,7 @@ export async function goto(href, opts = {}) {
         throw new Error('Tern: goto() was called before the app started');
     }
     const url = new URL(href, location.href);
-    if (url.origin !== location.origin) {
+    if (!inApp(url)) {
         location.href = url.href;
         return;
     }
@@ -162,6 +162,7 @@ function setForm(form) {
 }
 function dataURL(url, reuse) {
     const path = url.pathname.replace(/\/$/, '');
+    // The base path is part of the pathname; the server strips it.
     let target = `${path}/__data.json${url.search}`;
     if (reuse) {
         const here = url.pathname + url.search;
@@ -240,7 +241,7 @@ async function navigate(url, opts, type, redirects, popIndex, fromIndex) {
     }
     if (payload.type === 'redirect' && payload.location) {
         const next = new URL(payload.location, url);
-        if (redirects >= MAX_REDIRECTS || next.origin !== location.origin) {
+        if (redirects >= MAX_REDIRECTS || !inApp(next)) {
             location.href = next.href;
             return;
         }
@@ -410,12 +411,19 @@ function findAnchor(event) {
     }
     return null;
 }
+/** Reports whether url belongs to this app (its origin and base path). */
+function inApp(url) {
+    if (url.origin !== location.origin)
+        return false;
+    const base = manifest.base ?? '';
+    return !base || url.pathname === base || url.pathname.startsWith(base + '/');
+}
 function anchorURL(a) {
     const href = a instanceof SVGAElement ? a.href.baseVal : a.href;
     if (!href)
         return null;
     const url = new URL(href, document.baseURI);
-    if (url.origin !== location.origin || !/^https?:$/.test(url.protocol))
+    if (!inApp(url) || !/^https?:$/.test(url.protocol))
         return null;
     const target = a instanceof SVGAElement ? a.target.baseVal : a.target;
     if (target && target !== '_self')
@@ -476,7 +484,7 @@ function listen() {
             return;
         }
         const url = new URL(submitter?.hasAttribute('formaction') ? submitter.formAction : own.action);
-        if (url.origin !== location.origin)
+        if (!inApp(url))
             return;
         event.preventDefault();
         url.search = new URLSearchParams(new FormData(form, submitter)).toString();

package/dist/runtime/state.svelte.d.ts

@@ -46,6 +46,17 @@ export declare const navigating: {
     readonly current: Navigation | null;
 };
 export declare function setNavigating(n: Navigation | null): void;
+/**
+ * The server's PUBLIC_ environment variables, read when it started:
+ *
+ * ```js
+ * import { env } from '@ternkit/tern';
+ * fetch(`${env.PUBLIC_API_URL}/status`);
+ * ```
+ *
+ * Only variables whose names start with PUBLIC_ are sent to the browser.
+ */
+export declare const env: Record<string, string | undefined>;
 /** Updates page state for a rendered payload. */
 export declare function applyPayloadToPage(p: Payload, url: URL, state: Record<string, unknown>, data: Record<string, unknown>[]): void;
 export {};

package/dist/runtime/state.svelte.js

@@ -49,8 +49,24 @@ export const navigating = {
 export function setNavigating(n) {
     navigatingState.current = n;
 }
+/**
+ * The server's PUBLIC_ environment variables, read when it started:
+ *
+ * ```js
+ * import { env } from '@ternkit/tern';
+ * fetch(`${env.PUBLIC_API_URL}/status`);
+ * ```
+ *
+ * Only variables whose names start with PUBLIC_ are sent to the browser.
+ */
+export const env = {};
 /** Updates page state for a rendered payload. */
 export function applyPayloadToPage(p, url, state, data) {
+    if (p.env) {
+        for (const k of Object.keys(env))
+            delete env[k];
+        Object.assign(env, p.env);
+    }
     page.url = url;
     page.params = p.params ?? {};
     page.route = { id: p.route ?? null };

package/dist/runtime/types.d.ts

@@ -21,6 +21,8 @@ export interface RouteEntry {
 }
 /** The client manifest generated by `tern gen` in .tern/generated/manifest.js. */
 export interface ClientManifest {
+    /** The base path from tern.json, such as '/app', or ''. */
+    base?: string;
     layouts: LayoutEntry[];
     routes: Record<string, RouteEntry>;
     fallback: {
@@ -47,6 +49,8 @@ export interface Payload {
     uses?: (NodeUses | null)[];
     /** Nodes the server skipped because the client already has their data. */
     reused?: number[];
+    /** PUBLIC_ environment variables, on full page loads. */
+    env?: Record<string, string>;
 }
 export interface NodeUses {
     url?: boolean;

package/dist/vite/index.js

@@ -1,4 +1,5 @@
 import { svelte } from '@sveltejs/vite-plugin-svelte';
+import fs from 'node:fs';
 import path from 'node:path';
 /** Paths shared with the Go code generator; keep in sync with internal/codegen. */
 const CLIENT_ENTRY = '.tern/generated/client.js';
@@ -28,8 +29,10 @@ export function tern(options = {}) {
         name: 'tern',
         config(config, env) {
             root = path.resolve(config.root ?? process.cwd());
+            const basePath = readBasePath(root);
             const shared = {
                 appType: 'custom',
+                base: basePath + '/',
                 resolve: {
                     alias: {
                         $lib: path.join(root, 'src/lib'),
@@ -115,4 +118,14 @@ export function tern(options = {}) {
     }
     return [...svelte(options.svelte), plugin];
 }
+/** Reads basePath from tern.json; the Go side validates it. */
+function readBasePath(root) {
+    try {
+        const config = JSON.parse(fs.readFileSync(path.join(root, 'tern.json'), 'utf8'));
+        return config.basePath ?? '';
+    }
+    catch {
+        return '';
+    }
+}
 export default tern;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ternkit/tern",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "description": "Client runtime and Vite plugin for Tern: Svelte on the client, Go on the server",
   "license": "MIT",
   "type": "module",