@nanoforge-dev/editor 0.0.2-beta.d5ae009 → 0.0.2-beta.ddbefdc

package/dist/server/chunks/_page.svelte-B_0YFORc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"_page.svelte-B_0YFORc.js","names":["z.object","z.enum","z.boolean"],"sources":["../../../.svelte-kit/adapter-bun/entries/pages/load/_page.svelte.js"],"sourcesContent":["import { b as unsubscribe_stores, v as store_get } from \"../../../chunks/index-server.js\";\nimport { Ct as createQuery, dt as ProjectLoader, gt as toastError, ht as PLException, it as Card, mt as PLErrors, n as Loading_button, t as runSafe, xt as getConfig } from \"../../../chunks/error.js\";\nimport { a as goto, d as resolve } from \"../../../chunks/client.js\";\nimport { t as page } from \"../../../chunks/state.js\";\nimport { a as Form, n as FormFieldSwitch, r as FormFieldSelect, t as useForm } from \"../../../chunks/form.svelte.js\";\nimport { n as Full_page_project_spinner } from \"../../../chunks/project-loader.js\";\nimport { z } from \"zod\";\n//#region src/routes/load/components/complete-project-form.svelte\nfunction Complete_project_form($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tvar $$store_subs;\n\t\tconst { gatewayId } = $$props;\n\t\tlet isLoading = false;\n\t\tconst schema = z.object({\n\t\t\tlanguage: z.enum([\"ts\", \"js\"]).default(\"ts\"),\n\t\t\tmultiplayerServer: z.boolean().default(false)\n\t\t});\n\t\tconst completeProject = async (values) => {\n\t\t\tisLoading = true;\n\t\t\tawait runSafe(\"create project\", async () => {\n\t\t\t\tawait goto(`/dashboard?id=${(await ProjectLoader.complete({\n\t\t\t\t\t...values,\n\t\t\t\t\tgatewayId\n\t\t\t\t})).id}`);\n\t\t\t}, () => {\n\t\t\t\tisLoading = false;\n\t\t\t});\n\t\t};\n\t\tconst formCtx = useForm({\n\t\t\tschema,\n\t\t\tdefaultValues: {\n\t\t\t\tlanguage: \"ts\",\n\t\t\t\tmultiplayerServer: false\n\t\t\t},\n\t\t\tonSubmit: completeProject\n\t\t});\n\t\tconst { submitting } = formCtx;\n\t\tif (Card) {\n\t\t\t$$renderer.push(\"<!--[-->\");\n\t\t\tCard($$renderer, {\n\t\t\t\tclass: \"w-full max-w-lg p-4\",\n\t\t\t\tchildren: ($$renderer) => {\n\t\t\t\t\tForm($$renderer, {\n\t\t\t\t\t\tform: formCtx,\n\t\t\t\t\t\tclass: \"w-full\",\n\t\t\t\t\t\tchildren: ($$renderer) => {\n\t\t\t\t\t\t\t$$renderer.push(`<div class=\"modal-header\"><div class=\"modal-icon-badge\"><span class=\"i-ic-baseline-check text-primary text-lg\"></span></div> <div><h2 class=\"text-sm font-semibold text-foreground tracking-tight leading-tight\">Init project</h2> <p class=\"text-xs text-muted-foreground mt-0.5\">Configure and scaffold your project</p></div></div> <div class=\"modal-body\">`);\n\t\t\t\t\t\t\tFormFieldSelect($$renderer, {\n\t\t\t\t\t\t\t\tname: \"language\",\n\t\t\t\t\t\t\t\tlabel: \"Language\",\n\t\t\t\t\t\t\t\tclassNames: {\n\t\t\t\t\t\t\t\t\ttrigger: \"w-40 p-4\",\n\t\t\t\t\t\t\t\t\tcontent: \"p-2\",\n\t\t\t\t\t\t\t\t\titem: \"p-2\"\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\toptions: [{\n\t\t\t\t\t\t\t\t\tvalue: \"ts\",\n\t\t\t\t\t\t\t\t\tlabel: \"Typescript\"\n\t\t\t\t\t\t\t\t}, {\n\t\t\t\t\t\t\t\t\tvalue: \"js\",\n\t\t\t\t\t\t\t\t\tlabel: \"Javascript\"\n\t\t\t\t\t\t\t\t}]\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t$$renderer.push(`<!----> <div class=\"flex flex-col gap-1\">`);\n\t\t\t\t\t\t\tFormFieldSwitch($$renderer, {\n\t\t\t\t\t\t\t\tlabel: \"Multiplayer game\",\n\t\t\t\t\t\t\t\tname: \"multiplayerServer\"\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t$$renderer.push(`<!----></div></div> <div class=\"modal-footer\">`);\n\t\t\t\t\t\t\tLoading_button($$renderer, {\n\t\t\t\t\t\t\t\ttype: \"submit\",\n\t\t\t\t\t\t\t\tsize: \"lg\",\n\t\t\t\t\t\t\t\tloading: store_get($$store_subs ??= {}, \"$submitting\", submitting) || isLoading,\n\t\t\t\t\t\t\t\tclass: \"btn-primary px-6\",\n\t\t\t\t\t\t\t\tchildren: ($$renderer) => {\n\t\t\t\t\t\t\t\t\t$$renderer.push(`<!---->Init Project`);\n\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t$$slots: { default: true }\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t$$renderer.push(`<!----></div>`);\n\t\t\t\t\t\t},\n\t\t\t\t\t\t$$slots: { default: true }\n\t\t\t\t\t});\n\t\t\t\t},\n\t\t\t\t$$slots: { default: true }\n\t\t\t});\n\t\t\t$$renderer.push(\"<!--]-->\");\n\t\t} else {\n\t\t\t$$renderer.push(\"<!--[!-->\");\n\t\t\t$$renderer.push(\"<!--]-->\");\n\t\t}\n\t\tif ($$store_subs) unsubscribe_stores($$store_subs);\n\t});\n}\n//#endregion\n//#region src/routes/load/+page.svelte\nfunction _page($$renderer, $$props) {\n\t$$renderer.component(($$renderer) => {\n\t\tconst getResolvable = () => {\n\t\t\tif (getConfig().mode === \"offline\") {\n\t\t\t\tconst path = page.url.searchParams.get(\"path\");\n\t\t\t\tif (!path) return null;\n\t\t\t\treturn { path };\n\t\t\t} else {\n\t\t\t\tconst gatewayId = page.url.searchParams.get(\"gatewayId\");\n\t\t\t\tif (!gatewayId) return null;\n\t\t\t\treturn { gatewayId };\n\t\t\t}\n\t\t};\n\t\tconst id = page.url.searchParams.get(\"id\");\n\t\tconst resolvable = getResolvable();\n\t\tconst query = createQuery(() => ({\n\t\t\tqueryKey: [\n\t\t\t\t\"load\",\n\t\t\t\t\"verify\",\n\t\t\t\tresolvable ? \"path\" in resolvable ? resolvable.path : resolvable.gatewayId : \"\"\n\t\t\t],\n\t\t\tqueryFn: async () => {\n\t\t\t\tif (!id && !resolvable) throw new Error(\"No resolvable\");\n\t\t\t\tif (id) try {\n\t\t\t\t\tawait goto(resolve(`/dashboard?id=${(await ProjectLoader.loadFromId(id)).id}`));\n\t\t\t\t} catch (e) {\n\t\t\t\t\tif (e instanceof PLException) {\n\t\t\t\t\t\tif (e.reason === PLErrors.Empty_Project && getConfig().mode === \"online\") return e.args[1];\n\t\t\t\t\t}\n\t\t\t\t\tconsole.error(e);\n\t\t\t\t\ttoastError(\"Failed to load project from id\", e.message);\n\t\t\t\t}\n\t\t\t\tif (resolvable) try {\n\t\t\t\t\tawait goto(resolve(`/dashboard?id=${(await (\"path\" in resolvable ? ProjectLoader.loadFromPath(resolvable.path) : ProjectLoader.loadFromGatewayId(resolvable.gatewayId))).id}`));\n\t\t\t\t\treturn null;\n\t\t\t\t} catch (e) {\n\t\t\t\t\tif (e instanceof PLException) {\n\t\t\t\t\t\tif (e.reason === PLErrors.Empty_Project && getConfig().mode === \"online\") return e.args[1];\n\t\t\t\t\t}\n\t\t\t\t\tconsole.error(e);\n\t\t\t\t\ttoastError(\"Failed to load project\", e.message);\n\t\t\t\t}\n\t\t\t\tawait goto(resolve(\"/\"));\n\t\t\t\treturn null;\n\t\t\t}\n\t\t}));\n\t\tif (query.isFetched && !query.isLoading && query.data) {\n\t\t\t$$renderer.push(\"<!--[0-->\");\n\t\t\t$$renderer.push(`<div class=\"flex h-100vh w-full items-center justify-center\">`);\n\t\t\tComplete_project_form($$renderer, { gatewayId: query.data });\n\t\t\t$$renderer.push(`<!----></div>`);\n\t\t} else {\n\t\t\t$$renderer.push(\"<!--[-1-->\");\n\t\t\tFull_page_project_spinner($$renderer, {});\n\t\t}\n\t\t$$renderer.push(`<!--]-->`);\n\t});\n}\n//#endregion\nexport { _page as default };\n"],"mappings":"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"}

