@jxsuite/studio 1.4.0 → 1.5.0

package/dist/studio.js

@@ -194278,6 +194278,7 @@ var init_schema = __esm(() => {
               "resolvePaths",
               "lower",
               "emit",
+              "assets",
               "mount",
               "dialect",
               "deploySchema",
@@ -227456,6 +227457,9 @@ function renderNode(def3, state, options) {
     return renderCustomElementWithProps(def3, localState, options, path);
   }
   if (def3.$props) {
+    if (tagName.includes("-")) {
+      return renderCustomElementWithProps(def3, localState, options, path);
+    }
     const { $props: _$props, ...rest } = def3;
     return renderNode(rest, mergeProps(def3, localState), options);
   }
@@ -231127,7 +231131,7 @@ var init_ensure_deps = __esm(() => {
 });
 
 // src/version.ts
-var APP_NAME = "Jx Studio", VERSION = "1.4.0", BUILD_DATE = "2026-07-22T20:26:33.473Z", GIT_COMMIT = "df4196e", LINKS;
+var APP_NAME = "Jx Studio", VERSION = "1.5.0", BUILD_DATE = "2026-07-24T17:03:27.940Z", GIT_COMMIT = "82d8aa9", LINKS;
 var init_version = __esm(() => {
   LINKS = {
     github: "https://github.com/jxsuite/jx",
@@ -249428,7 +249432,7 @@ function promptComponentName(defaultName) {
           <sp-textfield
             placeholder="my-component"
             value=${value}
-            ?negative=${Boolean(error)}
+            ?invalid=${Boolean(error)}
             @input=${onInput2}
             @keydown=${onKeydown2}
             ${ref2((el) => {
@@ -262281,7 +262285,7 @@ async function promptRepeaterConfig(defs) {
                       size="s"
                       placeholder="myItems"
                       .value=${newDefName2}
-                      ?negative=${Boolean(error)}
+                      ?invalid=${Boolean(error)}
                       @input=${(e) => {
         newDefName2 = e.target.value || "";
         error = "";
@@ -295447,6 +295451,7 @@ init_parse();
 init_platform3();
 init_layers();
 var _handle2 = null;
+var _mode = "add";
 var _repos = null;
 var _filter = "";
 var _error = "";
@@ -295456,10 +295461,20 @@ function platformSupportsAddRepo() {
   const platform3 = getPlatform();
   return typeof platform3.listRepos === "function" && typeof platform3.importProject === "function";
 }
+function platformUsesRepoPicker() {
+  return getPlatform().openProjectPicker === "repo-list" && platformSupportsAddRepo();
+}
 function openAddRepoModal() {
+  return openPicker("add");
+}
+function openProjectPickerModal() {
+  return openPicker("open");
+}
+function openPicker(mode) {
   if (_handle2) {
     return Promise.resolve(null);
   }
+  _mode = mode;
   _repos = null;
   _filter = "";
   _error = "";
@@ -295521,7 +295536,11 @@ async function chooseRepo(repo) {
 }
 function visibleRepos() {
   const query = _filter.trim().toLowerCase();
-  const repos = _repos ?? [];
+  let repos = _repos ?? [];
+  if (_mode === "open") {
+    const writable = repos.filter((r) => r.permission === "admin" || r.permission === "write");
+    repos = [...writable.filter((r) => r.isJxProject), ...writable.filter((r) => !r.isJxProject)];
+  }
   return query ? repos.filter((r) => r.fullName.toLowerCase().includes(query)) : repos;
 }
 function repoRowTpl(repo) {
@@ -295542,15 +295561,42 @@ function repoRowTpl(repo) {
     </button>
   `;
 }
+function emptyTpl() {
+  if (_filter) {
+    return html3`<div class="add-repo-empty">No repositories match the filter.</div>`;
+  }
+  if (_mode === "open" && (_repos ?? []).length > 0) {
+    return html3`<div class="add-repo-empty">
+      No repositories with write access. Widen the Jx Suite GitHub App's repository access, or ask a
+      repository admin for write access.
+    </div>`;
+  }
+  if (needsAppInstall()) {
+    return html3`<div class="add-repo-empty">
+      No repositories are reachable yet.
+      <a
+        class="add-repo-install"
+        href=${getAccountStatus()?.appInstallUrl ?? "#"}
+        target="_blank"
+        rel="noreferrer"
+      >
+        Install the Jx Suite GitHub App
+      </a>
+      to grant repository access, then reopen this dialog.
+    </div>`;
+  }
+  return html3`<div class="add-repo-empty">
+    No repositories are reachable. Install the GitHub App (or widen its repository access) and try
+    again.
+  </div>`;
+}
 function bodyTpl() {
   if (_repos === null) {
     return html3`<div class="add-repo-empty">Loading repositories…</div>`;
   }
   const repos = visibleRepos();
   if (repos.length === 0) {
-    return html3`<div class="add-repo-empty">
-      ${_filter ? "No repositories match the filter." : "No repositories are reachable. Install the GitHub App (or widen its repository access) and try again."}
-    </div>`;
+    return emptyTpl();
   }
   return html3`<div class="add-repo-list">${repos.map((repo) => repoRowTpl(repo))}</div>`;
 }
@@ -295566,7 +295612,9 @@ function renderModal2() {
   }}
     >
       <div class="new-project-modal-header">
-        <h2 class="new-project-modal-title">Add existing repository</h2>
+        <h2 class="new-project-modal-title">
+          ${_mode === "open" ? "Open Project" : "Add existing repository"}
+        </h2>
         <sp-action-button quiet size="s" @click=${closeAddRepoModal} title="Close">
           <sp-icon-close slot="icon"></sp-icon-close>
         </sp-action-button>
@@ -295629,6 +295677,20 @@ function renderWelcome(host) {
               </svg>
               New Project...
             </button>
+            <button class="welcome-action" @click=${() => ctx.openNewProject({ tab: "starter" })}>
+              <svg
+                class="welcome-action-icon"
+                width="16"
+                height="16"
+                viewBox="0 0 16 16"
+                fill="currentColor"
+              >
+                <path
+                  d="M1 1h6v6H1V1zm1 1v4h4V2H2zm7-1h6v6H9V1zm1 1v4h4V2h-4zM1 9h6v6H1V9zm1 1v4h4v-4H2zm7-1h6v6H9V9zm1 1v4h4v-4h-4z"
+                />
+              </svg>
+              Start from an Example...
+            </button>
             <button class="welcome-action" @click=${() => ctx.openProject()}>
               <svg
                 class="welcome-action-icon"
@@ -344862,11 +344924,19 @@ var _starter = "";
 var _agentPrompt = "";
 var _paramsSeededFor = "";
 var _error3 = "";
+var _nameError = "";
 var _errorInstallUrl = "";
 function captureError(error) {
   _error3 = errorMessage(error);
   _errorInstallUrl = installUrlOf(error) ?? "";
 }
+function focusNameField() {
+  requestAnimationFrame(() => {
+    const body3 = document.querySelector(".new-project-modal-body");
+    body3?.scrollTo?.(0, 0);
+    body3?.querySelector("sp-textfield")?.focus?.();
+  });
+}
 var _creating = false;
 var _starters = [];
 var _resolve2 = null;
@@ -344886,7 +344956,7 @@ function credsForm2() {
   });
   return _credsForm;
 }
-function openNewProjectModal() {
+function openNewProjectModal(options) {
   if (_handle6) {
     return Promise.resolve(null);
   }
@@ -344897,13 +344967,14 @@ function openNewProjectModal() {
     name: "",
     url: ""
   };
-  _tab = "template";
+  _tab = options?.tab ?? "template";
   _step = "source";
   _template = "blank";
   _starter = "";
   _agentPrompt = "";
   _paramsSeededFor = "";
   _error3 = "";
+  _nameError = "";
   _errorInstallUrl = "";
   _creating = false;
   _starters = [];
@@ -344978,6 +345049,9 @@ function renderModal4() {
   };
   const onInput3 = (field) => (e20) => {
     _form2[field] = e20.target.value;
+    if (field === "name") {
+      _nameError = "";
+    }
     if (field === "name" && !_form2.directory) {
       _dirDerived = true;
     }
@@ -345051,12 +345125,14 @@ function renderModal4() {
     }
     _step = "source";
     _error3 = "";
+    _nameError = "";
     renderModal4();
   };
   const onSubmit = async () => {
     if (!_form2.name.trim()) {
-      _error3 = "Project name is required";
+      _nameError = "Project name is required";
       renderModal4();
+      focusNameField();
       return;
     }
     if (!_form2.directory.trim()) {
@@ -345064,6 +345140,7 @@ function renderModal4() {
     }
     _creating = true;
     _error3 = "";
+    _nameError = "";
     renderModal4();
     try {
       const design = collectDesign();
@@ -345081,8 +345158,9 @@ function renderModal4() {
   };
   const onAgentSubmit = async () => {
     if (!_form2.name.trim()) {
-      _error3 = "Project name is required";
+      _nameError = "Project name is required";
       renderModal4();
+      focusNameField();
       return;
     }
     if (!_form2.directory.trim()) {
@@ -345090,6 +345168,7 @@ function renderModal4() {
     }
     _creating = true;
     _error3 = "";
+    _nameError = "";
     renderModal4();
     try {
       const design = collectDesign();
@@ -345193,9 +345272,12 @@ function renderModal4() {
       <sp-textfield
         placeholder="My Site"
         .value=${_form2.name}
+        ?invalid=${Boolean(_nameError)}
         @input=${onInput3("name")}
         style="width: 100%"
-      ></sp-textfield>
+      >
+        ${_nameError ? html3`<sp-help-text slot="negative-help-text">${_nameError}</sp-help-text>` : ""}
+      </sp-textfield>
     </label>
 
     <label class="new-project-field">
@@ -345311,15 +345393,13 @@ function renderModal4() {
               </sp-tabs>
             </div>
           ` : ""}
-      <div class="new-project-modal-body">
-        ${bodyTpl3()}
-        ${_tab !== "import" && _error3 ? html3`<div class="new-project-error">
-              ${_error3}
-              ${_errorInstallUrl ? html3`<a href=${_errorInstallUrl} target="_blank" rel="noreferrer">
-                    Install the Jx Suite GitHub App →
-                  </a>` : ""}
-            </div>` : ""}
-      </div>
+      <div class="new-project-modal-body">${bodyTpl3()}</div>
+      ${_tab !== "import" && _error3 ? html3`<div class="new-project-error new-project-error--global">
+            ${_error3}
+            ${_errorInstallUrl ? html3`<a href=${_errorInstallUrl} target="_blank" rel="noreferrer">
+                  Install the Jx Suite GitHub App →
+                </a>` : ""}
+          </div>` : ""}
       <div class="new-project-modal-footer">${footerTpl()}</div>
     </div>
   `;
@@ -352082,8 +352162,8 @@ initWelcome({
     }
   },
   cloneRepository: () => cloneRepository({ openRecentProject }),
-  openNewProject: async () => {
-    const result = await openNewProjectModal();
+  openNewProject: async (options) => {
+    const result = await openNewProjectModal(options);
     if (result) {
       openRecentProject(result.root);
     }
@@ -352339,6 +352419,16 @@ function loadProject2() {
   return loadProject();
 }
 async function openProject2() {
+  if (platformUsesRepoPicker()) {
+    const picked = await openProjectPickerModal();
+    if (picked) {
+      hydrateProjectList().then(() => {
+        render3();
+      });
+      openRecentProject(picked.root);
+    }
+    return;
+  }
   const result = await openProject({
     renderActivityBar: () => renderActivityBar(),
     renderLeftPanel
@@ -352440,5 +352530,5 @@ export {
   hasUnsavedTabs
 };
 
-//# debugId=262182A9C3DB866464756E2164756E21
+//# debugId=BBAFA6ECC427CD4564756E2164756E21
 //# sourceMappingURL=studio.js.map