@nanoforge-dev/editor 0.0.2-beta.f0560db → 0.0.2-beta.fb82bf8

package/dist/server/chunks/{_page.svelte-CKCWxyuV.js → _page.svelte-Dyt-dT8R.js}

@@ -1,12 +1,12 @@
-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-CymmS2kD.js";
+import { C as escape_html, K as props_id, O as getContext, S as ensure_array_like, T as get, U as on, W as onDestroy, at as stringify, c as attr_class, d as bind_props, et as setContext, it as store_get, l as attr_style, lt as unsubscribe_stores, m as clsx$1, rt as spread_props, s as attr, st as to_array, u as attributes, ut as writable, y as derived } from "./index-server-BthNUqCR.js";
+import "./internal2-BzKdwDhb.js";
 import { r as formatFrom } from "./format-DGOlJxF5.js";
-import "./client-wcMzlYMJ.js";
-import "./state-t8aj5-Cf.js";
-import { c as SvelteMap, t as Icon$1 } from "./loader-circle-CFNm9vip.js";
-import { $ as createBitsAttrs, A as Portal, C as MenuMenuState, I as Select, J as boolToStr, K as attachRef, L as Select_content, O as Popper_layer, P as RovingFocusGroup, Q as cn, R as Select_item, S as MenuItemState, T as MenuSeparatorState, U as Switch, V as Spinner, 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, z as Select_trigger } from "./error-yRLerN6-.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-DQvU3yHs.js";
-import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-WpOsdMow.js";
+import "./client-Crw1nXFW.js";
+import "./state-Ds3woX9L.js";
+import { c as SvelteMap, t as Icon$1 } from "./loader-circle-C4T0os4K.js";
+import { $ as createBitsAttrs, A as Portal, C as MenuMenuState, I as Select, J as boolToStr, K as attachRef, L as Select_content, O as Popper_layer, P as RovingFocusGroup, Q as cn, R as Select_item, S as MenuItemState, T as MenuSeparatorState, U as Switch, V as Spinner, 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, z as Select_trigger } from "./error-Bqe4QUEz.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-CZA0eXUA.js";
+import { n as Progress_bar, t as Full_page_project_spinner } from "./project-loader-BDWXp4na.js";
 //#region .svelte-kit/adapter-bun/entries/pages/dashboard/_page.svelte.js
 function Arrow($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
@@ -3159,7 +3159,7 @@ function createTabsStore() {
 		set(initialState);
 	}
 	async function findExistingTab(tab) {
-		const tabs = get$1({ subscribe }).tabs;
+		const tabs = get({ subscribe }).tabs;
 		if (tab.metadata?.path) {
 			for (const t of tabs) {
 				if (!t.metadata?.path) continue;
@@ -3222,7 +3222,7 @@ function EditorGame($$renderer, $$props) {
 			$$renderer.push("<!--[-1-->");
 			$$renderer.push(`<button aria-label="Pause" class="h-fit cursor-pointer hover:bg-neutral-700 rounded-md"><span class="block h-7 w-7 i-ic-round-pause text-yellow"></span></button>`);
 		}
-		$$renderer.push(`<!--]--> <button aria-label="Stop"${attr_class(`h-fit ${gameState === GameState.PLAY ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-stop ${gameState === GameState.PLAY ? "text-red-600" : "text-red-950"}`)}></span></button> <button aria-label="Reload from server"${attr_class(`h-fit ${gameState !== GameState.RELOAD_FROM_SERVER ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-autorenew ${gameState !== GameState.RELOAD_FROM_SERVER ? "text-blue-500" : "text-blue-950"}`)}></span></button></div></div> <div class="h-full w-full bg-black mb-8"><div class="editor-game-container svelte-1rzbbvo"></div></div></div></div>`);
+		$$renderer.push(`<!--]--> <button aria-label="Stop"${attr_class(`h-fit ${gameState === GameState.PLAY ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-stop ${gameState === GameState.PLAY ? "text-red-600" : "text-red-950"}`)}></span></button> <button aria-label="Reload from server"${attr_class(`h-fit ${gameState !== GameState.RELOAD_FROM_SERVER ? "cursor-pointer hover:bg-neutral-700" : ""} rounded-md`)}><span${attr_class(`block h-7 w-7 i-ic-round-autorenew ${gameState !== GameState.RELOAD_FROM_SERVER ? "text-sky-600" : "text-sky-950"}`)}></span></button></div></div> <div class="h-full w-full bg-black mb-8"><div class="editor-game-container svelte-1rzbbvo"></div></div></div></div>`);
 	});
 }
 var exampleLogs = [
@@ -4142,7 +4142,7 @@ function Tabs_trigger($$renderer, $$props) {
 				Tabs_trigger$1($$renderer, spread_props([
 					{
 						"data-slot": "tabs-trigger",
-						class: cn("gap-1.5 border-b-2 border-transparent duration-300 px-1.5 py-0.5 text-sm font-medium has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input data-[state=active]:border-primary dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className)
+						class: cn("gap-1.5 border-b-2 border-transparent duration-300 px-1.5 py-0.5 text-sm font-medium hover:cursor-pointer has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 group-data-[variant=default]/tabs-list:data-[state=active]:shadow-sm group-data-[variant=line]/tabs-list:data-[state=active]:shadow-none [&_svg:not([class*='size-'])]:size-4 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center whitespace-nowrap transition-all group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0", "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:border-transparent dark:group-data-[variant=line]/tabs-list:data-[state=active]:bg-transparent", "data-[state=active]:bg-background dark:data-[state=active]:text-foreground dark:data-[state=active]:border-input data-[state=active]:border-primary dark:data-[state=active]:bg-input/30 data-[state=active]:text-foreground", "after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-[state=active]:after:opacity-100", className)
 					},
 					restProps,
 					{
@@ -4946,12 +4946,12 @@ function Package_row($$renderer, $$props) {
 			if (type === "component") {
 				const entity = ecs.scenes.activeData.entities.selectedData;
 				if (!entity) return;
-				entity.components.add(get$1(pkg()).id);
-			} else ecs.scenes.activeData.systems.add(get$1(pkg()).id);
+				entity.components.add(get(pkg()).id);
+			} else ecs.scenes.activeData.systems.add(get(pkg()).id);
 		};
 		const onOpenCode = (e) => {
 			e.stopPropagation();
-			const item = get$1(pkg());
+			const item = get(pkg());
 			if (type === "library" || !item.path) return;
 			tabsStore.openTab({
 				type: getType(item.path),
@@ -5125,35 +5125,18 @@ function Dialog_create_package($$renderer, $$props) {
 		bind_props($$props, { open });
 	});
 }
-function Dialog_import_package($$renderer, $$props) {
-	$$renderer.component(($$renderer) => {
-		let { name, open = false, onConfirm } = $$props;
-		let $$settled = true;
-		let $$inner_renderer;
-		function $$render_inner($$renderer) {
-			Dialog_name($$renderer, {
-				title: `Import ${name}`,
-				nameText: `${name} name`,
-				confirmText: "Import",
-				onConfirm,
-				get open() {
-					return open;
-				},
-				set open($$value) {
-					open = $$value;
-					$$settled = false;
-				}
-			});
-		}
-		do {
-			$$settled = true;
-			$$inner_renderer = $$renderer.copy();
-			$$render_inner($$inner_renderer);
-		} while (!$$settled);
-		$$renderer.subsume($$inner_renderer);
-		bind_props($$props, { open });
-	});
-}
+tv({
+	base: "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive group/badge inline-flex w-fit shrink-0 items-center justify-center overflow-hidden whitespace-nowrap transition-colors focus-visible:ring-[3px] [&>svg]:pointer-events-none",
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50",
+		link: "text-primary underline-offset-4 hover:underline"
+	} },
+	defaultVariants: { variant: "default" }
+});
 function Scroll_area_scrollbar($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		let { ref = null, class: className, orientation = "vertical", children, $$slots, $$events, ...restProps } = $$props;
@@ -5304,6 +5287,13 @@ function Scroll_area($$renderer, $$props) {
 		});
 	});
 }
+var MARKETPLACE_CONTEXT_KEY = "marketplace";
+function setMarketplaceContext(ctx) {
+	setContext(MARKETPLACE_CONTEXT_KEY, ctx);
+}
+function getMarketplaceContext() {
+	return getContext(MARKETPLACE_CONTEXT_KEY);
+}
 function Package_tab($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
@@ -5312,18 +5302,14 @@ function Package_tab($$renderer, $$props) {
 		const nameCapitalized = derived(() => capitalize(type));
 		const namePlural = derived(() => type === "library" ? "libraries" : type + "s");
 		getContext("ecsQuery");
+		const marketplace = getMarketplaceContext();
 		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 = 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 = 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}`;
@@ -5346,18 +5332,6 @@ function Package_tab($$renderer, $$props) {
 					$$settled = false;
 				}
 			});
-			$$renderer.push(`<!----> `);
-			Dialog_import_package($$renderer, {
-				name: nameCapitalized(),
-				onConfirm: handleImport,
-				get open() {
-					return importOpen;
-				},
-				set open($$value) {
-					importOpen = $$value;
-					$$settled = false;
-				}
-			});
 			$$renderer.push(`<!----> <div class="flex flex-col flex-1 min-h-0"><div class="flex items-center gap-1.5 px-2 py-1.5 border-b border-border shrink-0">`);
 			Input_group($$renderer, {
 				children: ($$renderer) => {
@@ -5438,7 +5412,7 @@ function Package_tab($$renderer, $$props) {
 							} else $$renderer.push("<!--[-1-->");
 							$$renderer.push(`<!--]--> `);
 							Dropdown_menu_item($$renderer, {
-								onclick: () => importOpen = true,
+								onclick: () => marketplace.open(),
 								children: ($$renderer) => {
 									$$renderer.push(`<span class="i-ic-baseline-file-upload mr-2 text-sm"></span> Import`);
 								},
@@ -5534,7 +5508,7 @@ function Widget$2($$renderer, $$props) {
 				children: ($$renderer) => {
 					Tabs_list($$renderer, {
 						variant: "line",
-						class: "w-full justify-start rounded-none border-b border-border bg-neutral-800 shrink-0 h-auto py-0 px-0 gap-0",
+						class: "w-full justify-start rounded-none border-b border-border bg-neutral-800 shrink-0 h-auto py-0 px-0 gap-0 overflow-x-scroll",
 						children: ($$renderer) => {
 							Tabs_trigger($$renderer, {
 								value: "scenes",
@@ -6386,6 +6360,7 @@ var tabRegistry = {
 function _page($$renderer, $$props) {
 	$$renderer.component(($$renderer) => {
 		var $$store_subs;
+		setMarketplaceContext({ open: () => true });
 		let tab = derived(() => store_get($$store_subs ??= {}, "$tabsStore", tabsStore).tabs.find((t) => t.id === store_get($$store_subs ??= {}, "$tabsStore", tabsStore).selectedTabId));
 		derived(() => tab() ? tabRegistry[tab().type]?.component : null);
 		let $$settled = true;
@@ -6407,4 +6382,4 @@ function _page($$renderer, $$props) {
 //#endregion
 export { _page as default };
 
-//# sourceMappingURL=_page.svelte-CKCWxyuV.js.map
+//# sourceMappingURL=_page.svelte-Dyt-dT8R.js.map