@rool-dev/extension 0.3.8-dev.009f6e4 → 0.3.8-dev.8872f4d

package/dist/dev/HostShell.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-  import { onMount, tick } from 'svelte';
+  import { getContext, onMount, tick } from 'svelte';
   import { DevHostController } from './DevHostController.js';
   import type { ExtensionTab } from './DevHostController.js';
   import type { Manifest } from '../manifest.js';
@@ -8,15 +8,15 @@
   import Sidebar from './Sidebar.svelte';
   import AppGrid from './AppGrid.svelte';
 
-  // Props injected from the mount entry
-  interface Props {
+  // Static config injected via mount() context — not reactive, never changes
+  interface HostConfig {
     channelId: string;
     extensionUrl: string;
     manifest: Manifest | null;
     manifestError: string | null;
   }
 
-  const props: Props = $props();
+  const { channelId, extensionUrl, manifest, manifestError } = getContext<HostConfig>('hostConfig');
 
   // ---------------------------------------------------------------------------
   // Controller + reactive state mirror
@@ -40,7 +40,7 @@
   let dropdownOpen: boolean = $state(false);
 
   const controller = new DevHostController(
-    props,
+    { channelId, extensionUrl, manifest, manifestError },
     syncState,
     tick,
   );
@@ -63,7 +63,7 @@
 
   // Derived: published apps not yet installed (excluding the local dev app)
   let uninstalledExtensions = $derived(
-    publishedExtensions.filter((ext) => ext.extensionId !== props.channelId && !installedExtensionIds.includes(ext.extensionId)),
+    publishedExtensions.filter((ext) => ext.extensionId !== channelId && !installedExtensionIds.includes(ext.extensionId)),
   );
 
   // Initial sync
@@ -89,8 +89,8 @@
 <!-- Sidebar -->
 <Sidebar
   {controller}
-  manifest={props.manifest}
-  manifestError={props.manifestError}
+  {manifest}
+  {manifestError}
   {spaces}
   {currentSpaceId}
   {env}

package/dist/dev/HostShell.svelte.d.ts

@@ -1,11 +1,4 @@
-import type { Manifest } from '../manifest.js';
-interface Props {
-    channelId: string;
-    extensionUrl: string;
-    manifest: Manifest | null;
-    manifestError: string | null;
-}
-declare const HostShell: import("svelte").Component<Props, {}, "">;
+declare const HostShell: import("svelte").Component<Record<string, never>, {}, "">;
 type HostShell = ReturnType<typeof HostShell>;
 export default HostShell;
 //# sourceMappingURL=HostShell.svelte.d.ts.map

package/dist/dev/HostShell.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HostShell.svelte.d.ts","sourceRoot":"","sources":["../../src/dev/HostShell.svelte.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAC;IAC1B,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;CAC9B;AAgGH,QAAA,MAAM,SAAS,2CAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}
+{"version":3,"file":"HostShell.svelte.d.ts","sourceRoot":"","sources":["../../src/dev/HostShell.svelte.ts"],"names":[],"mappings":"AAkHA,QAAA,MAAM,SAAS,2DAAwC,CAAC;AACxD,KAAK,SAAS,GAAG,UAAU,CAAC,OAAO,SAAS,CAAC,CAAC;AAC9C,eAAe,SAAS,CAAC"}

package/dist/dev/host-shell.js

@@ -313,6 +313,19 @@ function set_component_context(context) {
 	component_context = context;
 }
 /**
+* Retrieves the context that belongs to the closest parent component with the specified `key`.
+* Must be called during component initialisation.
+*
+* [`createContext`](https://svelte.dev/docs/svelte/svelte#createContext) is a type-safe alternative.
+*
+* @template T
+* @param {any} key
+* @returns {T}
+*/
+function getContext(key) {
+	return get_or_init_context_map("getContext").get(key);
+}
+/**
 * @param {Record<string, unknown>} props
 * @param {any} runes
 * @param {Function} [fn]
@@ -355,6 +368,27 @@ function pop(component) {
 function is_runes() {
 	return !legacy_mode_flag || component_context !== null && component_context.l === null;
 }
+/**
+* @param {string} name
+* @returns {Map<unknown, unknown>}
+*/
+function get_or_init_context_map(name) {
+	if (component_context === null) lifecycle_outside_component(name);
+	return component_context.c ??= new Map(get_parent_context(component_context) || void 0);
+}
+/**
+* @param {ComponentContext} component_context
+* @returns {Map<unknown, unknown> | null}
+*/
+function get_parent_context(component_context) {
+	let parent = component_context.p;
+	while (parent !== null) {
+		const context_map = parent.c;
+		if (context_map !== null) return context_map;
+		parent = parent.p;
+	}
+	return null;
+}
 //#endregion
 //#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/dom/task.js
 /** @type {Array<() => void>} */
