@nanoforge-dev/editor 0.0.1 → 0.0.2-beta.394e65b

package/dist/client/_app/immutable/nodes/2.BK6m2FYa.js

@@ -0,0 +1 @@
+import{D as e,Dt as t,H as n,I as r,L as i,M as a,Mt as o,N as s,Ot as c,R as l,S as u,St as d,T as f,Z as p,_ as m,a as h,ct as g,et as _,ft as v,h as y,j as b,k as x,nt as S,ot as C,pt as w,s as T,tt as E,ut as D,v as O,w as k,xt as A,yt as j}from"../chunks/ZLGReh43.js";import{a as M}from"../chunks/BDBSsbMb.js";import{At as N,Tt as ee,bt as P,c as te,dt as F,mt as I,n as L,ot as ne,s as R,t as z,ut as re,vt as ie}from"../chunks/BApLQfqY.js";import{a as B,c as V,i as ae,l as H,n as U,o as W,r as G,s as K,t as q,u as J}from"../chunks/DfAL3LhV.js";import"../chunks/xihTtKlq.js";import"../chunks/orCHVlgT.js";import{c as Y,l as X,n as oe,r as se,t as ce}from"../chunks/Coa6r0tY.js";var le=o({}),ue=s(`<div class="flex items-center gap-3 px-2 py-2"><!> <div class="flex flex-col gap-1.5 flex-1 min-w-0"><!> <!></div></div>`),de=s(`<div class="flex flex-col gap-1"></div>`);function fe(e){var t=de();k(t,4,()=>({length:3}),f,(e,t)=>{var n=ue(),r=_(n);X(r,{class:`size-9 rounded-md shrink-0`});var i=S(r,2),a=_(i);X(a,{class:`h-3.5 w-3/4`}),X(S(a,2),{class:`h-3 w-1/2`}),c(i),c(n),b(e,n)}),c(t),b(e,t)}``+new URL(`../assets/defaultProjectCover.BHxYINJa.png`,import.meta.url).href;var pe=s(`<div class="h-full w-full flex items-center justify-center"><!></div>`),me=s(`<button aria-label="Remove project" title="Remove project"><div class="i-ic-round-close text-destructive text-xl"></div></button>`),he=s(`<div class="flex items-center"><button><img class="size-9 rounded-md object-cover shrink-0"/> <span class="flex flex-col min-w-0"><span class="text-sm font-medium truncate"> </span> <span class="text-xs text-muted-foreground truncate"> </span></span></button> <div class="h-full aspect-square"><!></div></div>`);function ge(t,n){d(n,!0);var r=he(),i=_(r),a=_(i),o=S(a,2),s=_(o),u=_(s,!0);c(s);var f=S(s,2),h=_(f,!0);c(f),c(o),c(i);var g=S(i,2),v=_(g),C=e=>{var t=pe();R(_(t),{class:`text-xl`}),c(t),b(e,t)},w=e=>{var t=me();p(()=>{t.disabled=n.disabled,m(t,1,O([`h-full w-full p-2 flex items-center justify-center rounded-lg transition-colors`,n.disabled?`opacity-50 cursor-not-allowed`:`cursor-pointer hover:bg-muted/50`]))}),l(`click`,t,function(...e){n.onRemove?.apply(this,e)}),b(e,t)};e(v,e=>{n.isLoading?e(C):e(w,-1)}),c(g),c(r),p(()=>{i.disabled=n.disabled||n.isLoading||n.project.invalid,m(i,1,O([`flex items-center gap-3 p-2 rounded-lg transition-colors text-left w-[calc(100%-3.25rem)]`,n.disabled||n.isLoading||n.project.invalid?`opacity-50 cursor-not-allowed`:`cursor-pointer hover:bg-muted/50`])),y(a,`alt`,`${n.project.name??`Unknown`??``} cover`),y(a,`src`,n.project.imageUrl||``+new URL(`../assets/defaultProjectCover.BHxYINJa.png`,import.meta.url).href),x(u,n.project.name??`Unknown`),x(h,n.project.resolvable)}),l(`click`,i,function(...e){n.onClick?.apply(this,e)}),b(t,r),A()}i([`click`]);function Z(e,t){d(t,!0);let r=()=>w(o,`$form`,i),[i,a]=v(),{form:o}=j(`form`)();ae(e,{get name(){return t.name},get label(){return t.label},get class(){return t.class},get classNames(){return t.classNames},get description(){return t.description},children:(e,i)=>{let a=()=>i?.().props;{let i=D(()=>t.type??`text`),s=D(()=>t.classNames?.input),c=D(()=>r()[t.name]??``);oe(e,T(a,{get type(){return n(i)},get placeholder(){return t.placeholder},get class(){return n(s)},get value(){return n(c)},oninput:e=>o.update(n=>({...n,[t.name]:e.currentTarget.value}))}))}},$$slots:{default:!0}}),A(),a()}var _e=s(`<div><p class="toggle-row-title">Multiplayer server</p> <p class="toggle-row-desc">Enable real-time collaboration</p></div> <!>`,1),ve=s(`<div><p class="toggle-row-title">Docker containerization</p> <p class="toggle-row-desc">Bundle with a Dockerfile</p></div> <!>`,1),ye=s(`<div><p class="toggle-row-title">Git repository</p> <p class="toggle-row-desc">Initialize with git init</p></div> <!>`,1),be=s(`<div class="flex flex-col gap-5"><!> <div class="flex justify-around flex-wrap gap-2"><!> <!></div> <div class="flex flex-col gap-1"><!> <!> <!></div> <!></div>`),xe=s(`<div class="modal-header"><div class="modal-icon-badge"><span class="i-ic-baseline-add text-primary text-lg"></span></div> <div><h2 class="text-sm font-semibold text-foreground tracking-tight leading-tight">Create project</h2> <p class="text-xs text-muted-foreground mt-0.5">Scaffold a new workspace</p></div></div> <div class="modal-divider"></div> <div class="modal-body"><!> <button type="button" class="group flex items-center gap-3 cursor-pointer w-full"><span class="flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-widest text-muted-foreground transition-colors duration-150">Advanced <span></span></span></button> <!></div> <div class="modal-footer"><!> <!></div>`,1);function Se(i,a){d(a,!0);let o=()=>w(x,`$form`,u),s=()=>w(T,`$submitting`,u),[u,f]=v(),h=g(!1),y=q({schema:H({projectName:J().min(1,`Project name is required`).regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/),projectPath:J().optional(),packageManager:K([`npm`,`yarn`,`pnpm`,`bun`]).default(`pnpm`),language:K([`ts`,`js`]).default(`ts`),multiplayerServer:V().default(!1),dockerContainerization:V().default(!1),createGitRepository:V().default(!1),gitRemote:J().optional()}),defaultValues:{projectName:``,projectPath:``,packageManager:`pnpm`,language:`ts`,multiplayerServer:!1,dockerContainerization:!1,createGitRepository:!1,gitRemote:``},onSubmit:k}),{form:x,submitting:T}=y;async function k(e){await z(`create project`,async()=>{await M(`/dashboard?id=${(await I.create(e)).id}`)})}let j=D(()=>{let e=o().projectName||`<project-name>`,t=o().projectPath||``;return t.startsWith(`/`)||!t.startsWith(`./`)&&!t.startsWith(`../`)&&(t=`./${t}`),t.endsWith(`/`)||(t=`${t}/`),`${t}${e}`});W(i,{get form(){return y},class:`w-full`,children:(i,u)=>{var d=xe(),f=S(E(d),4),g=_(f);Z(g,{name:`projectName`,label:`Project name`,placeholder:`nanoforge-app`});var v=S(g,2),y=_(v),x=S(_(y));c(y),c(v);var w=S(v,2),T=t=>{var r=be(),i=_(r);{let e=D(()=>`The full path will be '${n(j)}'`);Z(i,{name:`projectPath`,label:`Project path`,placeholder:`/home/user/projects`,get description(){return n(e)}})}var a=S(i,2),s=_(a);G(s,{name:`language`,label:`Language`,classNames:{trigger:`w-40 p-4`,content:`p-2`,item:`p-2`},options:[{value:`ts`,label:`Typescript`},{value:`js`,label:`Javascript`}]}),G(S(s,2),{name:`packageManager`,label:`Package manager`,classNames:{trigger:`w-40 p-4`,content:`p-2`,item:`p-2`},options:[{value:`npm`,label:`npm`},{value:`yarn`,label:`yarn`},{value:`pnpm`,label:`pnpm`},{value:`bun`,label:`bun`}]}),c(a);var l=S(a,2),u=_(l);B(u,{class:`toggle-row`,children:(e,t)=>{var n=_e();U(S(E(n),2),{name:`multiplayerServer`}),b(e,n)},$$slots:{default:!0}});var d=S(u,2);B(d,{class:`toggle-row`,children:(e,t)=>{var n=ve();U(S(E(n),2),{name:`dockerContainerization`}),b(e,n)},$$slots:{default:!0}}),B(S(d,2),{class:`toggle-row`,children:(e,t)=>{var n=ye();U(S(E(n),2),{name:`createGitRepository`}),b(e,n)},$$slots:{default:!0}}),c(l);var f=S(l,2),p=e=>{Z(e,{name:`gitRemote`,label:`Git remote URL`,placeholder:`https://github.com/user/repo.git`})};e(f,e=>{o().createGitRepository&&e(p)}),c(r),b(t,r)};e(w,e=>{n(h)&&e(T)}),c(f);var k=S(f,2),A=_(k);F(A,{type:`button`,variant:`ghost`,get onclick(){return a.onClose},class:`btn-ghost`,children:(e,n)=>{t(),b(e,r(`Cancel`))},$$slots:{default:!0}}),L(S(A,2),{type:`submit`,get loading(){return s()},class:`btn-primary`,children:(e,n)=>{t(),b(e,r(`Create project`))},$$slots:{default:!0}}),c(k),p(()=>m(x,1,O(n(h)?`i-ic-baseline-keyboard-arrow-up text-sm`:`i-ic-baseline-keyboard-arrow-down text-sm`))),l(`click`,v,()=>C(h,!n(h))),b(i,d)},$$slots:{default:!0}}),A(),f()}i([`click`]);function Ce(e,t){d(t,!0);let n=h(t,`open`,15),r=()=>{n(!1)};var i=a();u(E(i),()=>se,(e,t)=>{t(e,{get open(){return n()},set open(e){n(e)},children:(e,t)=>{var n=a();u(E(n),()=>Y,(e,t)=>{t(e,{showCloseButton:!1,class:`p-0 gap-0 sm:max-w-xl w-[90vw] overflow-hidden`,children:(e,t)=>{Se(e,{onClose:r})},$$slots:{default:!0}})}),b(e,n)},$$slots:{default:!0}})}),b(e,i),A()}var we=s(`<header class="h-14 flex items-center px-4 border-b border-border/40"><div class="flex items-center gap-2.5"><img alt="Logo" class="h-7 w-7 rounded-full"/> <span class="font-bold">Nanoforge - Editor</span></div></header>`);function Te(e){var n=we(),r=_(n),i=_(r);t(2),c(r),c(n),p(()=>y(i,`src`,ce)),b(e,n)}var Ee=s(`<span class="i-ic-baseline-add"></span> Create project`,1),De=s(`<span class="i-ic-baseline-folder-open"></span> Open project`,1),Oe=s(`<!> <!>`,1);function ke(e,n){var r=Oe(),i=E(r);F(i,{variant:`ghost`,size:`lg`,class:`justify-start gap-2 w-full`,get onclick(){return n.handleCreateProject},children:(e,n)=>{var r=Ee();t(),b(e,r)},$$slots:{default:!0}}),F(S(i,2),{variant:`ghost`,size:`lg`,class:`justify-start gap-2 w-full`,get onclick(){return n.handleOpenProject},children:(e,n)=>{var r=De();t(),b(e,r)},$$slots:{default:!0}}),b(e,r)}var Ae=s(`<span class="i-ic-baseline-open-in-new"></span> Create project`,1),je=s(`<span class="i-ic-baseline-open-in-new"></span> Open project`,1),Me=s(`<a><!></a> <a><!></a>`,1);function Ne(e){let n=`https://projects.nanoforge.eu`,r=`${n}/dashboard/projects`,i=`${n}/dashboard/projects`;var a=Me(),o=E(a);F(_(o),{variant:`link`,size:`lg`,class:`justify-start gap-2 w-full text-foreground`,children:(e,n)=>{var r=Ae();t(),b(e,r)},$$slots:{default:!0}}),c(o);var s=S(o,2);F(_(s),{variant:`link`,size:`lg`,class:`justify-start gap-2 w-full text-foreground`,children:(e,n)=>{var r=je();t(),b(e,r)},$$slots:{default:!0}}),c(s),p(()=>{y(o,`href`,r),y(s,`href`,i)}),b(e,a)}var Pe=s(`<div class="modal-header"><div class="modal-icon-badge"><span class="i-ic-baseline-folder-open text-primary text-lg"></span></div> <div><h2 class="text-sm font-semibold text-foreground tracking-tight leading-tight">Open project</h2> <p class="text-xs text-muted-foreground mt-0.5">Open a project</p></div></div> <div class="modal-divider"></div> <div class="modal-body"><!></div> <div class="modal-footer"><!> <!></div>`,1);function Q(e,i){d(i,!0);let a=()=>w(f,`$form`,s),o=()=>w(p,`$submitting`,s),[s,l]=v(),u=q({schema:H({path:J().min(1,`Path is required`)}),defaultValues:{path:``},onSubmit:m}),{form:f,submitting:p}=u;async function m(e){await z(`open project`,async()=>{await M(`/dashboard?id=${(await I.loadFromPath(e.path)).id}`)})}let h=D(()=>{let e=a().path||``;return e.startsWith(`/`)||!e.startsWith(`./`)&&!e.startsWith(`../`)&&(e=`./${e}`),e});W(e,{get form(){return u},class:`w-full`,children:(e,a)=>{var s=Pe(),l=S(E(s),4),u=_(l);{let e=D(()=>`The path will be '${n(h)}'`);Z(u,{name:`path`,label:`Project path`,placeholder:`/home/user/project`,get description(){return n(e)}})}c(l);var d=S(l,2),f=_(d);F(f,{type:`button`,variant:`ghost`,get onclick(){return i.onClose},class:`btn-ghost`,children:(e,n)=>{t(),b(e,r(`Cancel`))},$$slots:{default:!0}}),L(S(f,2),{type:`submit`,get loading(){return o()},class:`btn-primary`,children:(e,n)=>{t(),b(e,r(`Open project`))},$$slots:{default:!0}}),c(d),b(e,s)},$$slots:{default:!0}}),A(),l()}function Fe(e,t){d(t,!0);let n=h(t,`open`,15),r=()=>{n(!1)};var i=a();u(E(i),()=>se,(e,t)=>{t(e,{get open(){return n()},set open(e){n(e)},children:(e,t)=>{var n=a();u(E(n),()=>Y,(e,t)=>{t(e,{showCloseButton:!1,class:`p-0 gap-0 sm:max-w-xl w-[90vw] overflow-hidden`,children:(e,t)=>{Q(e,{onClose:r})},$$slots:{default:!0}})}),b(e,n)},$$slots:{default:!0}})}),b(e,i),A()}var $={CacheProject:ge,CacheProjectListSkeleton:fe,CreateProjectDialog:Ce,CreateProjectForm:Se,Header:Te,OfflineProjectButtons:ke,OnlineProjectButtons:Ne,OpenProjectDialog:Fe,OpenProjectForm:Q},Ie=s(`<div class="flex flex-col gap-1"></div> <!>`,1),Le=s(`<div class="flex h-full items-center justify-center text-center"><p class="text-sm text-muted-foreground/50 mb-4 mr-4">No recent projects</p></div>`),Re=s(`<div class="flex flex-col gap-2 p-5 w-8/19"><p class="text-sm text-muted-foreground px-2 mb-1">Projects</p> <!></div> <!> <div class="p-5 flex flex-col gap-3 w-10/19 h-full"><p class="text-sm text-muted-foreground px-2 mb-1">Recent</p> <!></div>`,1),ze=s(`<!> <!> <div class="min-h-screen w-full flex flex-col bg-background text-foreground text-base"><!> <main class="flex-1 flex items-center justify-center p-6"><!></main></div>`,1);function Be(i,o){d(o,!0);let s=g(!1),l=g(!1),f=g(null),p=ee().mode===`online`,m=N(()=>({queryKey:[`projects-cache`],queryFn:async()=>P.getProjects()})),h=()=>{p||C(s,!0)},v=()=>{p||C(l,!0)},y=async e=>{try{C(f,e.id,!0),await M(`/dashboard?id=${(await I.loadFromCacheWithTryId(e)).id}`),C(f,null)}catch(t){if(t instanceof ie){await t.fb();return}console.error(`Error loading project ${e.id} (${e.resolvable}) from cache:`,t),await P.invalidateProject(e.id),await m.refetch(),C(f,null)}},x=async e=>{C(f,e.id,!0),await P.removeProject(e.id),await m.refetch(),C(f,null)},w=async()=>{C(f,!0),await P.clearProjects(),await m.refetch(),C(f,null)};var T=ze(),O=E(T);u(O,()=>$.CreateProjectDialog,(e,t)=>{t(e,{get open(){return n(s)},set open(e){C(s,e,!0)}})});var j=S(O,2);u(j,()=>$.OpenProjectDialog,(e,t)=>{t(e,{get open(){return n(l)},set open(e){C(l,e,!0)}})});var L=S(j,2),R=_(L);u(R,()=>$.Header,(e,t)=>{t(e,{})});var z=S(R,2);u(_(z),()=>ne,(i,o)=>{o(i,{class:`w-full max-w-2xl`,children:(i,o)=>{var s=a();u(E(s),()=>re,(i,o)=>{o(i,{class:`p-0 flex justify-between h-[30vh]`,children:(i,o)=>{var s=Re(),l=E(s),d=S(_(l),2),g=e=>{var t=a();u(E(t),()=>$.OnlineProjectButtons,(e,t)=>{t(e,{})}),b(e,t)},C=e=>{var t=a();u(E(t),()=>$.OfflineProjectButtons,(e,t)=>{t(e,{handleCreateProject:h,handleOpenProject:v})}),b(e,t)};e(d,e=>{p?e(g):e(C,-1)}),c(l);var T=S(l,2);te(T,{orientation:`vertical`,class:`h-auto self-stretch`});var O=S(T,2),A=S(_(O),2),j=e=>{var t=a();u(E(t),()=>$.CacheProjectListSkeleton,(e,t)=>{t(e,{})}),b(e,t)},M=e=>{var i=Ie(),o=E(i);k(o,21,()=>m.data,e=>e.id,(e,t)=>{var r=a(),i=E(r);{let e=D(()=>!!n(f)),r=D(()=>n(f)===n(t).id);u(i,()=>$.CacheProject,(i,a)=>{a(i,{get project(){return n(t)},get disabled(){return n(e)},get isLoading(){return n(r)},onClick:()=>y(n(t)),onRemove:()=>x(n(t))})})}b(e,r)}),c(o),F(S(o,2),{type:`button`,variant:`ghost`,class:`text-xs text-muted-foreground/50 hover:text-muted-foreground transition-colors self-end justify-self-end`,onclick:w,children:(e,n)=>{t(),b(e,r(`Clear cache`))},$$slots:{default:!0}}),b(e,i)},N=e=>{b(e,Le())};e(A,e=>{m.isLoading||!m.isFetched?e(j):m.data&&m.data.length>0?e(M,1):e(N,-1)}),c(O),b(i,s)},$$slots:{default:!0}})}),b(i,s)},$$slots:{default:!0}})}),c(z),c(L),b(i,T),A()}export{Be as component,le as universal};

