@phosart/devtool 0.3.14 → 0.3.16

package/build/server/chunks/{_layout.svelte-B7i7zVrU.js → _layout.svelte-273TXR7h.js}

@@ -2,10 +2,10 @@ import { y as head, z as attr_style, A as attr_class, B as escape_html, C as ens
 import { p as page, i as invalidateAll } from './index-D77ofXkh.js';
 import { r as resolve } from './server2-DfjGIwzU.js';
 import { c as createSharedEpoch, a as createSharedGalleryOverrides } from './galleryoverride.svelte-Cd7BCVl6.js';
-import { T as Tooltip, M as Modal } from './Modal-CYUca4C-.js';
+import { T as Tooltip, a as TextInput } from './TextInput-920ayAx4.js';
 import { s as setNavbarOpen, I as Icon } from './Icon-QG3FDgpT.js';
-import { A as ActionButton } from './ActionButton-DvxyrR5s.js';
-import { T as TextInput } from './TextInput-DPhM0JMf.js';
+import { A as ActionButton } from './ActionButton-DnOgB3iZ.js';
+import { M as Modal } from './Modal-CHPeP_BK.js';
 import { E as Eye, T as TextBox } from './TextBox-CbvouNLx.js';
 import { C as Circle_x } from './circle-x-DdnradHc.js';
 import './exports-BslKlSQ6.js';
@@ -549,6 +549,9 @@ function Spinner($$renderer, $$props) {
 function _layout($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { children, data } = $$props;
+    let isOnboardingZip = false;
+    let newOrigin = "";
+    let newGitOrigin = "";
     let isOnboarding = false;
     let onboardSelection = "automatic";
     let sidebarOpen = { open: true };
@@ -668,10 +671,12 @@ function _layout($$renderer, $$props) {
       }
       $$renderer3.push(`<!--]-->`);
     }
-    function gitPush($$renderer3, close) {
+    function gitPush($$renderer3, small, close) {
       ActionButton($$renderer3, {
-        disabled: (gitStatus?.ahead ?? 0) == 0 && (gitStatus?.behind ?? 0) == 0 || (gitStatus?.conflicted.length ?? 0) > 0 || gitStatus?.tracking === null || gitStatus?.current === "HEAD",
-        class: "bg-gray-950 btn-sm text-white",
+        placement: "right",
+        tooltip: (gitStatus?.conflicted.length ?? 0) > 0 ? "Conflicts present" : gitStatus?.current === "HEAD" ? "Detached head" : "",
+        disabled: (gitStatus?.conflicted.length ?? 0) > 0 || gitStatus?.current === "HEAD",
+        class: `bg-gray-950 ${small ? "btn-sm" : ""} text-white`,
         action: async () => {
           await runDeploy([
             ...(gitStatus?.behind ?? 0) > 0 ? [
@@ -682,14 +687,12 @@ function _layout($$renderer, $$props) {
                 }
               }
             ] : [],
-            ...(gitStatus?.ahead ?? 0) > 0 ? [
-              {
-                step: "git push",
-                run: async () => {
-                  await fetchEnsureSuccess(resolve("/api/git/push"), { method: "POST" });
-                }
+            {
+              step: "git push",
+              run: async () => {
+                await fetchEnsureSuccess(resolve("/api/git/push"), { method: "POST" });
               }
-            ] : [],
+            },
             {
               step: "Update Status",
               run: async () => {
@@ -707,13 +710,18 @@ function _layout($$renderer, $$props) {
         },
         children: ($$renderer4) => {
           $$renderer4.push(`<i class="fa-brands fa-github"></i> Git ${escape_html((gitStatus?.behind ?? 0) === 0 ? "Push" : "Sync")}`);
-        }
+        },
+        $$slots: { default: true }
       });
     }
-    function dlZip($$renderer3, close) {
+    function dlZip($$renderer3, small, close) {
       ActionButton($$renderer3, {
-        class: "preset-tonal-primary btn-sm",
+        class: `preset-tonal-primary ${small ? "btn-sm" : ""}`,
         action: async () => {
+          if (data.deploySettings.zip_origin === void 0) {
+            isOnboardingZip = true;
+            return;
+          }
           await runDeploy([
             {
               step: "Build",
@@ -752,16 +760,18 @@ function _layout($$renderer, $$props) {
         children: ($$renderer4) => {
           Download($$renderer4, { size: 16 });
           $$renderer4.push(`<!----> Site ZIP`);
-        }
+        },
+        $$slots: { default: true }
       });
     }
-    function deployCf($$renderer3, close) {
+    function deployCf($$renderer3, small, close) {
       ActionButton($$renderer3, {
-        class: "bg-orange-800 btn-sm text-white",
+        class: `bg-orange-800 ${small ? "btn-sm" : ""} text-white`,
         action: async () => {
           if (!data.deploySettings.cloudflare_project_name) {
             setupCloudflareOnboard();
           } else {
+            let origin = null;
             await runDeploy([
               {
                 step: "Ensure Logged In",
@@ -773,10 +783,27 @@ function _layout($$renderer, $$props) {
                   }
                 }
               },
+              {
+                step: "Get project origin",
+                run: async (setDetail) => {
+                  const projs = await (await fetch(resolve("/api/deploy/cloudflare/projects"))).json();
+                  const proj = projs.find((p) => p["Project Name"] === data.deploySettings.cloudflare_project_name);
+                  if (!proj) {
+                    setDetail("project not found");
+                  } else {
+                    setDetail("project found, using origin: " + proj["Project Domains"]);
+                    origin = "https://" + proj["Project Domains"];
+                  }
+                }
+              },
               {
                 step: "Build project",
                 run: async () => {
-                  await fetchEnsureSuccess(resolve("/api/deploy/build"), { method: "POST" });
+                  await fetchEnsureSuccess(resolve("/api/deploy/build"), {
+                    method: "POST",
+                    headers: { "Content-Type": "application/json" },
+                    body: JSON.stringify({ origin })
+                  });
                 }
               },
               {
@@ -791,7 +818,8 @@ function _layout($$renderer, $$props) {
         },
         children: ($$renderer4) => {
           $$renderer4.push(`<i class="fa-brands fa-cloudflare"></i> CloudFlare`);
-        }
+        },
+        $$slots: { default: true }
       });
     }
     let $$settled = true;
@@ -887,7 +915,8 @@ function _layout($$renderer, $$props) {
                   $$renderer4.push(`Commit`);
                 }
                 $$renderer4.push(`<!--]-->`);
-              }
+              },
+              $$slots: { default: true }
             });
             $$renderer3.push(`<!----> `);
             {
@@ -1014,7 +1043,8 @@ function _layout($$renderer, $$props) {
                   },
                   children: ($$renderer5) => {
                     $$renderer5.push(`<!---->click here`);
-                  }
+                  },
+                  $$slots: { default: true }
                 });
                 $$renderer4.push(`<!----> to automatically trigger installation (you'll see a pop-up asking you to install it)</p>`);
               } else if (data.platform === "win32") {
@@ -1036,13 +1066,13 @@ function _layout($$renderer, $$props) {
       $$renderer3.push(`<!--]--> <div class="mt-4 mb-2 w-full border-b border-b-surface-600-400"></div> <div class="mb-2 flex items-center justify-center gap-2 font-light"><span>Deployment</span></div> <div class="flex items-center justify-around">`);
       if (!data.deploySettings.last_used && data.gitAvailable || data.deploySettings.last_used === "Git") {
         $$renderer3.push("<!--[0-->");
-        gitPush($$renderer3);
+        gitPush($$renderer3, true);
       } else if (data.deploySettings.last_used === "CloudFlare") {
         $$renderer3.push("<!--[1-->");
-        deployCf($$renderer3);
+        deployCf($$renderer3, true);
       } else {
         $$renderer3.push("<!--[-1-->");
-        dlZip($$renderer3);
+        dlZip($$renderer3, true);
       }
       $$renderer3.push(`<!--]--> `);
       {
@@ -1050,11 +1080,92 @@ function _layout($$renderer, $$props) {
           Ellipsis($$renderer4, {});
         }, children2 = function($$renderer4, close) {
           $$renderer4.push(`<div class="flex flex-col items-stretch justify-center">`);
-          deployCf($$renderer4, close);
+          deployCf($$renderer4, false, close);
+          $$renderer4.push(`<!----> `);
+          gitPush($$renderer4, false, close);
           $$renderer4.push(`<!----> `);
-          gitPush($$renderer4, close);
+          dlZip($$renderer4, false, close);
           $$renderer4.push(`<!----> `);
-          dlZip($$renderer4, close);
+          {
+            let children3 = function($$renderer5, close2) {
+              $$renderer5.push(`<div class="flex flex-col gap-3 p-3">`);
+              ActionButton($$renderer5, {
+                unstyled: true,
+                class: "btn preset-outlined-surface-600-400",
+                action: async () => {
+                  await fetch(resolve("/api/deploy/config"), {
+                    body: JSON.stringify({
+                      last_used: "ZIP",
+                      cloudflare_project_name: "_clear",
+                      zip_origin: "_clear"
+                    }),
+                    headers: { "Content-Type": "application/json" },
+                    method: "PUT"
+                  });
+                  await invalidateAll();
+                  close2();
+                },
+                children: ($$renderer6) => {
+                  $$renderer6.push(`<!---->Clear deployment settings`);
+                },
+                $$slots: { default: true }
+              });
+              $$renderer5.push(`<!----> `);
+              {
+                let children4 = function($$renderer6, closeOrigin) {
+                  $$renderer6.push(`<div class="flex flex-col items-stretch p-4 pt-2"><div><div>Current origins:</div> <ol class="ml-3 list-disc"><!--[-->`);
+                  const each_array_5 = ensure_array_like(data.gitRemotes);
+                  for (let $$index_5 = 0, $$length = each_array_5.length; $$index_5 < $$length; $$index_5++) {
+                    let remote = each_array_5[$$index_5];
+                    $$renderer6.push(`<li>${escape_html(remote.name)} ${escape_html(remote.target)} (${escape_html(remote.role)})</li>`);
+                  }
+                  $$renderer6.push(`<!--]--></ol></div> `);
+                  TextInput($$renderer6, {
+                    label: "Origin URL",
+                    get value() {
+                      return newGitOrigin;
+                    },
+                    set value($$value) {
+                      newGitOrigin = $$value;
+                      $$settled = false;
+                    }
+                  });
+                  $$renderer6.push(`<!----> `);
+                  ActionButton($$renderer6, {
+                    disabled: !newGitOrigin,
+                    unstyled: true,
+                    class: "btn preset-tonal-primary",
+                    action: async () => {
+                      await fetch(resolve("/api/git/remotes"), { method: "PUT", body: JSON.stringify({ url: newGitOrigin }) });
+                      closeOrigin();
+                      close2();
+                    },
+                    children: ($$renderer7) => {
+                      $$renderer7.push(`<!---->Set`);
+                    },
+                    $$slots: { default: true }
+                  });
+                  $$renderer6.push(`<!----></div>`);
+                };
+                Modal($$renderer5, {
+                  title: "Set Git Origin",
+                  class: "btn preset-outlined-surface-600-400",
+                  onClose: () => {
+                    newGitOrigin = "";
+                  },
+                  children: children4,
+                  $$slots: { default: true }
+                });
+              }
+              $$renderer5.push(`<!----></div>`);
+            };
+            Modal($$renderer4, {
+              title: "Advanced options",
+              class: "my-2 btn place-self-center preset-outlined-surface-600-400 btn-sm",
+              children: children3,
+              $$slots: { default: true }
+            });
+          }
           $$renderer4.push(`<!----></div>`);
         };
         Modal($$renderer3, {
@@ -1085,7 +1196,8 @@ function _layout($$renderer, $$props) {
                 $$renderer5.push(`<i class="fa-solid fa-arrow-rotate-right text-primary-contrast-50"></i>`);
               }
               $$renderer5.push(`<!--]-->`);
-            }
+            },
+            $$slots: { default: true }
           });
           $$renderer4.push(`<!----></div>`);
         };
@@ -1103,9 +1215,9 @@ function _layout($$renderer, $$props) {
       $$renderer3.push(`<!----></button></div></div> <div class="text-xs text-surface-700-300">© phosphoriteart ${escape_html((/* @__PURE__ */ new Date()).getFullYear())}</div></div> <div class="transition-all"${attr_style(`min-width: ${sidebarOpen.open ? "200px" : "0px"};`)}></div> <div class="flex grow flex-col" style="min-width: min(100vw, 500px);">`);
       children?.($$renderer3);
       $$renderer3.push(`<!----> <div class="no-scrollbar h-5 max-h-5 min-h-5 w-full max-w-full overflow-scroll border-t-surface-500 bg-surface-100-900 text-[8pt] hover:h-32 hover:max-h-32 hover:min-h-32"><!--[-->`);
-      const each_array_5 = ensure_array_like(logs);
-      for (let i = 0, $$length = each_array_5.length; i < $$length; i++) {
-        let log = each_array_5[i];
+      const each_array_6 = ensure_array_like(logs);
+      for (let i = 0, $$length = each_array_6.length; i < $$length; i++) {
+        let log = each_array_6[i];
         LogLine($$renderer3, {
           log,
           isLatest: i === logs.length - 1
@@ -1154,9 +1266,9 @@ function _layout($$renderer, $$props) {
             const complete = deployStatus.every((s) => s.status !== "working");
             Spinner($$renderer4, { loading: !complete });
             $$renderer4.push(`<!----> <div class="flex min-w-80 flex-col gap-2 p-4"><!--[-->`);
-            const each_array_6 = ensure_array_like(deployStatus);
-            for (let i = 0, $$length = each_array_6.length; i < $$length; i++) {
-              let step = each_array_6[i];
+            const each_array_7 = ensure_array_like(deployStatus);
+            for (let i = 0, $$length = each_array_7.length; i < $$length; i++) {
+              let step = each_array_7[i];
               $$renderer4.push(`<div class="flex items-center gap-2"><div>`);
               if (step.status === "waiting") {
                 $$renderer4.push("<!--[0-->");
@@ -1194,7 +1306,14 @@ function _layout($$renderer, $$props) {
               } else {
                 $$renderer4.push("<!--[-1-->");
               }
-              $$renderer4.push(`<!--]--></div> <div class="flex flex-col"><div>${escape_html(step.step)}</div> `);
+              $$renderer4.push(`<!--]--></div> <div class="flex flex-col"><div>${escape_html(step.step)} `);
+              if (step.details) {
+                $$renderer4.push("<!--[0-->");
+                $$renderer4.push(`(${escape_html(step.details)})`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+              }
+              $$renderer4.push(`<!--]--></div> `);
               if (step.error) {
                 $$renderer4.push("<!--[0-->");
                 $$renderer4.push(`<div>`);
@@ -1248,7 +1367,8 @@ function _layout($$renderer, $$props) {
                   },
                   children: ($$renderer5) => {
                     $$renderer5.push(`<!---->here`);
-                  }
+                  },
+                  $$slots: { default: true }
                 });
                 $$renderer4.push(`<!----> to log into CloudFlare. A new browser window will open.</p></div>`);
               } else {
@@ -1270,9 +1390,9 @@ function _layout($$renderer, $$props) {
                     },
                     (projs) => {
                       $$renderer4.push(`<p>You can use an existing project...</p> <ol class="list-disc pl-8"><!--[-->`);
-                      const each_array_7 = ensure_array_like(projs);
-                      for (let $$index_7 = 0, $$length = each_array_7.length; $$index_7 < $$length; $$index_7++) {
-                        let proj = each_array_7[$$index_7];
+                      const each_array_8 = ensure_array_like(projs);
+                      for (let $$index_8 = 0, $$length = each_array_8.length; $$index_8 < $$length; $$index_8++) {
+                        let proj = each_array_8[$$index_8];
                         $$renderer4.push(`<li>`);
                         ActionButton($$renderer4, {
                           action: async () => {
@@ -1291,7 +1411,8 @@ function _layout($$renderer, $$props) {
                           class: "btn preset-outlined-surface-600-400 btn-sm text-sm",
                           children: ($$renderer5) => {
                             $$renderer5.push(`<!---->Use ${escape_html(proj["Project Name"])} (@ ${escape_html(proj["Project Domains"])})`);
-                          }
+                          },
+                          $$slots: { default: true }
                         });
                         $$renderer4.push(`<!----></li>`);
                       }
@@ -1332,7 +1453,8 @@ function _layout($$renderer, $$props) {
                         },
                         children: ($$renderer5) => {
                           $$renderer5.push(`<!---->Create`);
-                        }
+                        },
+                        $$slots: { default: true }
                       });
                       $$renderer4.push(`<!----> `);
                       if (createProjectError) {
@@ -1357,7 +1479,8 @@ function _layout($$renderer, $$props) {
                     },
                     children: ($$renderer5) => {
                       $$renderer5.push(`<!---->Close`);
-                    }
+                    },
+                    $$slots: { default: true }
                   });
                   $$renderer4.push(`<!---->`);
                 }
@@ -1400,7 +1523,8 @@ function _layout($$renderer, $$props) {
             },
             children: ($$renderer5) => {
               $$renderer5.push(`<!---->Continue`);
-            }
+            },
+            $$slots: { default: true }
           });
           $$renderer4.push(`<!----></div></div>`);
         };
@@ -1412,6 +1536,128 @@ function _layout($$renderer, $$props) {
           $$slots: { default: true }
         });
       }
+      $$renderer3.push(`<!----> `);
+      {
+        let children2 = function($$renderer4, close) {
+          $$renderer4.push(`<div class="min-w-lg p-4"><p>On order to enable rich embeds (e.g. in Discord, Telegram, iMessage, etc), we need to know
+				where you'll be uploading your static website.</p> <p>If you'd prefer to skip this step, you may (but rich embeds won't work!)</p> `);
+          if (data.deploySettings.zip_origin === void 0) {
+            $$renderer4.push("<!--[0-->");
+            $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+            Circle_alert($$renderer4, { class: "fill-warning-300-700" });
+            $$renderer4.push(`<!----></div> <p>No origin specified</p></div> `);
+            TextInput($$renderer4, {
+              label: "Origin",
+              get value() {
+                return newOrigin;
+              },
+              set value($$value) {
+                newOrigin = $$value;
+                $$settled = false;
+              }
+            });
+            $$renderer4.push(`<!----> `);
+            ActionButton($$renderer4, {
+              class: "mr-2 preset-tonal-success",
+              action: async () => {
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({
+                    ...data.deploySettings,
+                    last_used: "ZIP",
+                    zip_origin: newOrigin
+                  }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              },
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Save`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            ActionButton($$renderer4, {
+              class: "preset-tonal-warning",
+              action: async () => {
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({ ...data.deploySettings, last_used: "ZIP", zip_origin: null }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              },
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Skip`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          } else {
+            $$renderer4.push("<!--[-1-->");
+            $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+            if (data.deploySettings.zip_origin === null) {
+              $$renderer4.push("<!--[0-->");
+              Circle_alert($$renderer4, { class: "fill-success-300-700" });
+            } else {
+              $$renderer4.push("<!--[-1-->");
+              Circle_check($$renderer4, { class: "fill-success-300-700" });
+            }
+            $$renderer4.push(`<!--]--></div> `);
+            if (data.deploySettings.zip_origin === null) {
+              $$renderer4.push("<!--[0-->");
+              $$renderer4.push(`<p>Skipped setting origin</p>`);
+            } else {
+              $$renderer4.push("<!--[-1-->");
+              $$renderer4.push(`<p>Using origin ${escape_html(data.deploySettings.zip_origin)}!</p>`);
+            }
+            $$renderer4.push(`<!--]--></div> `);
+            ActionButton($$renderer4, {
+              class: "mr-2 preset-tonal-success",
+              action: async () => {
+                close();
+              },
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Close`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!----> `);
+            ActionButton($$renderer4, {
+              class: "preset-tonal-tertiary",
+              action: async () => {
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({
+                    ...data.deploySettings,
+                    last_used: "ZIP",
+                    zip_origin: "_clear"
+                  }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              },
+              children: ($$renderer5) => {
+                $$renderer5.push(`<!---->Change Origin`);
+              },
+              $$slots: { default: true }
+            });
+            $$renderer4.push(`<!---->`);
+          }
+          $$renderer4.push(`<!--]--></div>`);
+        };
+        Modal($$renderer3, {
+          headless: true,
+          open: isOnboardingZip,
+          title: "Zip Download Setup",
+          onClose: () => {
+            isOnboardingZip = false;
+            newOrigin = "";
+          },
+          children: children2,
+          $$slots: { default: true }
+        });
+      }
       $$renderer3.push(`<!---->`);
     }
     do {
@@ -1424,4 +1670,4 @@ function _layout($$renderer, $$props) {
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte-B7i7zVrU.js.map
+//# sourceMappingURL=_layout.svelte-273TXR7h.js.map