@popcorn245/cornfield-components 0.48.0 → 0.49.0

package/dist/corn-map.js

@@ -1 +1 @@
-export { t as CornMap } from "./chunks/corn-map-D6uJOnYp.js";
+export { t as CornMap } from "./chunks/corn-map-C9msiSKP.js";

package/dist/corn-scope.js

@@ -0,0 +1,83 @@
+import { n as e, r as t, t as n } from "./chunks/runtime-DFu6W5g-.js";
+import { t as r } from "./chunks/scope-vxRGj-2V.js";
+import { t as i } from "./chunks/_corn-default-tokens-CoghUocx.js";
+// src/components/corn-scope/corn-scope.tsx
+var a = class extends n {
+	constructor(t) {
+		super(), t !== !1 && this.__registerHost(), this.cornReady = e(this, "cornReady", 7), this.cornAuth = e(this, "cornAuth", 7), this.cornError = e(this, "cornError", 7);
+	}
+	get el() {
+		return this;
+	}
+	src;
+	theme;
+	useTheme = !1;
+	topology;
+	config;
+	strings;
+	cornReady;
+	cornAuth;
+	cornError;
+	scope = null;
+	loaded = !1;
+	connectedCallback() {
+		this.loaded && this.mountScope();
+	}
+	componentWillLoad() {
+		this.loaded = !0, this.mountScope();
+	}
+	disconnectedCallback() {
+		this.scope && this.scope.destroy(), this.scope = null;
+	}
+	mountScope() {
+		this.scope ||= r(this.el, {
+			src: this.src,
+			theme: this.theme,
+			useTheme: this.useTheme,
+			topology: this.topology,
+			config: this.config,
+			strings: this.strings,
+			tokens: i,
+			version: "0.49.0",
+			pageUrl: () => typeof location > "u" ? "" : location.href,
+			onReady: () => this.cornReady.emit(),
+			onAuth: (e) => this.cornAuth.emit(e),
+			onError: (e) => this.cornError.emit(e)
+		});
+	}
+	changed(e, t, n) {
+		this.scope && this.scope.update({ [n]: e });
+	}
+	static get watchers() {
+		return {
+			src: [{ changed: 0 }],
+			theme: [{ changed: 0 }],
+			useTheme: [{ changed: 0 }],
+			topology: [{ changed: 0 }],
+			config: [{ changed: 0 }],
+			strings: [{ changed: 0 }]
+		};
+	}
+};
+t(a, [
+	512,
+	"corn-scope",
+	{
+		src: [1],
+		theme: [513],
+		useTheme: [4, "use-theme"],
+		topology: [16],
+		config: [16],
+		strings: [16]
+	},
+	void 0,
+	{
+		src: [{ changed: 0 }],
+		theme: [{ changed: 0 }],
+		useTheme: [{ changed: 0 }],
+		topology: [{ changed: 0 }],
+		config: [{ changed: 0 }],
+		strings: [{ changed: 0 }]
+	}
+]);
+export { a as CornScope };

package/dist/index.js

@@ -1,4 +1,5 @@
-import { t as e } from "./chunks/corn-map-D6uJOnYp.js";
+import { t as e } from "./chunks/corn-map-C9msiSKP.js";
+import { CornScope as t } from "./corn-scope.js";
 // src/index.ts
-var t = "0.48.0";
-export { e as CornMap, t as version };
+var n = "0.49.0";
+export { e as CornMap, t as CornScope, n as version };

package/dist/manifest.json