@@ -4119,48 +4153,6 @@ function bind_this(element_or_component = {}, update, get_value, get_parts) {
 //#region ../../node_modules/.pnpm/svelte@5.54.0/node_modules/svelte/src/internal/client/reactivity/props.js
 /** @import { Effect, Source } from './types.js' */
 /**
-* The proxy handler for rest props (i.e. `const { x, ...rest } = $props()`).
-* Is passed the full `$$props` object and excludes the named props.
-* @type {ProxyHandler<{ props: Record<string | symbol, unknown>, exclude: Array<string | symbol>, name?: string }>}}
-*/
-var rest_props_handler = {
-	get(target, key) {
-		if (target.exclude.includes(key)) return;
-		return target.props[key];
-	},
-	set(target, key) {
-		return false;
-	},
-	getOwnPropertyDescriptor(target, key) {
-		if (target.exclude.includes(key)) return;
-		if (key in target.props) return {
-			enumerable: true,
-			configurable: true,
-			value: target.props[key]
-		};
-	},
-	has(target, key) {
-		if (target.exclude.includes(key)) return false;
-		return key in target.props;
-	},
-	ownKeys(target) {
-		return Reflect.ownKeys(target.props).filter((key) => !target.exclude.includes(key));
-	}
-};
-/**
-* @param {Record<string, unknown>} props
-* @param {string[]} exclude
-* @param {string} [name]
-* @returns {Record<string, unknown>}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-function rest_props(props, exclude, name) {
-	return new Proxy({
-		props,
-		exclude
-	}, rest_props_handler);
-}
-/**
 * This function is responsible for synchronizing a possibly bound prop with the inner component state.
 * It is used whenever the compiler sees that the component writes to the prop, or when it has a default prop_value.
 * @template V
@@ -15244,11 +15236,7 @@ var root_1 = /* @__PURE__ */ from_html(`<div class="flex items-center justify-ce
 var root$1 = /* @__PURE__ */ from_html(`<!> <div class="flex-1 min-w-0 flex flex-col"><!></div>`, 1);
 function HostShell($$anchor, $$props) {
 	push($$props, true);
-	const props = /* @__PURE__ */ rest_props($$props, [
-		"$$slots",
-		"$$events",
-		"$$legacy"
-	]);
+	const { channelId, extensionUrl, manifest, manifestError } = getContext("hostConfig");
 	let spaces = /* @__PURE__ */ state(proxy([]));
 	let currentSpaceId = /* @__PURE__ */ state(null);
 	let statusText = /* @__PURE__ */ state("Initializing...");
@@ -15263,7 +15251,12 @@ function HostShell($$anchor, $$props) {
 	let publishMessage = /* @__PURE__ */ state(null);
 	let publishUrl = /* @__PURE__ */ state(null);
 	let dropdownOpen = /* @__PURE__ */ state(false);
-	const controller = new DevHostController(props, syncState, tick);
+	const controller = new DevHostController({
+		channelId,
+		extensionUrl,
+		manifest,
+		manifestError
+	}, syncState, tick);
 	function syncState() {
 		set(spaces, controller.spaces, true);
 		set(currentSpaceId, controller.currentSpaceId, true);
@@ -15279,7 +15272,7 @@ function HostShell($$anchor, $$props) {
 		set(publishMessage, controller.publishMessage, true);
 		set(publishUrl, controller.publishUrl, true);
 	}
-	let uninstalledExtensions = /* @__PURE__ */ user_derived(() => get(publishedExtensions).filter((ext) => ext.extensionId !== $$props.channelId && !get(installedExtensionIds).includes(ext.extensionId)));
+	let uninstalledExtensions = /* @__PURE__ */ user_derived(() => get(publishedExtensions).filter((ext) => ext.extensionId !== channelId && !get(installedExtensionIds).includes(ext.extensionId)));
 	syncState();
 	onMount(() => {
 		controller.boot();
@@ -15296,10 +15289,10 @@ function HostShell($$anchor, $$props) {
 			return controller;
 		},
 		get manifest() {
-			return $$props.manifest;
+			return manifest;
 		},
 		get manifestError() {
-			return $$props.manifestError;
+			return manifestError;
 		},
 		get spaces() {
 			return get(spaces);
@@ -15385,14 +15378,18 @@ var style = document.createElement("style");
 style.textContent = app_default + "\n" + gridstack_default;
 document.head.appendChild(style);
 var root = document.getElementById("rool-host");
+var channelId = root.dataset.channelId ?? "extension-dev";
+var extensionUrl = root.dataset.extensionUrl ?? "/";
+var manifest = root.dataset.manifest ? JSON.parse(root.dataset.manifest) : null;
+var manifestError = root.dataset.manifestError ?? null;
 mount(HostShell, {
 	target: root,
-	props: {
-		channelId: root.dataset.channelId ?? "extension-dev",
-		extensionUrl: root.dataset.extensionUrl ?? "/",
-		manifest: root.dataset.manifest ? JSON.parse(root.dataset.manifest) : null,
-		manifestError: root.dataset.manifestError ?? null
-	}
+	context: new Map([["hostConfig", {
+		channelId,
+		extensionUrl,
+		manifest,
+		manifestError
+	}]])
 });
 //#endregion