@jxsuite/studio 4.0.0 → 5.0.0

package/dist/chunks/studio-v38hmvx1.js

@@ -1,390 +0,0 @@
-import {
-  getCfToken,
-  setCfToken
-} from "./studio-kyh9avvv.js";
-import {
-  connectDeploy,
-  currentDeploy,
-  latestDeployment,
-  listAccounts,
-  noteDeployment,
-  platformSupportsPublish,
-  writeDeployConfig
-} from "./studio-ahjfdy6e.js";
-import {
-  activeRegistry,
-  openModal
-} from "./studio-t7qb9db8.js";
-import {
-  html
-} from "./studio-kryvsw6j.js";
-import {
-  projectState
-} from "./studio-p4ngc046.js";
-import {
-  getPlatform
-} from "./studio-9ab8gqsm.js";
-
-// src/publish/publish-panel.ts
-var PAGES_APP_INSTALL_URL = "https://github.com/apps/cloudflare-pages/installations/new";
-var _handle = null;
-var _connection = "loading";
-var _accounts = [];
-var _deployment = null;
-var _error = "";
-var _busy = false;
-var _replacing = false;
-var _form = { accountId: "", branch: "main", owner: "", projectName: "", repo: "" };
-function currentConfig() {
-  return projectState?.projectConfig ?? null;
-}
-function deriveSlug(name) {
-  return name.toLowerCase().replaceAll(/[^a-z0-9]+/g, "-").replaceAll(/^-+|-+$/g, "").slice(0, 58) || "site";
-}
-function prefillRepo() {
-  const root = getPlatform().projectRoot;
-  const match = /^([\w.-]+)\/([\w.-]+)$/.exec(root);
-  return match ? { owner: match[1], repo: match[2] } : { owner: "", repo: "" };
-}
-async function loadConnection() {
-  _connection = "loading";
-  render();
-  try {
-    _connection = await getPlatform().cfConnection?.() ?? null;
-    if (_connection?.connected) {
-      _accounts = await listAccounts();
-      _form.accountId = _connection.accountId ?? _accounts[0]?.id ?? "";
-      const deploy = currentDeploy();
-      if (deploy) {
-        _deployment = await latestDeployment(deploy);
-        noteDeployment(_deployment);
-      }
-    }
-  } catch (error) {
-    _connection = null;
-    _error = error instanceof Error ? error.message : String(error);
-  }
-  render();
-}
-async function saveToken(host) {
-  const input = host.querySelector("#cf-token-input");
-  const value = (input?.value ?? "").trim();
-  if (!value) {
-    _error = "Paste a token, or use Preferences › Accounts to forget the stored one.";
-    render();
-    return;
-  }
-  setCfToken(value);
-  if (input) {
-    input.value = "";
-  }
-  _replacing = false;
-  _error = "";
-  await loadConnection();
-}
-function openAccounts() {
-  activeRegistry()?.run("app.preferences", { section: "accounts" });
-}
-async function hostedConnect() {
-  _busy = true;
-  render();
-  try {
-    await getPlatform().cfConnect?.();
-  } catch (error) {
-    _error = error instanceof Error ? error.message : String(error);
-  }
-  _busy = false;
-  await loadConnection();
-}
-async function submitConnect() {
-  const config = currentConfig();
-  if (!config) {
-    return;
-  }
-  if (!_form.projectName || !_form.owner || !_form.repo || !_form.accountId) {
-    _error = "Account, project name, and the GitHub owner/repo are all required.";
-    render();
-    return;
-  }
-  _busy = true;
-  _error = "";
-  render();
-  try {
-    const deploy = await connectDeploy(config, {
-      accountId: _form.accountId,
-      owner: _form.owner,
-      productionBranch: _form.branch || "main",
-      projectName: _form.projectName,
-      repo: _form.repo
-    });
-    _deployment = await latestDeployment(deploy).catch(() => null);
-  } catch (error) {
-    _error = error instanceof Error ? error.message : String(error);
-  }
-  _busy = false;
-  render();
-}
-async function disconnect() {
-  const config = currentConfig();
-  if (!config) {
-    return;
-  }
-  _busy = true;
-  render();
-  try {
-    await writeDeployConfig(config, null);
-    _deployment = null;
-  } catch (error) {
-    _error = error instanceof Error ? error.message : String(error);
-  }
-  _busy = false;
-  render();
-}
-function close() {
-  _handle?.close();
-  _handle = null;
-}
-function fieldRow(label, input) {
-  return html`
-    <label class="publish-field">
-      <span>${label}</span>
-      ${input}
-    </label>
-  `;
-}
-function credentialTpl() {
-  const platform = getPlatform();
-  if (platform.cfConnect) {
-    return html`
-      <p>Connect your Cloudflare account to publish this site.</p>
-      <sp-button
-        ?disabled=${_busy}
-        @click=${() => {
-      hostedConnect();
-    }}
-      >
-        Connect Cloudflare
-      </sp-button>
-    `;
-  }
-  const stored = getCfToken() !== "";
-  if (stored && !_replacing) {
-    return html`
-      <p>
-        A Cloudflare API token is stored on this machine, and Cloudflare did not accept it. It may
-        have been revoked, or it may be missing the Account Settings Read and Pages Read/Write
-        permissions.
-      </p>
-      <div class="publish-actions">
-        <sp-button
-          ?disabled=${_busy}
-          @click=${() => {
-      _replacing = true;
-      _error = "";
-      render();
-    }}
-        >
-          Replace token
-        </sp-button>
-        <sp-button variant="secondary" @click=${openAccounts}>Preferences › Accounts</sp-button>
-      </div>
-    `;
-  }
-  return html`
-    <p>
-      Paste a Cloudflare API token (permissions: Account Settings Read, Pages Read/Write). It is
-      stored on this machine and only sent to the same-origin proxy — Studio never renders it back.
-    </p>
-    ${fieldRow("API token", html`<sp-textfield
-        id="cf-token-input"
-        type="password"
-        value=""
-        placeholder="cf_..."
-      ></sp-textfield>`)}
-    <div class="publish-actions">
-      <sp-button
-        ?disabled=${_busy}
-        @click=${(e) => {
-    saveToken(hostOf(e));
-  }}
-      >
-        Verify &amp; Connect
-      </sp-button>
-      <sp-button variant="secondary" @click=${openAccounts}>Preferences › Accounts</sp-button>
-    </div>
-  `;
-}
-function hostOf(e) {
-  return e.target.closest(".publish-modal") ?? document.body;
-}
-function connectFormTpl() {
-  return html`
-    <p>
-      Create a Cloudflare Pages project connected to this repository. Every commit then builds and
-      publishes automatically (<code>bunx jx build</code>).
-    </p>
-    ${fieldRow("Account", html`
-        <sp-picker
-          value=${_form.accountId}
-          @change=${(e) => {
-    _form.accountId = e.target.value;
-  }}
-        >
-          ${_accounts.map((a) => html`<sp-menu-item value=${a.id}>${a.name}</sp-menu-item>`)}
-        </sp-picker>
-      `)}
-    ${fieldRow("Pages project name", html`<sp-textfield
-        value=${_form.projectName}
-        @input=${(e) => {
-    _form.projectName = e.target.value;
-  }}
-      ></sp-textfield>`)}
-    ${fieldRow("GitHub owner", html`<sp-textfield
-        value=${_form.owner}
-        @input=${(e) => {
-    _form.owner = e.target.value;
-  }}
-      ></sp-textfield>`)}
-    ${fieldRow("GitHub repository", html`<sp-textfield
-        value=${_form.repo}
-        @input=${(e) => {
-    _form.repo = e.target.value;
-  }}
-      ></sp-textfield>`)}
-    ${fieldRow("Production branch", html`<sp-textfield
-        value=${_form.branch}
-        @input=${(e) => {
-    _form.branch = e.target.value;
-  }}
-      ></sp-textfield>`)}
-    <sp-button
-      ?disabled=${_busy}
-      @click=${() => {
-    submitConnect();
-  }}
-    >
-      ${_busy ? "Connecting…" : "Create & Connect"}
-    </sp-button>
-  `;
-}
-function statusTpl(deploy) {
-  return html`
-    <p>
-      Connected to Pages project <strong>${deploy.projectName}</strong>
-      ${deploy.productionUrl ? html` —
-              <a href=${deploy.productionUrl} target="_blank" rel="noreferrer">
-                ${deploy.productionUrl}
-              </a>` : ""}
-    </p>
-    ${_deployment ? html`
-            <p>
-              Latest deployment: <strong>${_deployment.stage}: ${_deployment.status}</strong>
-              (${_deployment.environment}) —
-              <a href=${_deployment.url} target="_blank" rel="noreferrer">preview</a>
-            </p>
-          ` : html`<p>No deployments yet — the first commit after connecting triggers one.</p>`}
-    <p class="publish-hint">Publishing happens automatically on every commit.</p>
-    <div class="publish-actions">
-      <sp-button
-        variant="secondary"
-        ?disabled=${_busy}
-        @click=${() => {
-    loadConnection();
-  }}
-      >
-        Refresh
-      </sp-button>
-      <sp-button
-        variant="negative"
-        ?disabled=${_busy}
-        @click=${() => {
-    disconnect();
-  }}
-      >
-        Disconnect
-      </sp-button>
-    </div>
-  `;
-}
-function bodyTpl() {
-  if (!platformSupportsPublish()) {
-    return html`
-      <p>
-        This platform cannot reach the Cloudflare API. Publish by committing and pushing — your host
-        builds <code>bunx jx build</code> and serves <code>dist/</code>.
-      </p>
-    `;
-  }
-  if (_connection === "loading") {
-    return html`<p>Checking Cloudflare connection…</p>`;
-  }
-  if (!_connection?.connected) {
-    return credentialTpl();
-  }
-  const deploy = currentDeploy();
-  return deploy ? statusTpl(deploy) : connectFormTpl();
-}
-function errorTpl() {
-  if (!_error) {
-    return "";
-  }
-  const needsPagesApp = /github/i.test(_error) && /app|install|source|repo/i.test(_error);
-  return html`
-    <p class="publish-error">
-      ${_error}
-      ${needsPagesApp ? html` — if the Cloudflare Pages GitHub App is not installed on the repository,
-              <a href=${PAGES_APP_INSTALL_URL} target="_blank" rel="noreferrer">install it</a> and
-              retry.` : ""}
-    </p>
-  `;
-}
-function render() {
-  const tpl = html`
-    <div class="new-project-modal publish-modal" data-jx-region="overlay.dialog:publish">
-      <div class="new-project-modal-header">
-        <h2 class="new-project-modal-title">Publish</h2>
-        <sp-action-button size="s" quiet @click=${close}>✕</sp-action-button>
-      </div>
-      <div class="new-project-modal-body">${bodyTpl()} ${errorTpl()}</div>
-    </div>
-  `;
-  if (_handle) {
-    _handle.update(tpl);
-  } else {
-    _handle = openModal(tpl, { label: "Publish", onDismiss: close });
-  }
-}
-function seedPublishConnected(options) {
-  _connection = { accountId: options.accountId ?? "demo-account", connected: true };
-  _accounts = [];
-  _deployment = options.deployment;
-  noteDeployment(options.deployment);
-  _error = "";
-  _busy = false;
-  _replacing = false;
-  render();
-}
-function openPublishPanel() {
-  const config = currentConfig();
-  const { owner, repo } = prefillRepo();
-  _connection = "loading";
-  _accounts = [];
-  _deployment = null;
-  _error = "";
-  _busy = false;
-  _replacing = false;
-  _form = {
-    accountId: "",
-    branch: "main",
-    owner,
-    projectName: currentDeploy()?.projectName ?? deriveSlug(config?.name ?? ""),
-    repo
-  };
-  render();
-  loadConnection();
-}
-
-export { seedPublishConnected, openPublishPanel };
-
-//# debugId=32DE20DAF46B08AA64756E2164756E21
-//# sourceMappingURL=studio-v38hmvx1.js.map