@@ -1,51 +1,76 @@
 {
   "name": "@popcorn245/cornfield-components",
-  "cornfield": "0.48.0",
+  "cornfield": "0.49.0",
   "files": [
     {
-      "path": "chunks/corn-map-D6uJOnYp.js",
-      "bytes": 215695,
-      "sha256": "68cdb9f2106510aee93f2ad57c12a10a99953b240fc38194cc2e2f684c0d3b4f"
+      "path": "chunks/_corn-default-tokens-CoghUocx.js",
+      "bytes": 139118,
+      "sha256": "c2e7e94d31d03d24c074bc9dcc3137bc38f9bfdc00fb4cbcef28dff29b5b68bd"
     },
     {
-      "path": "chunks/runtime-D89gVy_w.js",
-      "bytes": 93285,
-      "sha256": "211e8111b4a7db118eb21b991d266cb7a175a590c21a9a43f62e3ba5b2923076"
+      "path": "chunks/corn-map-C9msiSKP.js",
+      "bytes": 93538,
+      "sha256": "f5a28cd66b66ceea5b383533c2cbf5aa68d4775a4a215a082e348a5c1ff74403"
+    },
+    {
+      "path": "chunks/rolldown-runtime-CGnMp29N.js",
+      "bytes": 228,
+      "sha256": "403903b4a10bc334e69926f74213e2e9d6cd01effd69acefe9d17088bfc4902b"
+    },
+    {
+      "path": "chunks/runtime-DFu6W5g-.js",
+      "bytes": 93182,
+      "sha256": "47327281b56616b00075dd5e4b52c0142fc3414509eb8258d9b98c8b56fc372d"
+    },
+    {
+      "path": "chunks/scope-vxRGj-2V.js",
+      "bytes": 26321,
+      "sha256": "b44774683ba8ddcbc7ac802401dc9a8dced3d7d92aad7f550d5d40b413f107f8"
     },
     {
       "path": "corn-map.js",
       "bytes": 62,
-      "sha256": "63ba316219a24f5f225712454410dd13566f9a4215a3a0853f6a98aabbdcb666"
+      "sha256": "fe3c56c50934e69b4a3dd45dd3afb3381021cabcc842471643233b1075d5a573"
+    },
+    {
+      "path": "corn-scope.js",
+      "bytes": 1891,
+      "sha256": "ba66720a293e534be2a119ef7c7c52c2a3d337eec658edeeb57edea05ba2f508"
     },
     {
       "path": "index.js",
-      "bytes": 129,
-      "sha256": "fbf76a789c915b7b26d42ed553024d2efe675f3c4ef9dc6279869183161fb75a"
+      "bytes": 195,
+      "sha256": "08696131b0f0898a9de49fb5d89405dad106c469fcc9fb163addfd9794992f8f"
     },
     {
       "path": "tokens.css",
-      "bytes": 22335,
-      "sha256": "fbf0f208cb37bd11ea85fcc304843422ad2c2631a1bab5d91fd20e91ba9a8cc5"
+      "bytes": 22404,
+      "sha256": "b7b3770c02d54dc4b143363051a9a4ee553231d595fcf8102927d2e42876ffd7"
     },
     {
       "path": "types/components.d.ts",
-      "bytes": 4976,
-      "sha256": "62e2bfeb10b80c34a92c0b3364bd8bf3b94ca4f1179fa0a69f94773cafd41e2b"
+      "bytes": 11230,
+      "sha256": "200e1fc27f2e3c6fccbdf4e639e3290545ac37c80f264b3f33fd282c670d4a87"
     },
     {
       "path": "types/corn-map.d.ts",
       "bytes": 126,
       "sha256": "55a73109062f33a77cfb61cd01a3c26241112518b4c09b3e27655be1c6e9f08d"
     },
+    {
+      "path": "types/corn-scope.d.ts",
+      "bytes": 132,
+      "sha256": "bccea440b30e794e8d5d57bb24c006d96ad86752d0602d9c1c244f3dcc5bcb05"
+    },
     {
       "path": "types/index.d.ts",
-      "bytes": 266,
-      "sha256": "c5c9adab53ce11a6439fbae2ab622f47a5b88649957272ae0dcbc3d9f13c0c34"
+      "bytes": 365,
+      "sha256": "3a88ac322244901600af3ab8b7f2772b672e6e535a048840ef61825c11fc58af"
     },
     {
       "path": "version.json",
       "bytes": 65,
-      "sha256": "9744436eda8eca2e5ed0329e1f047c2b6780ff920ce744d9b4496cc00bd43d2d"
+      "sha256": "8e0fa090508c775cf3740e1e41e978044fd5463307d60dc87c15a559fbfedd72"
     }
   ]
 }

