@nanoforge-dev/editor 0.0.2-beta.4555742 → 0.0.2-beta.580354c

package/dist/server/chunks/{error-CFpEevfM.js → error-cCQrHDre.js}

@@ -1,10 +1,10 @@
-import { Ct as clsx, D as ensure_array_like, M as get$1$1, N as getAllContexts, P as getContext, R as hasContext, St as writable, X as mount, a as ATTACHMENT_KEY, ct as setContext, dt as spread_props, g as bind_props, gt as tick, h as attributes, k as escape_html, ot as run, r as on, tt as props_id, w as derived, y as clsx$1, yt as unmount } from "./events-DeYJGjCt.js";
-import { G as noop$1, J as parse } from "./internal-DXl_jCjC.js";
+import { Ct as clsx, D as ensure_array_like, M as get$1$1, N as getAllContexts, P as getContext, R as hasContext, St as writable, X as mount, a as ATTACHMENT_KEY, ct as setContext, dt as spread_props, g as bind_props, gt as tick, h as attributes, k as escape_html, ot as run, r as on, tt as props_id, w as derived, y as clsx$1, yt as unmount } from "./events-Bhh2w-5S.js";
+import { G as noop$1, J as parse } from "./internal2-DF9-voLX.js";
 import { t as app } from "./app-DUeJj5RD.js";
 import { n as SESSION_PROJECT_HEADER, t as Exception } from "./const-Dy5RfQqP.js";
 import { r as formatFrom, t as HttpClient } from "./format-DGOlJxF5.js";
