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

package/dist/server/chunks/{error-cCQrHDre.js → error-dHCCrW4T.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-Bhh2w-5S.js";
-import { G as noop$1, J as parse } from "./internal2-DF9-voLX.js";
+import { B as mount, C as escape_html, D as getAllContexts, K as props_id, M as hasContext, O as getContext, Q as run, S as ensure_array_like, T as get$2, U as on, ct as unmount, d as bind_props, dt as clsx, et as setContext, m as clsx$1, ot as tick, rt as spread_props, t as ATTACHMENT_KEY, u as attributes, ut as writable, y as derived } from "./index-server-BthNUqCR.js";
+import { G as noop$1, J as parse } from "./internal2-DhEJvRRa.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-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";
+import { a as resolve, i as invalidateAll, n as applyAction, r as goto } from "./client-DBcQyXdV.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-C4T0os4K.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.
@@ -3420,7 +3420,7 @@ const mergeArrayProperties = (baseObject, mergeObject, key) => {
 const extendTailwindMerge = (configExtension, ...createConfig) => typeof configExtension === "function" ? createTailwindMerge(getDefaultConfig, configExtension, ...createConfig) : createTailwindMerge(() => mergeConfigs(getDefaultConfig(), configExtension), ...createConfig);
 const twMerge = /*#__PURE__*/ createTailwindMerge(getDefaultConfig);
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-LQJYWU4O.js
 var SPACE_REGEX = /\s+/g;
 var removeExtraSpaces = (str) => {
 	if (typeof str !== "string" || !str) return str;
@@ -3508,7 +3508,7 @@ var mergeObjects = (obj1, obj2) => {
 	return result;
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/chunk-RZF76H2U.js
 var defaultConfig = {
 	twMerge: true,
 	twMergeConfig: {}
@@ -3721,7 +3721,7 @@ var getTailwindVariants = (cn) => {
 	};
 };
 //#endregion
-//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.0/node_modules/tailwind-variants/dist/index.js
+//#region node_modules/.pnpm/tailwind-variants@3.2.2_tailwind-merge@3.6.0_tailwindcss@4.3.1/node_modules/tailwind-variants/dist/index.js
 var createTwMerge = (cachedTwMergeConfig) => {
 	return isEmptyObject(cachedTwMergeConfig) ? twMerge : extendTailwindMerge({
 		...cachedTwMergeConfig,
@@ -4584,6 +4584,11 @@ var BaseRepository = class {
 		return formData;
 	}
 };
+var ProjectArchiveRepository = class extends BaseRepository {
+	create() {
+		return this.run(`/actions/project/archive?/create`);
+	}
+};
 var ProjectFsRepository = class extends BaseRepository {
 	readdir(input) {
 		return this.run(`/actions/project/fs?/readdir`, input);
@@ -4601,30 +4606,27 @@ var ProjectLoaderRepository = class extends BaseRepository {
 	}
 };
 var ProjectPackageRepository = class extends BaseRepository {
-	addComponents(input) {
-		return this.run(`/actions/project/package?/add-components`, input);
-	}
-	addSystems(input) {
-		return this.run(`/actions/project/package?/add-systems`, input);
-	}
 	createComponent(input) {
 		return this.run(`/actions/project/package?/create-component`, input);
 	}
 	createSystem(input) {
 		return this.run(`/actions/project/package?/create-system`, input);
 	}
-	getComponentsManifests(input) {
-		return this.run(`/actions/project/package?/get-components-manifests`, input);
-	}
-	getSystemsManifests(input) {
-		return this.run(`/actions/project/package?/get-systems-manifests`, input);
-	}
 	getComponents() {
 		return this.run(`/actions/project/package?/get-components`);
 	}
 	getSystems() {
 		return this.run(`/actions/project/package?/get-systems`);
 	}
+	getAssets() {
+		return this.run(`/actions/project/package?/get-assets`);
+	}
+	installPackages(input) {
+		return this.run(`/actions/project/package?/install-packages`, input);
+	}
+	searchPackages(input) {
+		return this.run(`/actions/project/package?/search-packages`, input);
+	}
 };
 var ProjectRepository = class extends BaseRepository {
 	load(input) {
@@ -4645,6 +4647,9 @@ var ProjectRepository = class extends BaseRepository {
 	getGatewayProjects() {
 		return this.run(`/actions/project?/get-gateway-projects`);
 	}
+	syncGatewayProject() {
+		return this.run(`/actions/project?/sync-gateway-project`);
+	}
 };
 var ProjectSaveRepository = class extends BaseRepository {
 	get() {
@@ -4657,6 +4662,7 @@ var ProjectSaveRepository = class extends BaseRepository {
 var getActionClient = (projectId) => {
 	const client = new HttpClient("", projectId ? { headers: { [SESSION_PROJECT_HEADER]: projectId } } : {});
 	return {
+		archive: new ProjectArchiveRepository(client),
 		fs: new ProjectFsRepository(client),
 		loader: new ProjectLoaderRepository(client),
 		package: new ProjectPackageRepository(client),
@@ -4678,6 +4684,11 @@ var systemTransformer = (system) => ({
 	path: system.save.path
 });
 var systemsTransformer = (systems) => systems.map(systemTransformer);
+var assetTransformer = (asset) => ({
+	id: asset.path,
+	path: asset.path
+});
+var assetsTransformer = (assets) => assets.map(assetTransformer);
 var libraryTransformer = (lib) => ({
 	id: lib.path,
 	name: lib.name
@@ -4707,7 +4718,7 @@ var randomString = (nb, { numbers = true, lowers = true, uppers = false, special
 	return [...Array(nb)].map(() => chars[Math.floor(Math.random() * chars.length)]).join("");
 };
 var resetSubscriptions = (store) => {
-	const subscriptions = get$1$1(store);
+	const subscriptions = get$2(store);
 	Object.values(subscriptions).forEach((sub) => {
 		try {
 			sub?.();
@@ -4716,7 +4727,7 @@ var resetSubscriptions = (store) => {
 	store.set({});
 };
 var resetListeners = (store) => {
-	get$1$1(store)?.forEach((sub) => {
+	get$2(store)?.forEach((sub) => {
 		try {
 			sub();
 		} catch {}
@@ -4724,7 +4735,7 @@ var resetListeners = (store) => {
 	store.set(null);
 };
 var resolveStore = (storage, resolvable, defaultValue) => {
-	const content = get$1$1(storage);
+	const content = get$2(storage);
 	if (resolvable in content) return content[resolvable];
 	content[resolvable] = writable(defaultValue);
 	storage.set(content);
@@ -4736,6 +4747,114 @@ var getId = (data, name) => {
 	while (data.find((d) => d.id === id)) id = `${baseId}_${randomString(5)}`;
 	return id;
 };
+var _storage$15 = writable({});
+var AssetHandle = class {
+	_manager;
+	_store;
+	id;
+	static reset() {
+		_storage$15.set({});
+	}
+	constructor(manager, asset) {
+		this._manager = manager;
+		this.id = asset.id;
+		this._store = resolveStore(_storage$15, this.id, asset);
+	}
+	get store() {
+		return this._store;
+	}
+	get data() {
+		return get$2(this._store);
+	}
+	update(asset) {
+		this._store.set({
+			...get$2(this._store),
+			...asset
+		});
+	}
+	delete() {
+		return this._manager.delete(this.id);
+	}
+};
+var _storage$14 = writable([]);
+var _subscriptions$7 = writable({});
+var AssetManager = class {
+	static reset() {
+		_storage$14.set([]);
+		resetSubscriptions(_subscriptions$7);
+	}
+	constructor(assets) {
+		_storage$14.set(assets);
+	}
+	get store() {
+		return _storage$14;
+	}
+	get data() {
+		return get$2(_storage$14);
+	}
+	async createMany(files) {
+		const { fs } = useProject();
+		await Promise.all(files.map(this.create.bind(this)));
+		await this.sync();
+		await (await fs.getDirectory()).readdir(true);
+	}
+	async create(file) {
+		const { fs } = useProject();
+		const assetFile = await (await fs.getDirectory("assets")).getFile(file.name);
+		const stream = await assetFile.createWritable();
+		await file.stream().pipeTo(stream);
+		await assetFile.sync();
+	}
+	add(asset) {
+		this._add(assetTransformer(asset));
+	}
+	async sync() {
+		const { actions } = useProject();
+		const assets = await actions.package.getAssets();
+		_storage$14.set(assetsTransformer(assets));
+	}
+	get(id) {
+		const asset = get$2(_storage$14).find((asset) => asset.id === id);
+		if (!asset) throw new Error(`Asset with id ${id} not found`);
+		const handle = new AssetHandle(this, asset);
+		this._subscribe(id, handle);
+		return handle;
+	}
+	async delete(id) {
+		const assets = get$2(_storage$14);
+		const asset = assets.find((c) => c.id === id);
+		if (!asset) throw new Error(`System not found: ${id}`);
+		_storage$14.set(assets.filter((c) => c.id !== id));
+		const { fs } = useProject();
+		await (await fs.getFile(asset.path)).delete();
+		const subscriptions = get$2(_subscriptions$7);
+		if (subscriptions[id]) {
+			subscriptions[id]();
+			subscriptions[id] = null;
+			_subscriptions$7.set(subscriptions);
+		}
+	}
+	_add(asset) {
+		const assets = get$2(_storage$14);
+		assets.push(asset);
+		_storage$14.set(assets);
+	}
+	_subscribe(id, handle) {
+		setTimeout(() => {
+			const subscriptions = get$2(_subscriptions$7);
+			if (subscriptions[id]) return;
+			subscriptions[id] = handle.store.subscribe((asset) => this._update(id, asset));
+			_subscriptions$7.set(subscriptions);
+		}, 0);
+	}
+	_update(id, asset) {
+		const assets = get$2(_storage$14);
+		const index = assets.findIndex((s) => s.id === id);
+		if (index === -1) return;
+		assets[index] = asset;
+		_storage$14.set(assets);
+	}
+};
 var _storage$13 = writable({});
 var ComponentHandle = class {
 	_manager;
@@ -4753,11 +4872,11 @@ var ComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(component) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...component
 		});
 	}
@@ -4779,7 +4898,7 @@ var ComponentManager = class {
 		return _storage$12;
 	}
 	get data() {
-		return get$1$1(_storage$12);
+		return get$2(_storage$12);
 	}
 	async create(name) {
 		const { actions, fs } = useProject();
@@ -4787,12 +4906,8 @@ var ComponentManager = class {
 		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);
+	add(component) {
+		this._add(componentTransformer(component));
 	}
 	async sync() {
 		const { actions } = useProject();
@@ -4800,20 +4915,20 @@ var ComponentManager = class {
 		_storage$12.set(componentsTransformer(components));
 	}
 	get(id) {
-		const component = get$1$1(_storage$12).find((component) => component.id === id);
+		const component = get$2(_storage$12).find((component) => component.id === id);
 		if (!component) throw new Error(`Component with id ${id} not found`);
 		const handle = new ComponentHandle(this, component);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	async delete(id) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		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);
+		const subscriptions = get$2(_subscriptions$6);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -4821,20 +4936,20 @@ var ComponentManager = class {
 		}
 	}
 	_add(component) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		components.push(component);
 		_storage$12.set(components);
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$6);
+			const subscriptions = get$2(_subscriptions$6);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((component) => this._update(id, component));
 			_subscriptions$6.set(subscriptions);
 		}, 0);
 	}
 	_update(id, component) {
-		const components = get$1$1(_storage$12);
+		const components = get$2(_storage$12);
 		const index = components.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		components[index] = component;
@@ -4858,11 +4973,11 @@ var LibraryHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(library) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...library
 		});
 	}
@@ -4884,10 +4999,10 @@ var LibraryManager = class {
 		return _storage$10;
 	}
 	get data() {
-		return get$1$1(_storage$10);
+		return get$2(_storage$10);
 	}
 	add(library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		libraries.push({
 			...library,
 			id: library.name
@@ -4896,16 +5011,16 @@ var LibraryManager = class {
 		return library.name;
 	}
 	get(id) {
-		const library = get$1$1(_storage$10).find((library) => library.id === id);
+		const library = get$2(_storage$10).find((library) => library.id === id);
 		if (!library) throw new Error(`Library with id ${id} not found`);
 		const handle = new LibraryHandle(this, library);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		_storage$10.set(libraries.filter((library) => library.id !== id));
-		const subscriptions = get$1$1(_subscriptions$5);
+		const subscriptions = get$2(_subscriptions$5);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -4914,14 +5029,14 @@ var LibraryManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$5);
+			const subscriptions = get$2(_subscriptions$5);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((library) => this._update(id, library));
 			_subscriptions$5.set(subscriptions);
 		}, 0);
 	}
 	_update(id, library) {
-		const libraries = get$1$1(_storage$10);
+		const libraries = get$2(_storage$10);
 		const index = libraries.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		libraries[index] = library;
@@ -4959,7 +5074,7 @@ var ComponentParamHandle = class {
 		this.manager.delete(this.id);
 	}
 	_listen() {
-		if (get$1$1(_listener$5)) return;
+		if (get$2(_listener$5)) return;
 		const unsub = this.manager.component.store.subscribe((component) => {
 			const newParam = component.params.find((param) => param.name === this.id);
 			if (!newParam) return;
@@ -4986,7 +5101,7 @@ var ComponentParamManager = class {
 	constructor(component, params) {
 		this.component = component;
 		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._store = resolveStore(_storage$8, this._storageResolvable, get$2(component.store).params);
 		this._valuesStore = resolveStore(_valueStorage, this._storageResolvable, params);
 		this._listen();
 	}
@@ -4997,21 +5112,21 @@ var ComponentParamManager = class {
 		return this._valuesStore;
 	}
 	get(id) {
-		const param = get$1$1(this._store).find((param) => param.name === id);
+		const param = get$2(this._store).find((param) => param.name === id);
 		if (!param) throw new Error(`Param with id ${id} not found`);
-		const value = get$1$1(this._valuesStore)[id];
+		const value = get$2(this._valuesStore)[id];
 		const handle = new ComponentParamHandle(this, param, value);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const params = get$1$1(this._store);
+		const params = get$2(this._store);
 		this._store.set(params.map((param) => param.name === id ? {
 			...param,
 			value: void 0
 		} : param));
 		const fullId = `${this._storageResolvable}/${id}`;
-		const subscriptions = get$1$1(_subscriptions$4);
+		const subscriptions = get$2(_subscriptions$4);
 		if (subscriptions[fullId]) {
 			subscriptions[fullId]();
 			subscriptions[fullId] = null;
@@ -5019,7 +5134,7 @@ var ComponentParamManager = class {
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$4)) return;
+		if (get$2(_listener$4)) return;
 		const unsub = this.component.store.subscribe((component) => {
 			this._store.set(component.params);
 		});
@@ -5028,14 +5143,14 @@ var ComponentParamManager = class {
 	_subscribe(id, handle) {
 		setTimeout(() => {
 			const fullId = `${this._storageResolvable}/${id}`;
-			const subscriptions = get$1$1(_subscriptions$4);
+			const subscriptions = get$2(_subscriptions$4);
 			if (subscriptions[fullId]) return;
 			subscriptions[fullId] = handle.value.subscribe((param) => this._update(id, param));
 			_subscriptions$4.set(subscriptions);
 		}, 0);
 	}
 	_update(id, value) {
-		const params = get$1$1(this._valuesStore);
+		const params = get$2(this._valuesStore);
 		params[id] = value;
 		this._valuesStore.set(params);
 	}
@@ -5055,7 +5170,7 @@ var EntityComponentHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get params() {
 		return this._params;
@@ -5086,30 +5201,30 @@ var EntityComponentManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(component) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const manifest = this.entity.manager.scene.manager.ecs.components.get(component).data;
 		components[component] = { ...Object.fromEntries(manifest.params.filter((param) => param.default).map((param) => [param.name, param.default])) };
 		this._store.set(components);
 	}
 	get(id) {
-		const params = get$1$1(this._store)[id];
+		const params = get$2(this._store)[id];
 		if (!params) throw new Error(`Component with id ${id} not found`);
 		const handle = new EntityComponentHandle(this, id, params);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const components = get$1$1(this._store);
+		const components = get$2(this._store);
 		const newComponents = {};
 		Object.entries(components).forEach(([key, params]) => {
 			if (key !== id) newComponents[key] = params;
 		});
 		this._store.set(newComponents);
 		const fullId = `${this._storageResolvable}/${id}`;
-		const subscriptions = get$1$1(_subscriptions$3);
+		const subscriptions = get$2(_subscriptions$3);
 		if (subscriptions[fullId]) {
 			subscriptions[fullId]();
 			subscriptions[fullId] = null;
@@ -5117,9 +5232,9 @@ var EntityComponentManager = class {
 		}
 	}
 	_listen() {
-		if (get$1$1(_listener$3)) return;
+		if (get$2(_listener$3)) return;
 		const unsub = this.entity.manager.scene.manager.ecs.components.store.subscribe((components) => {
-			const entityComponents = get$1$1(this._store);
+			const entityComponents = get$2(this._store);
 			const newComponents = {};
 			Object.entries(entityComponents).forEach(([key, params]) => {
 				if (components.find((s) => s.id === key)) newComponents[key] = params;
@@ -5131,14 +5246,14 @@ var EntityComponentManager = class {
 	_subscribe(id, handle) {
 		setTimeout(() => {
 			const fullId = `${this._storageResolvable}/${id}`;
-			const subscriptions = get$1$1(_subscriptions$3);
+			const subscriptions = get$2(_subscriptions$3);
 			if (subscriptions[fullId]) return;
 			subscriptions[fullId] = handle.params.values.subscribe((params) => this._update(id, params));
 			_subscriptions$3.set(subscriptions);
 		}, 0);
 	}
 	_update(id, params) {
-		const component = get$1$1(this._store);
+		const component = get$2(this._store);
 		component[id] = params;
 		this._store.set(component);
 	}
@@ -5165,14 +5280,14 @@ var SceneEntityHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get components() {
 		return this._components;
 	}
 	update(entity) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...entity
 		});
 	}
@@ -5183,9 +5298,9 @@ var SceneEntityHandle = class {
 		this.manager.selected = this;
 	}
 	_listen() {
-		if (get$1$1(_listener$2)) return;
+		if (get$2(_listener$2)) return;
 		const unsub = this._components.store.subscribe((components) => {
-			const entity = get$1$1(this._store);
+			const entity = get$2(this._store);
 			entity.components = components;
 			this._store.set(entity);
 		});
@@ -5210,10 +5325,10 @@ var SceneEntityManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get selectedData() {
-		return get$1$1(selectedEntity);
+		return get$2(selectedEntity);
 	}
 	get selected() {
 		return selectedEntity;
@@ -5222,7 +5337,7 @@ var SceneEntityManager = class {
 		selectedEntity.set(entity);
 	}
 	add(entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const id = getId(this.data, entity.name);
 		entities.push({
 			...entity,
@@ -5232,17 +5347,17 @@ var SceneEntityManager = class {
 		return id;
 	}
 	get(id) {
-		const entity = get$1$1(this._store).find((entity) => entity.id === id);
+		const entity = get$2(this._store).find((entity) => entity.id === id);
 		if (!entity) throw new Error(`Entity with id ${id} not found`);
 		const handle = new SceneEntityHandle(this, entity);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		this._store.set(entities.filter((entity) => entity.id !== id));
 		const fullId = `${this.scene.id}/${id}`;
-		const subscriptions = get$1$1(_subscriptions$2);
+		const subscriptions = get$2(_subscriptions$2);
 		if (subscriptions[fullId]) {
 			subscriptions[fullId]();
 			subscriptions[fullId] = null;
@@ -5253,14 +5368,14 @@ var SceneEntityManager = class {
 	_subscribe(id, handle) {
 		setTimeout(() => {
 			const fullId = `${this.scene.id}/${id}`;
-			const subscriptions = get$1$1(_subscriptions$2);
+			const subscriptions = get$2(_subscriptions$2);
 			if (subscriptions[fullId]) return;
 			subscriptions[fullId] = handle.store.subscribe((entity) => this._update(id, entity));
 			_subscriptions$2.set(subscriptions);
 		}, 0);
 	}
 	_update(id, entity) {
-		const entities = get$1$1(this._store);
+		const entities = get$2(this._store);
 		const index = entities.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		entities[index] = entity;
@@ -5280,7 +5395,7 @@ var SceneSystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	delete() {
 		this.manager.delete(this.id);
@@ -5304,26 +5419,26 @@ var SceneSystemManager = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	add(system) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		systems.push(system);
 		this._store.set(systems);
 	}
 	get(id) {
-		const system = get$1$1(this._store).find((system) => system === id);
+		const system = get$2(this._store).find((system) => system === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		return new SceneSystemHandle(this, system);
 	}
 	delete(id) {
-		const systems = get$1$1(this._store);
+		const systems = get$2(this._store);
 		this._store.set(systems.filter((system) => system !== id));
 	}
 	_listen() {
-		if (get$1$1(_listener$1)) return;
+		if (get$2(_listener$1)) return;
 		const unsub = this.scene.manager.ecs.systems.store.subscribe((systems) => {
-			const sceneSystems = get$1$1(this._store);
+			const sceneSystems = get$2(this._store);
 			sceneSystems.filter((system) => systems.find((s) => s.id === system));
 			this._store.set(sceneSystems);
 		});
@@ -5354,7 +5469,7 @@ var SceneHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	get entities() {
 		return this._entities;
@@ -5364,7 +5479,7 @@ var SceneHandle = class {
 	}
 	update(scene) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...scene
 		});
 	}
@@ -5378,13 +5493,13 @@ var SceneHandle = class {
 		this.manager.default = this.id;
 	}
 	_listen() {
-		if (get$1$1(_listener)) return;
+		if (get$2(_listener)) return;
 		const unsub = [this._entities.store.subscribe((entities) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.entities = entities;
 			this._store.set(scene);
 		}), this._systems.store.subscribe((systems) => {
-			const scene = get$1$1(this._store);
+			const scene = get$2(this._store);
 			scene.systems = systems;
 			this._store.set(scene);
 		})];
@@ -5418,10 +5533,10 @@ var SceneManager = class {
 		return _storage$2;
 	}
 	get data() {
-		return get$1$1(_storage$2);
+		return get$2(_storage$2);
 	}
 	get activeData() {
-		return get$1$1(_activeSceneStorage);
+		return get$2(_activeSceneStorage);
 	}
 	get active() {
 		return _activeSceneStorage;
@@ -5430,7 +5545,7 @@ var SceneManager = class {
 		_activeSceneStorage.set(handle);
 	}
 	get defaultData() {
-		return get$1$1(_defaultSceneStorage);
+		return get$2(_defaultSceneStorage);
 	}
 	get default() {
 		return _defaultSceneStorage;
@@ -5439,7 +5554,7 @@ var SceneManager = class {
 		_defaultSceneStorage.set(handle);
 	}
 	get rootScenes() {
-		return get$1$1(_rootScenesStorage);
+		return get$2(_rootScenesStorage);
 	}
 	get rootScenesStore() {
 		return _rootScenesStorage;
@@ -5448,7 +5563,7 @@ var SceneManager = class {
 		_rootScenesStorage.set(Array.from(new Set(scenes)));
 	}
 	add(scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const id = getId(this.data, scene.name);
 		scenes.push({
 			...scene,
@@ -5458,16 +5573,16 @@ var SceneManager = class {
 		return id;
 	}
 	get(id) {
-		const scene = get$1$1(_storage$2).find((scene) => scene.id === id);
+		const scene = get$2(_storage$2).find((scene) => scene.id === id);
 		if (!scene) throw new Error(`Scene with id ${id} not found`);
 		const handle = new SceneHandle(this, scene);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	delete(id) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		_storage$2.set(scenes.filter((scene) => scene.id !== id));
-		const subscriptions = get$1$1(_subscriptions$1);
+		const subscriptions = get$2(_subscriptions$1);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -5479,14 +5594,14 @@ var SceneManager = class {
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions$1);
+			const subscriptions = get$2(_subscriptions$1);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((scene) => this._update(id, scene));
 			_subscriptions$1.set(subscriptions);
 		}, 0);
 	}
 	_update(id, scene) {
-		const scenes = get$1$1(_storage$2);
+		const scenes = get$2(_storage$2);
 		const index = scenes.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		scenes[index] = scene;
@@ -5510,11 +5625,11 @@ var SystemHandle = class {
 		return this._store;
 	}
 	get data() {
-		return get$1$1(this._store);
+		return get$2(this._store);
 	}
 	update(system) {
 		this._store.set({
-			...get$1$1(this._store),
+			...get$2(this._store),
 			...system
 		});
 	}
@@ -5536,7 +5651,7 @@ var SystemManager = class {
 		return _storage;
 	}
 	get data() {
-		return get$1$1(_storage);
+		return get$2(_storage);
 	}
 	async create(name) {
 		const { actions, fs } = useProject();
@@ -5544,12 +5659,8 @@ var SystemManager = class {
 		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);
+	add(system) {
+		this._add(systemTransformer(system));
 	}
 	async sync() {
 		const { actions } = useProject();
@@ -5557,20 +5668,20 @@ var SystemManager = class {
 		_storage.set(systemsTransformer(systems));
 	}
 	get(id) {
-		const system = get$1$1(_storage).find((system) => system.id === id);
+		const system = get$2(_storage).find((system) => system.id === id);
 		if (!system) throw new Error(`System with id ${id} not found`);
 		const handle = new SystemHandle(this, system);
 		this._subscribe(id, handle);
 		return handle;
 	}
 	async delete(id) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		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);
+		const subscriptions = get$2(_subscriptions);
 		if (subscriptions[id]) {
 			subscriptions[id]();
 			subscriptions[id] = null;
@@ -5578,20 +5689,20 @@ var SystemManager = class {
 		}
 	}
 	_add(system) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		systems.push(system);
 		_storage.set(systems);
 	}
 	_subscribe(id, handle) {
 		setTimeout(() => {
-			const subscriptions = get$1$1(_subscriptions);
+			const subscriptions = get$2(_subscriptions);
 			if (subscriptions[id]) return;
 			subscriptions[id] = handle.store.subscribe((system) => this._update(id, system));
 			_subscriptions.set(subscriptions);
 		}, 0);
 	}
 	_update(id, system) {
-		const systems = get$1$1(_storage);
+		const systems = get$2(_storage);
 		const index = systems.findIndex((s) => s.id === id);
 		if (index === -1) return;
 		systems[index] = system;
@@ -5601,10 +5712,13 @@ var SystemManager = class {
 var ECSHandler = class {
 	_project;
 	_sceneManager;
+	_assetManager;
 	_componentManager;
 	_systemManager;
 	_libraryManager;
 	static reset() {
+		AssetHandle.reset();
+		AssetManager.reset();
 		ComponentHandle.reset();
 		ComponentManager.reset();
 		SystemManager.reset();
@@ -5629,9 +5743,11 @@ var ECSHandler = class {
 		* This init is only made for the current version of the editor
 		* When scenes will be implemented, this init must be changed accordingly
 		*/
+		const assets = await this._project.actions.package.getAssets();
 		const components = await this._project.actions.package.getComponents();
 		const systems = await this._project.actions.package.getSystems();
 		const save = await this._project.actions.save.get();
+		this._assetManager = new AssetManager(assetsTransformer(assets));
 		this._componentManager = new ComponentManager(componentsTransformer(components));
 		this._systemManager = new SystemManager(systemsTransformer(systems));
 		this._libraryManager = new LibraryManager(librariesTransformer(save));
@@ -5641,6 +5757,10 @@ var ECSHandler = class {
 		if (!this._sceneManager) throw new Error("ECS handler not initialized");
 		return this._sceneManager;
 	}
+	get assets() {
+		if (!this._assetManager) throw new Error("ECS handler not initialized");
+		return this._assetManager;
+	}
 	get components() {
 		if (!this._componentManager) throw new Error("ECS handler not initialized");
 		return this._componentManager;
@@ -5654,9 +5774,22 @@ var ECSHandler = class {
 		return this._libraryManager;
 	}
 };
+var moveComponentListener = (handler) => {
+	handler.on(EditorEvents.MOVE_COMPONENT, (entityId, _componentId, { x, y }) => {
+		const { ecs } = useProject();
+		const component = ecs.scenes.activeData.entities.get(entityId).components.get("Position2D");
+		component.params.get("x").value.set(x);
+		component.params.get("y").value.set(y);
+	});
+	return () => {};
+};
 var EventEmitter = class {
 	listeners = {};
 	eventQueue = [];
+	_dequeueOnEmit;
+	constructor(dequeueOnEmit = false) {
+		this._dequeueOnEmit = dequeueOnEmit;
+	}
 	runEvents() {
 		this.eventQueue.forEach((e) => {
 			this._executeEvent(e);
@@ -5668,6 +5801,7 @@ var EventEmitter = class {
 			event,
 			args
 		});
+		if (this._dequeueOnEmit) this.runEvents();
 	}
 	addListener(event, listener) {
 		if (!this.listeners[event]) this.listeners[event] = [];
@@ -5701,9 +5835,17 @@ var EventEmitter = class {
 		});
 	}
 };
+var listeners = writable([]);
 var EventHandler = class {
 	_coreEvents = new EventEmitter();
-	_editorEvents = new EventEmitter();
+	_editorEvents = new EventEmitter(true);
+	static reset() {
+		get$2(listeners).forEach((unsub) => unsub());
+		listeners.set([]);
+	}
+	async init() {
+		listeners.set([moveComponentListener(this)]);
+	}
 	emit(event, ...args) {
 		this._coreEvents.emitEvent(event, ...args);
 	}
@@ -5711,6 +5853,18 @@ var EventHandler = class {
 		this._editorEvents.on(event, callback);
 	}
 };
+var CoreEvents = /* @__PURE__ */ function(CoreEvents) {
+	CoreEvents["HOT_RELOAD"] = "hot-reload";
+	CoreEvents["HARD_RELOAD"] = "hard-reload";
+	CoreEvents["PAUSE_GAME"] = "pause-game";
+	CoreEvents["STOP_GAME"] = "stop-game";
+	CoreEvents["UNPAUSE_GAME"] = "unpause-game";
+	return CoreEvents;
+}({});
+var EditorEvents = /* @__PURE__ */ function(EditorEvents) {
+	EditorEvents["MOVE_COMPONENT"] = "move-component";
+	return EditorEvents;
+}({});
 var infoStore = writable();
 var InfoHandler = class {
 	core;
@@ -5721,12 +5875,12 @@ var InfoHandler = class {
 		this.core = core;
 	}
 	get(cacheOnly) {
-		if (cacheOnly) return get$1$1(infoStore);
+		if (cacheOnly) return get$2(infoStore);
 		return this.fetch();
 	}
 	async fetch(noCache = false) {
 		if (!noCache) {
-			const cache = get$1$1(infoStore);
+			const cache = get$2(infoStore);
 			if (cache) return cache;
 		}
 		const res = await this.core.actions.project.getInfo();
@@ -5860,6 +6014,9 @@ var FileSystemFile = class {
 		const raw = JSON.stringify(content);
 		return this.write(raw);
 	}
+	async createWritable() {
+		return this.handle.createWritable();
+	}
 	async getUrl() {
 		if (URL_CACHE.has(this.handle.name)) URL.revokeObjectURL(URL_CACHE.get(this.handle.name));
 		const file = await this.handle.getFile();
@@ -6045,6 +6202,10 @@ var SfsFile = class {
 		await this._cache.writeJson(content);
 		await this.sync();
 	}
+	async createWritable() {
+		await this._preWrite();
+		return await this._cache.createWritable();
+	}
 	async sync() {
 		if (!this._cache) return;
 		const file = await this._cache.getFile();
@@ -6329,33 +6490,14 @@ var Loader = class {
 };
 var PackageHandler = class {
 	_project;
-	_componentsManifests = /* @__PURE__ */ new Map();
-	_systemsManifests = /* @__PURE__ */ new Map();
 	constructor(project) {
 		this._project = project;
 	}
-	async init() {}
-	getComponentManifest(componentName) {
-		return this._componentsManifests.get(componentName);
-	}
-	getSystemManifest(systemName) {
-		return this._systemsManifests.get(systemName);
-	}
-	async installComponent(name) {
-		const newComponent = (await this._project.actions.package.addComponents({ componentNames: [name] }))[0];
-		this._project.save.save.components.push(newComponent.save);
-		this._componentsManifests.set(newComponent.save.name, newComponent.manifest);
-	}
-	async installSystem(name) {
-		const newSystem = (await this._project.actions.package.addSystems({ systemNames: [name] }))[0];
-		this._project.save.save.systems.push(newSystem.save);
-		this._systemsManifests.set(newSystem.save.name, newSystem.manifest);
-	}
-	addComponentManifest(componentName, component) {
-		this._componentsManifests.set(componentName, component);
-	}
-	addSystemManifest(systemName, system) {
-		this._systemsManifests.set(systemName, system);
+	async installPackages(names) {
+		await this._project.actions.package.installPackages({ names });
+		await this._project.ecs.components.sync();
+		await this._project.ecs.systems.sync();
+		await (await this._project.fs.getDirectory()).readdir(true);
 	}
 };
 var SaveHandler = class {
@@ -6369,6 +6511,7 @@ var SaveHandler = class {
 	_readyToSync = true;
 	_syncTimer;
 	_needSync = writable(false);
+	_syncGatewayEnable = true;
 	constructor(project) {
 		this._project = project;
 	}
@@ -6377,7 +6520,9 @@ var SaveHandler = class {
 		this._listeners();
 		this._save.subscribe(() => {
 			this.syncToServer();
+			this._project.event.emit(CoreEvents.HOT_RELOAD, this.save);
 		});
+		if (getConfig().mode === "online") this.initSyncGateway();
 	}
 	async fetchFromServer() {
 		this._save.set(await this._project.actions.save.get());
@@ -6385,10 +6530,10 @@ var SaveHandler = class {
 	async syncToServer() {
 		if (this._readyToSync) {
 			this._readyToSync = false;
-			await this._project.actions.save.set({ save: get$1$1(this._save) });
+			await this._project.actions.save.set({ save: get$2(this._save) });
 			this._syncTimer = setTimeout(() => {
 				this._readyToSync = true;
-				if (get$1$1(this._needSync)) {
+				if (get$2(this._needSync)) {
 					this.syncToServer();
 					this._needSync.set(false);
 				}
@@ -6402,7 +6547,7 @@ var SaveHandler = class {
 		await this.syncToServer();
 	}
 	get save() {
-		return get$1$1(this._save);
+		return get$2(this._save);
 	}
 	_listeners() {
 		this._project.ecs.components.store.subscribe((components) => {
@@ -6441,6 +6586,14 @@ var SaveHandler = class {
 			this.syncToServer();
 		});
 	}
+	initSyncGateway() {
+		setInterval(async () => {
+			if (this._syncGatewayEnable) await this._project.actions.project.syncGatewayProject();
+		}, 1e3 * 60 * 5);
+		window.addEventListener("beforeunload", (e) => {
+			if (!this._project.actions.project.syncGatewayProject()) e.preventDefault();
+		});
+	}
 };
 var Project = class {
 	id;
@@ -6455,6 +6608,7 @@ var Project = class {
 	_inited = false;
 	static reset() {
 		InfoHandler.reset();
+		EventHandler.reset();
 	}
 	constructor(id) {
 		this.id = id;
@@ -6465,7 +6619,7 @@ var Project = class {
 		await this.fs.init();
 		await this.ecs.init();
 		await this.save.init();
-		await this.packages.init();
+		await this.event.init();
 		this._inited = true;
 		return this;
 	}
@@ -6697,7 +6851,7 @@ var ProjectLoader = class ProjectLoader {
 	}
 };
 var useProject = () => {
-	const project = get$1$1(projectStore);
+	const project = get$2(projectStore);
 	if (!project) {
 		const error = new PLException(PLErrors.No_Project);
 		error.fb();
@@ -15005,4 +15159,4 @@ var runSafe = async (context, cb, fallback) => {
 //#endregion
 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-cCQrHDre.js.map
+//# sourceMappingURL=error-dHCCrW4T.js.map