package/dist/tokens.css

@@ -314,7 +314,8 @@
 }
 
 /* theme="light" on an element: this mode's tokens, on the element itself */
-:where(corn-map[theme="light"]) {
+:where(corn-map[theme="light"]),
+:where(corn-scope[theme="light"]) {
   --corn-ground: #f4f6fa;
   --corn-ground-image: radial-gradient(circle at 14% 18%, rgba(66, 153, 225, 0.06) 0%, transparent 45%),
                        radial-gradient(circle at 86% 82%, rgba(229, 62, 62, 0.04) 0%, transparent 45%);
@@ -431,7 +432,8 @@
 }
 
 /* theme="dark" on an element: this mode's tokens, on the element itself */
-:where(corn-map[theme="dark"]) {
+:where(corn-map[theme="dark"]),
+:where(corn-scope[theme="dark"]) {
   --corn-ground: #090d16;
   --corn-ground-image: radial-gradient(circle at 14% 18%, rgba(66, 153, 225, 0.2) 0%, transparent 45%),
                        radial-gradient(circle at 86% 82%, rgba(229, 62, 62, 0.16) 0%, transparent 45%),

package/dist/types/components.d.ts

@@ -1,5 +1,19 @@
 // Generated by components/scripts/types.mjs from the components' own declarations (StencilRS emits no types for a library build: StencilRS#54). Do not edit.
 
+export interface CornAuthDetail {
+  /** 401 or 403 */
+  status: number;
+  /** `<src>/auth/start?returnTo=<this page's address>`: a link the host or the piece puts in front of the person; the component never navigates the window */
+  signIn: string;
+}
+
+export interface CornErrorDetail {
+  /** `not-listed` (the server gave this page no CORS answer: its origin is not in `embed.origins`), `offline`, `server` (it answered with something that is not a config or a map), `address` (`src` is not an http(s) address), `version` (the package and the server differ by a minor or more; it keeps working), `theme` (the server's theme could not be had), `second-map` (a scope holds one map) */
+  kind: 'not-listed' | 'offline' | 'server' | 'address' | 'version' | 'theme' | 'second-map';
+  /** A few words more, plain text: the origin to list, the problem with the address, the two versions */
+  message?: string;
+}
+
 export interface CornSelectDetail {
   /** The node's id, `from->to` for an edge, or null when the selection was cleared */
   id: string | null;
@@ -24,6 +38,10 @@ export namespace Components {
     'theme'?: 'light' | 'dark' | 'auto' | undefined;
     /** `auto` (WebGL2 when there is one) or `canvas2d` */
     'renderer': 'auto' | 'canvas2d';
+    /** The base address of a cornfield server, for a map with no `corn-scope` around it: it reads the config and the topology from there, with the signed-in maintainer's session. Inside a scope the scope's is used and this is ignored. */
+    'src'?: string | undefined;
+    /** With `src` and no scope: wear the server's theme (its stylesheet and its `--corn-*` tokens). Inside a scope, the scope's `use-theme` decides. */
+    'useTheme': boolean;
     /** Puts the whole map in view */
     'fit': () => Promise<void>;
     /** Selects the node with this id and brings it into view; nothing happens when the map has no such node */
@@ -31,6 +49,20 @@ export namespace Components {
     /** Reads the tokens again and draws: for a token changed at run time by something the map cannot see (a rule added to the page's head, a class on `<html>`) */
     'refresh': () => Promise<void>;
   }
+  interface CornScope {
+    /** The base address of a cornfield server, `https://map.example.com` (an http(s) origin with an optional path). Another value is refused, and said in the pieces and in `cornError`. */
+    'src'?: string | undefined;
+    /** The ground the pieces are drawn for: `light` or `dark` forces it, `auto` (or none) follows the page's own `data-theme` or the system's setting */
+    'theme'?: 'light' | 'dark' | 'auto' | undefined;
+    /** Wear the server's theme: its stylesheet goes into every piece, and its `--corn-*` tokens onto this element. Off by default: a host app has its own look. */
+    'useTheme': boolean;
+    /** The map to draw, for a host that fetches for itself: the object `topology.json` holds. With it (and `config`) no request is made. */
+    'topology'?: { nodes: Array<{ id: string; [key: string]: unknown }>; edges?: Array<{ from: string; to: string; [key: string]: unknown }> } | null | undefined;
+    /** The object `/cornfield/config.json` holds, for a host that fetches for itself */
+    'config'?: { [key: string]: unknown } | null | undefined;
+    /** The words the host overrides (a flat map of `strings` keys to text); they win over the server's */
+    'strings'?: { [key: string]: string } | null | undefined;
+  }
 }
 
 export interface CornMapCustomEvent<T> extends CustomEvent<T> {
@@ -38,6 +70,11 @@ export interface CornMapCustomEvent<T> extends CustomEvent<T> {
   target: HTMLCornMapElement;
 }
 
+export interface CornScopeCustomEvent<T> extends CustomEvent<T> {
+  detail: T;
+  target: HTMLCornScopeElement;
+}
+
 export namespace LocalJSX {
   interface CornMap {
     'topology'?: { nodes: Array<{ id: string; [key: string]: unknown }>; edges?: Array<{ from: string; to: string; [key: string]: unknown }> } | null | undefined;
@@ -45,11 +82,27 @@ export namespace LocalJSX {
     'view'?: 'map' | 'dataflow';
     'theme'?: 'light' | 'dark' | 'auto' | undefined;
     'renderer'?: 'auto' | 'canvas2d';
+    'src'?: string | undefined;
+    'useTheme'?: boolean;
     'onCornSelect'?: (event: CornMapCustomEvent<CornSelectDetail>) => void;
     'onCornReady'?: (event: CornMapCustomEvent<void>) => void;
+    'onCornAuth'?: (event: CornMapCustomEvent<CornAuthDetail>) => void;
+    'onCornError'?: (event: CornMapCustomEvent<CornErrorDetail>) => void;
+  }
+  interface CornScope {
+    'src'?: string | undefined;
+    'theme'?: 'light' | 'dark' | 'auto' | undefined;
+    'useTheme'?: boolean;
+    'topology'?: { nodes: Array<{ id: string; [key: string]: unknown }>; edges?: Array<{ from: string; to: string; [key: string]: unknown }> } | null | undefined;
+    'config'?: { [key: string]: unknown } | null | undefined;
+    'strings'?: { [key: string]: string } | null | undefined;
+    'onCornReady'?: (event: CornScopeCustomEvent<void>) => void;
+    'onCornAuth'?: (event: CornScopeCustomEvent<CornAuthDetail>) => void;
+    'onCornError'?: (event: CornScopeCustomEvent<CornErrorDetail>) => void;
   }
   interface IntrinsicElements {
     'corn-map': LocalJSX.CornMap & { [attribute: string]: unknown };
+    'corn-scope': LocalJSX.CornScope & { [attribute: string]: unknown };
   }
 }
 
@@ -60,6 +113,10 @@ declare global {
     'cornSelect': CornSelectDetail;
     /** The first frame with a map in it is drawn (once per time the element is connected) */
     'cornReady': void;
+    /** With `src` and no scope: the server answered a gated read with 401 or 403 and the maintainer has to sign in. The map shows a link to `signIn`. */
+    'cornAuth': CornAuthDetail;
+    /** With `src` and no scope: something the map could not do (see `kind`). In a scope, the scope says it. */
+    'cornError': CornErrorDetail;
   }
   /** cornfield's map, in a shadow root. A thin shell (spec 0011 D1): it declares properties and events, mounts the engine's map piece in its shadow root, passes each property change in, turns the piece's callbacks into events, and ends the piece when it leaves the page. It holds no behaviour (test/shell.test.ts fails if this file imports anything but the Stencil runtime, the engine's pieces and CSS, or grows past a shell). */
   interface HTMLCornMapElement extends Components.CornMap, HTMLElement {
@@ -72,8 +129,29 @@ declare global {
   }
   var HTMLCornMapElement: { prototype: HTMLCornMapElement; new (): HTMLCornMapElement };
 
+  /** What `<corn-scope>` sends: the event's name and the type of its `detail` */
+  interface HTMLCornScopeElementEventMap {
+    /** The scope has its data: read from the server, or handed in. Once per server. */
+    'cornReady': void;
+    /** The server answered a gated read with 401 or 403: the maintainer has to sign in. The piece shows a link to `signIn`. */
+    'cornAuth': CornAuthDetail;
+    /** Something the pieces could not do */
+    'cornError': CornErrorDetail;
+  }
+  /** Where the data comes from, and what the pieces inside it share (spec 0011 D5). It shows nothing of its own and has no shadow root: the `corn-*` pieces inside it (today `corn-map`) share one instance (one selection, one camera, one topology), and `src` is the address of a cornfield server it reads their config and topology from, with the signed-in maintainer's session. A thin shell (spec 0011 D1): the work is explorer/pieces/scope.js. */
+  interface HTMLCornScopeElement extends Components.CornScope, HTMLElement {
+    addEventListener<K extends keyof HTMLCornScopeElementEventMap>(type: K, listener: (this: HTMLCornScopeElement, ev: CornScopeCustomEvent<HTMLCornScopeElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLCornScopeElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLCornScopeElementEventMap>(type: K, listener: (this: HTMLCornScopeElement, ev: CornScopeCustomEvent<HTMLCornScopeElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLCornScopeElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+  }
+  var HTMLCornScopeElement: { prototype: HTMLCornScopeElement; new (): HTMLCornScopeElement };
+
   interface HTMLElementTagNameMap {
     'corn-map': HTMLCornMapElement;
+    'corn-scope': HTMLCornScopeElement;
   }
 }
 

package/dist/types/corn-scope.d.ts

@@ -0,0 +1,2 @@
+export * from './components.js';
+export declare const CornScope: { prototype: HTMLCornScopeElement; new (): HTMLCornScopeElement };

package/dist/types/index.d.ts

@@ -2,3 +2,4 @@ export * from './components.js';
 /** The version of cornfield these components were built from (the server reports the same number) */
 export declare const version: string;
 export declare const CornMap: { prototype: HTMLCornMapElement; new (): HTMLCornMapElement };
+export declare const CornScope: { prototype: HTMLCornScopeElement; new (): HTMLCornScopeElement };

package/dist/version.json

@@ -1 +1 @@
-{"name":"@popcorn245/cornfield-components","cornfield":"0.48.0"}
+{"name":"@popcorn245/cornfield-components","cornfield":"0.49.0"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@popcorn245/cornfield-components",
-  "version": "0.48.0",
+  "version": "0.49.0",
   "description": "cornfield's interface as web components (spec 0011): <corn-map> and what follows, thin StencilRS shells over the engine in cornfield. The same files are served by every cornfield server at /cornfield/components/.",
   "license": "MIT",
   "author": "popcorn245 (https://github.com/popcorn245)",
@@ -34,6 +34,10 @@
       "types": "./dist/types/corn-map.d.ts",
       "default": "./dist/corn-map.js"
     },
+    "./corn-scope": {
+      "types": "./dist/types/corn-scope.d.ts",
+      "default": "./dist/corn-scope.js"
+    },
     "./tokens.css": "./dist/tokens.css",
     "./version.json": "./dist/version.json"
   },