package/dist/client/_app/immutable/nodes/9.Hjdmo-wG.js

@@ -0,0 +1 @@
+import{D as e,Dt as t,H as n,I as r,M as i,N as a,Ot as o,Q as s,S as c,St as l,ct as u,et as d,ft as f,j as p,nt as m,ot as h,pt as g,tt as _,ut as v,xt as y}from"../chunks/ZLGReh43.js";import{a as b,p as x}from"../chunks/BDBSsbMb.js";import{At as S,Tt as C,_t as w,mt as T,n as E,ot as D,t as O,vt as k,yt as A}from"../chunks/BApLQfqY.js";import{c as j,l as M,n as N,o as P,r as F,s as I,t as L}from"../chunks/DfAL3LhV.js";import"../chunks/xihTtKlq.js";import{t as R}from"../chunks/Ctc_6ReW.js";import{n as z}from"../chunks/CmuvbAn5.js";var B=a(`<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"><!> <div class="flex flex-col gap-1"><!></div></div> <div class="modal-footer"><!></div>`,1);function V(e,a){l(a,!0);let s=()=>g(k,`$submitting`,x),[x,S]=f(),C=u(!1),w=L({schema:M({language:I([`ts`,`js`]).default(`ts`),multiplayerServer:j().default(!1)}),defaultValues:{language:`ts`,multiplayerServer:!1},onSubmit:async e=>{h(C,!0),await O(`create project`,async()=>{await b(`/dashboard?id=${(await T.complete({...e,gatewayId:a.gatewayId})).id}`)},()=>{h(C,!1)})}}),{submitting:k}=w;var A=i();c(_(A),()=>D,(e,i)=>{i(e,{class:`w-full max-w-lg p-4`,children:(e,i)=>{P(e,{get form(){return w},class:`w-full`,children:(e,i)=>{var a=B(),c=m(_(a),2),l=d(c);F(l,{name:`language`,label:`Language`,classNames:{trigger:`w-40 p-4`,content:`p-2`,item:`p-2`},options:[{value:`ts`,label:`Typescript`},{value:`js`,label:`Javascript`}]});var u=m(l,2);N(d(u),{label:`Multiplayer game`,name:`multiplayerServer`}),o(u),o(c);var f=m(c,2),h=d(f);{let e=v(()=>s()||n(C));E(h,{type:`submit`,size:`lg`,get loading(){return n(e)},class:`btn-primary px-6`,children:(e,n)=>{t(),p(e,r(`Init Project`))},$$slots:{default:!0}})}o(f),p(e,a)},$$slots:{default:!0}})},$$slots:{default:!0}})}),p(e,A),y(),S()}var H=a(`<div class="flex h-100vh w-full items-center justify-center"><!></div>`);function U(t,n){l(n,!0);let r=()=>{if(C().mode===`offline`){let e=R.url.searchParams.get(`path`);return e?{path:e}:null}else{let e=R.url.searchParams.get(`gatewayId`);return e?{gatewayId:e}:null}},a=R.url.searchParams.get(`id`),c=r();s(()=>{if(!a&&!c)throw b(x(`/`)),Error(`No resolvable`)});let u=S(()=>({queryKey:[`load`,`verify`,c?`path`in c?c.path:c.gatewayId:``],queryFn:async()=>{if(!a&&!c)throw Error(`No resolvable`);if(a)try{await b(x(`/dashboard?id=${(await T.loadFromId(a)).id}`))}catch(e){if(e instanceof k&&e.reason===w.Empty_Project&&C().mode===`online`)return e.args[1];console.error(e),A(`Failed to load project from id`,e.message)}if(c)try{return await b(x(`/dashboard?id=${(await(`path`in c?T.loadFromPath(c.path):T.loadFromGatewayId(c.gatewayId))).id}`)),null}catch(e){if(e instanceof k&&e.reason===w.Empty_Project&&C().mode===`online`)return e.args[1];console.error(e),A(`Failed to load project`,e.message)}return await b(x(`/`)),null}}));var f=i(),m=_(f),h=e=>{var t=H();V(d(t),{get gatewayId(){return u.data}}),o(t),p(e,t)},g=e=>{z(e,{})};e(m,e=>{u.isFetched&&!u.isLoading&&u.data?e(h):e(g,-1)}),p(t,f),y()}export{U as component};