-import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-BpCCCb_o.js";
-import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-zqx69BdD.js";
+import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-DWDrOrQL.js";
+import { A as resolveQueryBoolean, I as timeUntilStale, L as timeoutManager, N as shallowEqualObjects, O as pendingThenable, R as toast, T as notifyManager, _ as getIsRestoringContext, c as SvelteMap, f as createSubscriber, h as focusManager, j as resolveStaleTime, k as replaceData, l as SvelteSet, m as fetchState, n as Loader_circle, p as environmentManager, s as Subscribable, t as Icon, v as getQueryClientContext, w as noop$2, x as isValidTimeout } from "./loader-circle-CFNm9vip.js";
 //#region node_modules/.pnpm/tailwind-merge@3.6.0/node_modules/tailwind-merge/dist/bundle-mjs.mjs
 /**
 * Concatenates two arrays faster than the array spread operator.
@@ -4665,21 +4665,24 @@ var getActionClient = (projectId) => {
 	};
 };
 var noProjectActions = getActionClient();
-var componentsTransformer = (components) => components.map((component) => ({
+var componentTransformer = (component) => ({
 	id: component.manifest.id,
 	name: component.manifest.name,
 	path: component.save.path,
 	params: component.manifest.params
-}));
-var systemsTransformer = (systems) => systems.map((system) => ({
+});
+var componentsTransformer = (components) => components.map(componentTransformer);
+var systemTransformer = (system) => ({
 	id: system.manifest.id,
 	name: system.manifest.name,
 	path: system.save.path
-}));
-var librariesTransformer = (save) => save.libraries.map((lib) => ({
+});
+var systemsTransformer = (systems) => systems.map(systemTransformer);
+var libraryTransformer = (lib) => ({
 	id: lib.path,
 	name: lib.name
-}));
+});
+var librariesTransformer = (save) => save.libraries.map(libraryTransformer);
 var scenesTransformer = (save) => [{
 	id: "default",
 	name: "Default Scene",
@@ -4759,7 +4762,7 @@ var ComponentHandle = class {
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage$12 = writable([]);
@@ -4778,16 +4781,23 @@ var ComponentManager = class {
 	get data() {
 		return get$1$1(_storage$12);
 	}
-	add(component) {
-		const components = get$1$1(_storage$12);
-		const id = getId(this.data, component.name);
-		components.push({
-			...component,
-			id,
-			path: component.path ?? `components/${id}.ts`
-		});
-		_storage$12.set(components);
-		return id;
+	async create(name) {
+		const { actions, fs } = useProject();
+		const component = await actions.package.createComponent({ componentName: name });
+		this._add(componentTransformer(component));
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async import(names) {
+		const { actions, ecs, fs } = useProject();
+		await actions.package.addComponents({ componentNames: names });
+		await this.sync();
+		await ecs.components.sync();
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async sync() {
+		const { actions } = useProject();
+		const components = await actions.package.getComponents();
+		_storage$12.set(componentsTransformer(components));
 	}
 	get(id) {
 		const component = get$1$1(_storage$12).find((component) => component.id === id);
@@ -4796,9 +4806,13 @@ var ComponentManager = class {
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
+	async delete(id) {
 		const components = get$1$1(_storage$12);
-		_storage$12.set(components.filter((component) => component.id !== id));
+		const component = components.find((c) => c.id === id);
+		if (!component) throw new Error(`System not found: ${id}`);
+		_storage$12.set(components.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(component.path)).delete();
 		const subscriptions = get$1$1(_subscriptions$6);
 		if (subscriptions[id]) {
 			subscriptions[id]();
@@ -4806,6 +4820,11 @@ var ComponentManager = class {
 			_subscriptions$6.set(subscriptions);
 		}
 	}
+	_add(component) {
+		const components = get$1$1(_storage$12);
+		components.push(component);
+		_storage$12.set(components);
+	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
 			const subscriptions = get$1$1(_subscriptions$6);
@@ -4957,6 +4976,7 @@ var ComponentParamManager = class {
 	component;
 	_store;
 	_valuesStore;
+	_storageResolvable;
 	static reset() {
 		_storage$8.set({});
 		_valueStorage.set({});
@@ -4965,9 +4985,9 @@ var ComponentParamManager = class {
 	}
 	constructor(component, params) {
 		this.component = component;
-		const storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
-		this._store = resolveStore(_storage$8, storageResolvable, get$1$1(component.store).params);
-		this._valuesStore = resolveStore(_valueStorage, storageResolvable, params);
+		this._storageResolvable = `${this.component.manager.entity.manager.scene.id}/${this.component.manager.entity.id}/${this.component.id}`;
+		this._store = resolveStore(_storage$8, this._storageResolvable, get$1$1(component.store).params);
+		this._valuesStore = resolveStore(_valueStorage, this._storageResolvable, params);
 		this._listen();
 	}
 	get store() {
@@ -4990,10 +5010,11 @@ var ComponentParamManager = class {
 			...param,
 			value: void 0
 		} : param));
+		const fullId = `${this._storageResolvable}/${id}`;
 		const subscriptions = get$1$1(_subscriptions$4);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$4.set(subscriptions);
 		}
 	}
@@ -5006,9 +5027,10 @@ var ComponentParamManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
+			const fullId = `${this._storageResolvable}/${id}`;
 			const subscriptions = get$1$1(_subscriptions$4);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.value.subscribe((param) => this._update(id, param));
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.value.subscribe((param) => this._update(id, param));
 			_subscriptions$4.set(subscriptions);
 		}, 0);
 	}
@@ -5048,6 +5070,7 @@ var _listener$3 = writable();
 var EntityComponentManager = class {
 	entity;
 	_store;
+	_storageResolvable;
 	static reset() {
 		_storage$7.set({});
 		resetSubscriptions(_subscriptions$3);
@@ -5055,8 +5078,8 @@ var EntityComponentManager = class {
 	}
 	constructor(entity, components) {
 		this.entity = entity;
-		const storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
-		this._store = resolveStore(_storage$7, storageResolvable, components);
+		this._storageResolvable = `${this.entity.manager.scene.id}/${this.entity.id}`;
+		this._store = resolveStore(_storage$7, this._storageResolvable, components);
 		this._listen();
 	}
 	get store() {
@@ -5085,10 +5108,11 @@ var EntityComponentManager = class {
 			if (key !== id) newComponents[key] = params;
 		});
 		this._store.set(newComponents);
+		const fullId = `${this._storageResolvable}/${id}`;
 		const subscriptions = get$1$1(_subscriptions$3);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$3.set(subscriptions);
 		}
 	}
@@ -5106,9 +5130,10 @@ var EntityComponentManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
+			const fullId = `${this._storageResolvable}/${id}`;
 			const subscriptions = get$1$1(_subscriptions$3);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.params.values.subscribe((params) => this._update(id, params));
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.params.values.subscribe((params) => this._update(id, params));
 			_subscriptions$3.set(subscriptions);
 		}, 0);
 	}
@@ -5216,19 +5241,21 @@ var SceneEntityManager = class {
 	delete(id) {
 		const entities = get$1$1(this._store);
 		this._store.set(entities.filter((entity) => entity.id !== id));
+		const fullId = `${this.scene.id}/${id}`;
 		const subscriptions = get$1$1(_subscriptions$2);
-		if (subscriptions[id]) {
-			subscriptions[id]();
-			subscriptions[id] = null;
+		if (subscriptions[fullId]) {
+			subscriptions[fullId]();
+			subscriptions[fullId] = null;
 			_subscriptions$2.set(subscriptions);
 		}
 		if (this.selectedData?.id === id) this.selected = void 0;
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
+			const fullId = `${this.scene.id}/${id}`;
 			const subscriptions = get$1$1(_subscriptions$2);
-			if (subscriptions[id]) return;
-			subscriptions[id] = handle.store.subscribe((entity) => this._update(id, entity));
+			if (subscriptions[fullId]) return;
+			subscriptions[fullId] = handle.store.subscribe((entity) => this._update(id, entity));
 			_subscriptions$2.set(subscriptions);
 		}, 0);
 	}
@@ -5492,7 +5519,7 @@ var SystemHandle = class {
 		});
 	}
 	delete() {
-		this._manager.delete(this.id);
+		return this._manager.delete(this.id);
 	}
 };
 var _storage = writable([]);
@@ -5511,16 +5538,23 @@ var SystemManager = class {
 	get data() {
 		return get$1$1(_storage);
 	}
-	add(system) {
-		const systems = get$1$1(_storage);
-		const id = getId(this.data, system.name);
-		systems.push({
-			...system,
-			id,
-			path: system.path ?? `systems/${id}.ts`
-		});
-		_storage.set(systems);
-		return id;
+	async create(name) {
+		const { actions, fs } = useProject();
+		const system = await actions.package.createSystem({ systemName: name });
+		this._add(systemTransformer(system));
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async import(names) {
+		const { actions, ecs, fs } = useProject();
+		await actions.package.addSystems({ systemNames: names });
+		await this.sync();
+		await ecs.components.sync();
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async sync() {
+		const { actions } = useProject();
+		const systems = await actions.package.getSystems();
+		_storage.set(systemsTransformer(systems));
 	}
 	get(id) {
 		const system = get$1$1(_storage).find((system) => system.id === id);
@@ -5529,9 +5563,13 @@ var SystemManager = class {
 		this._subscribe(id, handle);
 		return handle;
 	}
-	delete(id) {
+	async delete(id) {
 		const systems = get$1$1(_storage);
-		_storage.set(systems.filter((system) => system.id !== id));
+		const system = systems.find((s) => s.id === id);
+		if (!system) throw new Error(`System not found: ${id}`);
+		_storage.set(systems.filter((s) => s.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(system.path)).delete();
 		const subscriptions = get$1$1(_subscriptions);
 		if (subscriptions[id]) {
 			subscriptions[id]();
@@ -5539,6 +5577,11 @@ var SystemManager = class {
 			_subscriptions.set(subscriptions);
 		}
 	}
+	_add(system) {
+		const systems = get$1$1(_storage);
+		systems.push(system);
+		_storage.set(systems);
+	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
 			const subscriptions = get$1$1(_subscriptions);
@@ -6015,6 +6058,13 @@ var SfsFile = class {
 		});
 		if (!res.ok) throw new Error(`Failed to sync file: ${await res.text()}`);
 	}
+	async delete() {
+		const res = await fetch(this._route, {
+			method: "DELETE",
+			headers: { [SESSION_PROJECT_HEADER]: this._handler.project.id }
+		});
+		if (!res.ok) throw new Error(`Failed to delete file: ${await res.text()}`);
+	}
 	async getFile() {
 		await this._preRead();
 		return this._cache;
@@ -6200,6 +6250,7 @@ var SyncFileSystem = class {
 	}
 	async init() {
 		await this.treeCache?.init();
+		await (await this.getDirectory()).readdir(true);
 	}
 	async getFile(path) {
 		return new SfsFile(this, await this.cache.fileExist(path) ? await this.cache.getFile(path, false) : null, path);
@@ -12743,7 +12794,7 @@ var SelectBaseRootState = class {
 	}
 	setHighlightedNode(node, initial = false) {
 		this.highlightedNode = node;
-		if (node && this.isUsingKeyboard || initial) this.scrollHighlightedNodeIntoView(node);
+		if (node && (this.isUsingKeyboard || initial)) this.scrollHighlightedNodeIntoView(node);
 	}
 	scrollHighlightedNodeIntoView(node) {
 		if (!this.viewportNode || !this.contentIsPositioned) return;
@@ -13024,7 +13075,7 @@ var SelectTriggerState = class SelectTriggerState {
 			this.root.handleClose();
 			return;
 		}
-		if (e.key === "Enter" || e.key === " " && this.#domTypeahead.search === "" && !e.isComposing) {
+		if ((e.key === "Enter" || e.key === " " && this.#domTypeahead.search === "") && !e.isComposing) {
 			e.preventDefault();
 			if (this.#handleKeyboardSelection()) return;
 		}
@@ -13051,7 +13102,7 @@ var SelectTriggerState = class SelectTriggerState {
 		const isSpaceKey = e.key === " ";
 		const candidateNodes = this.root.getCandidateNodes();
 		if (e.key === "Tab") return;
-		if (!isModifierKey && isCharacterKey || isSpaceKey) {
+		if (!isModifierKey && (isCharacterKey || isSpaceKey)) {
 			if (!this.#domTypeahead.handleTypeaheadSearch(e.key, candidateNodes) && isSpaceKey) {
 				e.preventDefault();
 				this.#handleKeyboardSelection();
@@ -14711,7 +14762,7 @@ function Select_content($$renderer, $$props) {
 									if (Select_viewport) {
 										$$renderer.push("<!--[-->");
 										Select_viewport($$renderer, {
-											class: cn("h---bits-select-anchor-height w-full min-w---bits-select-anchor-width scroll-my-1"),
+											class: cn("h-auto max-h-80 w-full min-w---bits-select-anchor-width"),
 											children: ($$renderer) => {
 												children?.($$renderer);
 												$$renderer.push(`<!---->`);
@@ -14909,6 +14960,25 @@ function Select($$renderer, $$props) {
 		});
 	});
 }
+function Loading_button($$renderer, $$props) {
+	let { loading = false, disabled, children, $$slots, $$events, ...restProps } = $$props;
+	Button($$renderer, spread_props([
+		{ disabled: disabled || loading },
+		restProps,
+		{
+			children: ($$renderer) => {
+				if (loading) {
+					$$renderer.push("<!--[0-->");
+					Spinner($$renderer, {});
+				} else $$renderer.push("<!--[-1-->");
+				$$renderer.push(`<!--]--> `);
+				children?.($$renderer);
+				$$renderer.push(`<!---->`);
+			},
+			$$slots: { default: true }
+		}
+	]));
+}
 var handleError = (error, context) => {
 	const message = `Failed to ${context ?? "execute"}`;
 	if (error instanceof Exception) {
@@ -14933,6 +15003,6 @@ var runSafe = async (context, cb, fallback) => {
 	return null;
 };
 //#endregion
-export { createId as $, PresenceManager as A, Spinner as B, MenuRootState as C, Popper_layer as D, PLException as E, Select as F, attachRef as G, Switch as H, Select_content as I, boolToTrueOrUndef as J, boolToEmptyStrOrUndef as K, Select_item as L, ProjectLoader as M, RovingFocusGroup as N, Popper_layer_force_mount as O, Scroll_lock as P, createBitsAttrs as Q, Select_trigger as R, MenuMenuState as S, PLErrors as T, Switch_thumb as U, StyleToObject as V, Text_selection_layer as W, capitalize as X, boxWith as Y, cn as Z, Floating_layer_anchor as _, useProject as _t, Card_content as a, getDataTransitionAttrs as at, MenuContentState as b, Card_title as c, isElement$1 as ct, DOMContext as d, noop as dt, createQuery as et, Dismissible_layer as f, runSafe as ft, Floating_layer as g, useId as gt, FloatingArrowState as h, useDebounce as ht, Card as i, getDataOpenClosed as it, ProjectCache as j, Portal as k, Context as l, isFocusVisible as lt, Escape_layer as m, toastError as mt, Button as n, enhance as nt, Card_description as o, getDocument as ot, DropdownMenuTriggerState as p, simpleBox as pt, boolToStr as q, CONTEXT_MENU_TRIGGER_ATTR as r, getConfig as rt, Card_header as s, getFloatingContentCSSVars as st, AnimationsComplete as t, deserialize as tt, ContextMenuTriggerState as u, mergeProps as ut, Focus_scope as v, watch as vt, MenuSeparatorState as w, MenuItemState as x, IsMounted as y, tv as yt, Separator as z };
+export { createBitsAttrs as $, Portal as A, Separator as B, MenuMenuState as C, PLException as D, PLErrors as E, Scroll_lock as F, Text_selection_layer as G, StyleToObject as H, Select as I, boolToStr as J, attachRef as K, Select_content as L, ProjectCache as M, ProjectLoader as N, Popper_layer as O, RovingFocusGroup as P, cn as Q, Select_item as R, MenuItemState as S, MenuSeparatorState as T, Switch as U, Spinner as V, Switch_thumb as W, boxWith as X, boolToTrueOrUndef as Y, capitalize as Z, Floating_layer_anchor as _, useId as _t, Card_content as a, getDataOpenClosed as at, Loading_button as b, tv as bt, Card_title as c, getFloatingContentCSSVars as ct, DOMContext as d, mergeProps as dt, createId as et, Dismissible_layer as f, noop as ft, Floating_layer as g, useDebounce as gt, FloatingArrowState as h, toastError as ht, Card as i, getConfig as it, PresenceManager as j, Popper_layer_force_mount as k, Context as l, isElement$1 as lt, Escape_layer as m, simpleBox as mt, Button as n, deserialize as nt, Card_description as o, getDataTransitionAttrs as ot, DropdownMenuTriggerState as p, runSafe as pt, boolToEmptyStrOrUndef as q, CONTEXT_MENU_TRIGGER_ATTR as r, enhance as rt, Card_header as s, getDocument as st, AnimationsComplete as t, createQuery as tt, ContextMenuTriggerState as u, isFocusVisible as ut, Focus_scope as v, useProject as vt, MenuRootState as w, MenuContentState as x, IsMounted as y, watch as yt, Select_trigger as z };
 
-//# sourceMappingURL=error-CFpEevfM.js.map
+//# sourceMappingURL=error-cCQrHDre.js.map