package/dist/server/chunks/{_page.svelte-C1HyEKjK.js → _page.svelte-BmrR5-n-.js}

@@ -1,11 +1,12 @@
-import { $ as onDestroy, D as ensure_array_like, M as get$1, St as writable, _t as to_array, bt as unsubscribe_stores, dt as spread_props, f as attr, ft as store_get, g as bind_props, h as attributes, k as escape_html, m as attr_style, p as attr_class, pt as stringify, r as on, tt as props_id, w as derived, y as clsx$1 } from "./events-Bhh2w-5S.js";
-import "./internal2-CRbvkWND.js";
-import "./client-DhMlbh2c.js";
-import "./state-DHSP_spt.js";
+import { $ as onDestroy, D as ensure_array_like, M as get$1, P as getContext, St as writable, _t as to_array, bt as unsubscribe_stores, ct as setContext, dt as spread_props, f as attr, ft as store_get, g as bind_props, h as attributes, k as escape_html, m as attr_style, p as attr_class, pt as stringify, r as on, tt as props_id, w as derived, y as clsx$1 } from "./events-Bhh2w-5S.js";
+import "./internal2-CeV_cIh4.js";
+import { r as formatFrom } from "./format-DGOlJxF5.js";
+import "./client-BkmWBFaS.js";
+import "./state-DpIO_6NS.js";
 import { c as SvelteMap, t as Icon$1 } from "./loader-circle-CFNm9vip.js";
-import { $ as createId, A as PresenceManager, C as MenuRootState, D as Popper_layer, G as attachRef, H as Switch, J as boolToTrueOrUndef, K as boolToEmptyStrOrUndef, N as RovingFocusGroup, O as Popper_layer_force_mount, Q as createBitsAttrs, S as MenuMenuState, U as Switch_thumb, X as capitalize, Y as boxWith, Z as cn, _ as Floating_layer_anchor, _t as useProject, at as getDataTransitionAttrs, b as MenuContentState, ct as isElement$1, d as DOMContext, dt as noop, et as createQuery, g as Floating_layer, gt as useId, h as FloatingArrowState, ht as useDebounce, k as Portal, l as Context, lt as isFocusVisible, n as Button, ot as getDocument, p as DropdownMenuTriggerState, pt as simpleBox, q as boolToStr, r as CONTEXT_MENU_TRIGGER_ATTR, st as getFloatingContentCSSVars, t as AnimationsComplete, u as ContextMenuTriggerState, ut as mergeProps, vt as watch, w as MenuSeparatorState, x as MenuItemState, y as IsMounted, yt as tv } from "./error-Df0LgzGi.js";
-import { a as Dialog_header, c as Skeleton, i as Dialog_footer, n as Dialog_content, o as Dialog_title, r as Dialog_description, s as Input, t as Dialog } from "./logo-C422_TRA.js";
-import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-3ZC0fkGL.js";
+import { $ as createBitsAttrs, A as Portal, C as MenuMenuState, J as boolToStr, K as attachRef, O as Popper_layer, P as RovingFocusGroup, Q as cn, S as MenuItemState, T as MenuSeparatorState, U as Switch, W as Switch_thumb, X as boxWith, Y as boolToTrueOrUndef, Z as capitalize, _ as Floating_layer_anchor, _t as useId, b as Loading_button, bt as tv, ct as getFloatingContentCSSVars, d as DOMContext, dt as mergeProps, et as createId, ft as noop, g as Floating_layer, gt as useDebounce, h as FloatingArrowState, j as PresenceManager, k as Popper_layer_force_mount, l as Context, lt as isElement$1, mt as simpleBox, n as Button, ot as getDataTransitionAttrs, p as DropdownMenuTriggerState, q as boolToEmptyStrOrUndef, r as CONTEXT_MENU_TRIGGER_ATTR, st as getDocument, t as AnimationsComplete, tt as createQuery, u as ContextMenuTriggerState, ut as isFocusVisible, vt as useProject, w as MenuRootState, x as MenuContentState, y as IsMounted, yt as watch } from "./error-BGQyviUk.js";
+import { a as Dialog_header, c as Skeleton, i as Dialog_footer, n as Dialog_content, o as Dialog_title, r as Dialog_description, s as Input, t as Dialog } from "./logo-Cit4wZkS.js";
+import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-BSqYC-7k.js";
 //#region .svelte-kit/adapter-bun/entries/pages/dashboard/_page.svelte.js
 function Arrow($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -3711,6 +3712,27 @@ function Icon($$renderer, $$props) {
 }
 var currentDir = writable("");
 var joinPath = (path, name) => `${path ? `${path}/` : ""}${name}`;
+var FILE_TYPES = [
+	["ts", ["ts", "js"]],
+	["3d", ["fbd"]],
+	["song", [
+		"mp3",
+		"wav",
+		"flac"
+	]],
+	["img", [
+		"png",
+		"jpg",
+		"jpeg",
+		"gif",
+		"svg",
+		"webp"
+	]]
+];
+var getType = (name) => {
+	const [type] = FILE_TYPES.find(([, exts]) => exts.includes(name.split(".").pop())) ?? ["unknown"];
+	return type;
+};
 function Content_item($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
@@ -4200,8 +4222,16 @@ function Tabs($$renderer, $$props) {
 function Base_dialog($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { open = false, title, description, children, confirmText, cancelText, confirmDisabled, onOpenChange, onConfirm } = $$props;
-		const confirm = () => {
-			onConfirm?.();
+		let isLoading = false;
+		const confirm = async () => {
+			isLoading = true;
+			try {
+				await onConfirm?.();
+			} catch (e) {
+				isLoading = false;
+				throw e;
+			}
+			isLoading = false;
 			open = false;
 			onOpenChange?.(false);
 		};
@@ -4266,7 +4296,8 @@ function Base_dialog($$renderer, $$props) {
 										$$slots: { default: true }
 									});
 									$$renderer.push(`<!----> `);
-									Button($$renderer, {
+									Loading_button($$renderer, {
+										loading: isLoading,
 										disabled: confirmDisabled,
 										onclick: confirm,
 										children: ($$renderer) => {
@@ -4437,7 +4468,7 @@ function Input_dialog($$renderer, $$props) {
 }
 function Dialog_name($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { open = false, title, nameText, nameValue = "", confirmText, onConfirm } = $$props;
+		let { open = false, title, nameText, nameValue = "", confirmText, onConfirm, validate } = $$props;
 		const handleEnterConfirm = (confirm) => (e) => {
 			if (e.key === "Enter") {
 				e.preventDefault();
@@ -4445,11 +4476,13 @@ function Dialog_name($$renderer, $$props) {
 				confirm();
 			}
 		};
-		const handleConfirm = () => {
+		const handleConfirm = async () => {
+			if (validate?.(nameValue.trim())) return;
 			const n = nameValue.trim();
 			if (!n) throw "Name is required";
-			onConfirm?.(n);
+			await onConfirm?.(n);
 		};
+		const error = derived(() => validate?.(nameValue.trim()));
 		const reset = () => {
 			nameValue = "";
 		};
@@ -4470,7 +4503,12 @@ function Dialog_name($$renderer, $$props) {
 							$$settled = false;
 						}
 					});
-					$$renderer.push(`<!----></div>`);
+					$$renderer.push(`<!----> `);
+					if (error()) {
+						$$renderer.push("<!--[0-->");
+						$$renderer.push(`<span class="text-xs text-destructive">Error: ${escape_html(error())}</span>`);
+					} else $$renderer.push("<!--[-1-->");
+					$$renderer.push(`<!--]--></div>`);
 				}
 				Input_dialog($$renderer, {
 					title,
@@ -4911,6 +4949,13 @@ function Package_row($$renderer, $$props) {
 		};
 		const onOpenCode = (e) => {
 			e.stopPropagation();
+			const item = get$1(pkg());
+			if (type === "library" || !item.path) return;
+			tabsStore.openTab({
+				type: getType(item.path),
+				title: item.path.split("/").at(-1) ?? item.name,
+				metadata: { path: item.path }
+			});
 		};
 		const handleDelete = () => {
 			handle.delete();
@@ -4965,6 +5010,7 @@ function Package_row($$renderer, $$props) {
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Button($$renderer, {
+								disabled: type === "library",
 								variant: "ghost",
 								size: "icon",
 								class: "text-destructive hover:text-destructive hover:bg-destructive/20",
@@ -5005,6 +5051,7 @@ function Package_row($$renderer, $$props) {
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Context_menu_item($$renderer, {
+								disabled: type === "library",
 								variant: "destructive",
 								onclick: onDelete,
 								children: ($$renderer) => {
@@ -5033,7 +5080,7 @@ function Package_row($$renderer, $$props) {
 }
 function Dialog_create_package($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
-		let { name, open = false, onConfirm } = $$props;
+		let { name, open = false, onConfirm, validate } = $$props;
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
@@ -5041,6 +5088,7 @@ function Dialog_create_package($$renderer, $$props) {
 				title: `Create ${name}`,
 				nameText: `${name} name`,
 				onConfirm,
+				validate,
 				get open() {
 					return open;
 				},
@@ -5245,21 +5293,25 @@ function Package_tab($$renderer, $$props) {
 		const packages = derived(() => manager.store);
 		const nameCapitalized = derived(() => capitalize(type));
 		const namePlural = derived(() => type === "library" ? "libraries" : type + "s");
+		getContext("ecsQuery");
 		let query = "";
 		const sorted = derived(() => store_get($$store_subs ??= {}, "$packages", packages()).filter((c) => !query || (c.name ?? c.id).toLowerCase().includes(query.toLowerCase())).sort((a, b) => (a.name ?? a.id).localeCompare(b.name ?? b.id)));
 		let createOpen = false;
 		let importOpen = false;
-		const handleCreate = (name) => {
-			manager.add({
-				name,
-				params: []
-			});
+		const handleCreate = async (name) => {
+			if (!("create" in manager)) throw new Error(`Cannot create in library - use the "Import Library" button instead.`);
+			await manager.create(name);
 		};
-		const handleImport = (name) => {
-			manager.add({
-				name,
-				params: []
-			});
+		const handleImport = async (names) => {
+			if (!("import" in manager)) throw new Error(`Cannot import in library`);
+			await manager.import([names]);
+		};
+		const validate = (raw, suffix = nameCapitalized()) => {
+			if (!raw) return "Name is required";
+			const name = `${formatFrom.all(raw)[type === "system" ? "toCamel" : "toPascal"]()}${suffix}`;
+			console.log(name, store_get($$store_subs ??= {}, "$packages", packages()));
+			if (store_get($$store_subs ??= {}, "$packages", packages()).find((p) => p.id === name)) return `${nameCapitalized()} already exists`;
+			return null;
 		};
 		let $$settled = true;
 		let $$inner_renderer;
@@ -5267,6 +5319,7 @@ function Package_tab($$renderer, $$props) {
 			Dialog_create_package($$renderer, {
 				name: nameCapitalized(),
 				onConfirm: handleCreate,
+				validate,
 				get open() {
 					return createOpen;
 				},
@@ -5346,6 +5399,7 @@ function Package_tab($$renderer, $$props) {
 							}]));
 						}
 						Dropdown_menu_trigger($$renderer, {
+							disabled: type === "library",
 							child,
 							$$slots: { child: true }
 						});
@@ -5438,6 +5492,15 @@ function Widget$2($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		const { ecs } = useProject();
 		let selectedTab = "scenes";
+		let query = {
+			entities: "",
+			packages: ""
+		};
+		const selectTab = (tab) => {
+			selectedTab = tab;
+		};
+		setContext("selectTab", selectTab);
+		setContext("ecsQuery", query);
 		let $$settled = true;
 		let $$inner_renderer;
 		function $$render_inner($$renderer) {
@@ -6246,4 +6309,4 @@ function _page($$renderer, $$props) {
 //#endregion
 export { _page as default };
 
-//# sourceMappingURL=_page.svelte-C1HyEKjK.js.map
+//# sourceMappingURL=_page.svelte-BmrR5-n-.js.map