@phosart/devtool 0.3.4 → 0.3.5

package/build/server/chunks/{_layout.svelte-BLfVQZLo.js → _layout.svelte-THH8hF8C.js}

@@ -1,15 +1,15 @@
-import { y as head, z as attr_style, A as escape_html, B as ensure_array_like, C as attr, E as attr_class, F as stringify, G as derived, I as fallback, J as bind_props, K as spread_props } from './root-CaUozMBL.js';
-import { p as page, i as invalidateAll } from './index-Dqoyt3qe.js';
-import { r as resolve } from './server2-BVjW8MLI.js';
-import { c as createSharedEpoch, a as createSharedGalleryOverrides } from './galleryoverride.svelte-BLb0HLfo.js';
-import { T as Tooltip, M as Modal } from './Modal-CIjCa_0v.js';
-import { s as setNavbarOpen, I as Icon } from './Icon-Bbbqk-yg.js';
-import { A as ActionButton } from './ActionButton-B4R2bBP0.js';
-import { T as TextInput } from './TextInput-Dnk-aR1D.js';
-import { E as Eye, T as TextBox } from './TextBox-fDrH7Jnv.js';
-import { C as Circle_x } from './circle-x-CvVNi5Cn.js';
-import './exports-Cj2LkLxl.js';
-import './routing-MUJ6-d6g.js';
+import { y as head, z as attr_style, A as escape_html, B as ensure_array_like, C as attr, E as attr_class, F as stringify, G as derived, I as fallback, J as bind_props, K as spread_props, L as await_block } from './root-Bw1dm9Nu.js';
+import { p as page, i as invalidateAll } from './index-Dw5n12EX.js';
+import { r as resolve } from './server2-BQN-TNK6.js';
+import { c as createSharedEpoch, a as createSharedGalleryOverrides } from './galleryoverride.svelte-CTM5cTPs.js';
+import { T as Tooltip, M as Modal } from './Modal-Cj1GQFlr.js';
+import { s as setNavbarOpen, I as Icon } from './Icon-DCRjVwNq.js';
+import { A as ActionButton } from './ActionButton-B2q_WS0M.js';
+import { T as TextInput } from './TextInput-BGzglEmu.js';
+import { E as Eye, T as TextBox } from './TextBox-BuJuWJMs.js';
+import { C as Circle_x } from './circle-x-zCwca-yK.js';
+import './exports-DY11vWes.js';
+import './routing-Cn5qSZq8.js';
 import './log-Dgdg632G.js';
 import 'tslog';
 import 'fuzzysort';
@@ -51,7 +51,15 @@ function element($$renderer, el) {
     $$renderer.push(`<span class="text-orange-700">${escape_html(el)}</span>`);
   } else {
     $$renderer.push("<!--[-1-->");
-    $$renderer.push(`<pre class="text-gray-800">${escape_html(JSON.stringify(el))}</pre>`);
+    const nativeError = typeof el === "object" && el && "nativeError" in el && "message" in el && typeof el.message === "string";
+    if (nativeError) {
+      $$renderer.push("<!--[0-->");
+      $$renderer.push(`<pre class="text-surface-contrast-5-950">${escape_html(el.message)}</pre>`);
+    } else {
+      $$renderer.push("<!--[-1-->");
+      $$renderer.push(`<pre class="text-surface-contrast-5-950">${escape_html(JSON.stringify(el))}</pre>`);
+    }
+    $$renderer.push(`<!--]-->`);
   }
   $$renderer.push(`<!--]-->`);
 }
@@ -143,6 +151,42 @@ function Circle($$renderer, $$props) {
   $$renderer.push(`<div${attr_class("circle svelte-1t51ygf", void 0, { "pause-animation": pause })}${attr_style(`--size: ${stringify(size)}${stringify(unit)}; --color: ${stringify(color)}; --duration: ${stringify(duration)}`)}></div>`);
   bind_props($$props, { color, unit, duration, size, pause });
 }
+function Circle_alert($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { $$slots, $$events, ...props } = $$props;
+    const iconNode = [
+      ["circle", { "cx": "12", "cy": "12", "r": "10" }],
+      ["line", { "x1": "12", "x2": "12", "y1": "8", "y2": "12" }],
+      [
+        "line",
+        { "x1": "12", "x2": "12.01", "y1": "16", "y2": "16" }
+      ]
+    ];
+    Icon($$renderer2, spread_props([
+      { name: "circle-alert" },
+      /**
+       * @component @name CircleAlert
+       * @description Lucide SVG icon component, renders SVG Element with children.
+       *
+       * @preview ![img](data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIgogIHdpZHRoPSIyNCIKICBoZWlnaHQ9IjI0IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHN0cm9rZT0iIzAwMCIgc3R5bGU9ImJhY2tncm91bmQtY29sb3I6ICNmZmY7IGJvcmRlci1yYWRpdXM6IDJweCIKICBzdHJva2Utd2lkdGg9IjIiCiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIgogIHN0cm9rZS1saW5lam9pbj0icm91bmQiCj4KICA8Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMiIgeTE9IjgiIHkyPSIxMiIgLz4KICA8bGluZSB4MT0iMTIiIHgyPSIxMi4wMSIgeTE9IjE2IiB5Mj0iMTYiIC8+Cjwvc3ZnPgo=) - https://lucide.dev/icons/circle-alert
+       * @see https://lucide.dev/guide/packages/lucide-svelte - Documentation
+       *
+       * @param {Object} props - Lucide icons props and any valid SVG attribute
+       * @returns {FunctionalComponent} Svelte component
+       *
+       */
+      props,
+      {
+        iconNode,
+        children: ($$renderer3) => {
+          props.children?.($$renderer3);
+          $$renderer3.push(`<!---->`);
+        },
+        $$slots: { default: true }
+      }
+    ]));
+  });
+}
 function Circle_check($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { $$slots, $$events, ...props } = $$props;
@@ -399,6 +443,20 @@ function _layout($$renderer, $$props) {
     let commitMessage = "";
     let logs = [];
     let gitStatus = null;
+    let runCloudflareOnboard = false;
+    let isCloudflareLoggedIn = null;
+    let cfProjects = void 0;
+    let newProjectName = "";
+    let createProjectError = "";
+    async function setupCloudflareOnboard() {
+      isCloudflareLoggedIn = fetch(resolve("/api/deploy/cloudflare/whoami")).then((res) => {
+        return res.status === 200;
+      });
+      cfProjects = fetch(resolve("/api/deploy/cloudflare/projects")).then((res) => {
+        return res.json();
+      });
+      runCloudflareOnboard = true;
+    }
     const isServerDoingWork = derived(() => {
       const lastLog = logs[logs.length - 1] ?? null;
       const lastLogAsArray = logAsArray(lastLog);
@@ -499,7 +557,7 @@ function _layout($$renderer, $$props) {
     function gitPush($$renderer3, 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 text-white",
+        class: "bg-gray-950 btn-sm text-white",
         action: async () => {
           await runDeploy([
             ...(gitStatus?.behind ?? 0) > 0 ? [
@@ -522,6 +580,12 @@ function _layout($$renderer, $$props) {
               step: "Update Status",
               run: async () => {
                 gitStatus = await fetchStatus();
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({ ...data.deploySettings, last_used: "Git" }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
               }
             }
           ]);
@@ -534,7 +598,7 @@ function _layout($$renderer, $$props) {
     }
     function dlZip($$renderer3, close) {
       ActionButton($$renderer3, {
-        class: "preset-tonal-primary",
+        class: "preset-tonal-primary btn-sm",
         action: async () => {
           await runDeploy([
             {
@@ -556,6 +620,17 @@ function _layout($$renderer, $$props) {
                 a.click();
                 a.remove();
               }
+            },
+            {
+              step: "Update Status",
+              run: async () => {
+                await fetch(resolve("/api/deploy/config"), {
+                  body: JSON.stringify({ ...data.deploySettings, last_used: "ZIP" }),
+                  headers: { "Content-Type": "application/json" },
+                  method: "PUT"
+                });
+                await invalidateAll();
+              }
             }
           ]);
           close?.();
@@ -566,6 +641,45 @@ function _layout($$renderer, $$props) {
         }
       });
     }
+    function deployCf($$renderer3, close) {
+      ActionButton($$renderer3, {
+        class: "bg-orange-800 btn-sm text-white",
+        action: async () => {
+          if (!data.deploySettings.cloudflare_project_name) {
+            setupCloudflareOnboard();
+          } else {
+            await runDeploy([
+              {
+                step: "Ensure Logged In",
+                run: async () => {
+                  const res = await fetch(resolve("/api/deploy/cloudflare/whoami"));
+                  if (res.status === 403) {
+                    setupCloudflareOnboard();
+                    throw new Error("CloudFlare is not currently logged in");
+                  }
+                }
+              },
+              {
+                step: "Build project",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/deploy/build"), { method: "POST" });
+                }
+              },
+              {
+                step: "Deploy project",
+                run: async () => {
+                  await fetchEnsureSuccess(resolve("/api/deploy/cloudflare/deploy"), { method: "POST" });
+                }
+              }
+            ]);
+            close?.();
+          }
+        },
+        children: ($$renderer4) => {
+          $$renderer4.push(`<i class="fa-brands fa-cloudflare"></i> CloudFlare`);
+        }
+      });
+    }
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
@@ -805,19 +919,13 @@ function _layout($$renderer, $$props) {
         }
         $$renderer3.push(`<!----></div>`);
       }
-      $$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> `);
-      {
-        let tooltip = function($$renderer4) {
-          $$renderer4.push(`<div class="max-w-64"><p>Get your site live!</p></div>`);
-        }, children2 = function($$renderer4, attach) {
-          Circle_question_mark($$renderer4, { size: 16 });
-        };
-        Tooltip($$renderer3, { tooltip, children: children2 });
-      }
-      $$renderer3.push(`<!----></div> <div class="flex items-center justify-around">`);
-      if (data.gitAvailable) {
+      $$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);
+      } else if (data.deploySettings.last_used === "CloudFlare") {
+        $$renderer3.push("<!--[1-->");
+        deployCf($$renderer3);
       } else {
         $$renderer3.push("<!--[-1-->");
         dlZip($$renderer3);
@@ -828,6 +936,8 @@ function _layout($$renderer, $$props) {
           Ellipsis($$renderer4, {});
         }, children2 = function($$renderer4, close) {
           $$renderer4.push(`<div class="flex flex-col items-stretch justify-center">`);
+          deployCf($$renderer4, close);
+          $$renderer4.push(`<!----> `);
           gitPush($$renderer4, close);
           $$renderer4.push(`<!----> `);
           dlZip($$renderer4, close);
@@ -990,6 +1100,166 @@ function _layout($$renderer, $$props) {
         },
         $$slots: { default: true }
       });
+      $$renderer3.push(`<!----> `);
+      {
+        let children2 = function($$renderer4, close) {
+          $$renderer4.push(`<div class="min-w-lg p-4"><p>In order to deploy to CloudFlare, we'll need to make sure you're logged in, then select a
+				project to deploy to.</p> <p>By default, your project will be available at <tt>&lt;project-name>.pages.dev</tt>.</p> `);
+          await_block(
+            $$renderer4,
+            isCloudflareLoggedIn,
+            () => {
+              Spinner($$renderer4, { loading: true });
+              $$renderer4.push(`<!----> <div class="my-4 flex items-center gap-2">`);
+              Hourglass($$renderer4, { class: "animate-pulse" });
+              $$renderer4.push(`<!----> <div>Loading login status...</div></div>`);
+            },
+            (isLoggedIn) => {
+              if (isLoggedIn === false) {
+                $$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>Click `);
+                ActionButton($$renderer4, {
+                  class: "preset-tonal-warning btn-sm",
+                  action: async () => {
+                    await fetch(resolve("/api/deploy/cloudflare/whoami"), { method: "POST" });
+                    await setupCloudflareOnboard();
+                  },
+                  children: ($$renderer5) => {
+                    $$renderer5.push(`<!---->here`);
+                  }
+                });
+                $$renderer4.push(`<!----> to log into CloudFlare. A new browser window will open.</p></div>`);
+              } else {
+                $$renderer4.push("<!--[-1-->");
+                $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+                Circle_check($$renderer4, { class: "fill-success-300-700" });
+                $$renderer4.push(`<!----></div> <p>Logged in!</p></div> `);
+                if (!data.deploySettings.cloudflare_project_name) {
+                  $$renderer4.push("<!--[0-->");
+                  $$renderer4.push(`<p>You also need to set up a Cloudflare Project to host your website.</p> <div>`);
+                  await_block(
+                    $$renderer4,
+                    cfProjects,
+                    () => {
+                      Spinner($$renderer4, { loading: true });
+                      $$renderer4.push(`<!----> <div class="my-4 flex items-center gap-2">`);
+                      Hourglass($$renderer4, { class: "animate-pulse" });
+                      $$renderer4.push(`<!----> <div>Loading project list...</div></div>`);
+                    },
+                    (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];
+                        $$renderer4.push(`<li>`);
+                        ActionButton($$renderer4, {
+                          action: async () => {
+                            await fetch(resolve("/api/deploy/config"), {
+                              body: JSON.stringify({
+                                ...data.deploySettings,
+                                last_used: "CloudFlare",
+                                cloudflare_project_name: proj["Project Name"]
+                              }),
+                              headers: { "Content-Type": "application/json" },
+                              method: "PUT"
+                            });
+                            await invalidateAll();
+                          },
+                          unstyled: true,
+                          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"])})`);
+                          }
+                        });
+                        $$renderer4.push(`<!----></li>`);
+                      }
+                      $$renderer4.push(`<!--]--></ol> <div class="mt-2">or, you can create a new project:</div> <div class="flex items-center">`);
+                      TextInput($$renderer4, {
+                        label: "Project Name",
+                        get value() {
+                          return newProjectName;
+                        },
+                        set value($$value) {
+                          newProjectName = $$value;
+                          $$settled = false;
+                        }
+                      });
+                      $$renderer4.push(`<!----> `);
+                      ActionButton($$renderer4, {
+                        action: async () => {
+                          try {
+                            await fetchEnsureSuccess(resolve("/api/deploy/cloudflare/projects"), {
+                              method: "POST",
+                              body: JSON.stringify({ project_name: newProjectName }),
+                              headers: { "Content-Type": "application/json" }
+                            });
+                          } catch (e) {
+                            createProjectError = String(e);
+                            return;
+                          }
+                          await fetch(resolve("/api/deploy/config"), {
+                            body: JSON.stringify({
+                              ...data.deploySettings,
+                              last_used: "CloudFlare",
+                              cloudflare_project_name: newProjectName
+                            }),
+                            headers: { "Content-Type": "application/json" },
+                            method: "PUT"
+                          });
+                          await invalidateAll();
+                        },
+                        children: ($$renderer5) => {
+                          $$renderer5.push(`<!---->Create`);
+                        }
+                      });
+                      $$renderer4.push(`<!----> `);
+                      if (createProjectError) {
+                        $$renderer4.push("<!--[0-->");
+                        $$renderer4.push(`<div class="ml-4 text-error-600-400">${escape_html(createProjectError)}</div>`);
+                      } else {
+                        $$renderer4.push("<!--[-1-->");
+                      }
+                      $$renderer4.push(`<!--]--></div>`);
+                    }
+                  );
+                  $$renderer4.push(`<!--]--></div>`);
+                } else {
+                  $$renderer4.push("<!--[-1-->");
+                  $$renderer4.push(`<div class="my-4 flex items-center gap-2"><div>`);
+                  Circle_check($$renderer4, { class: "fill-success-300-700" });
+                  $$renderer4.push(`<!----></div> <p>Using project ${escape_html(data.deploySettings.cloudflare_project_name)}!</p></div> `);
+                  ActionButton($$renderer4, {
+                    class: "preset-tonal-success",
+                    action: async () => {
+                      close();
+                    },
+                    children: ($$renderer5) => {
+                      $$renderer5.push(`<!---->Close`);
+                    }
+                  });
+                  $$renderer4.push(`<!---->`);
+                }
+                $$renderer4.push(`<!--]-->`);
+              }
+              $$renderer4.push(`<!--]-->`);
+            }
+          );
+          $$renderer4.push(`<!--]--></div>`);
+        };
+        Modal($$renderer3, {
+          headless: true,
+          open: runCloudflareOnboard,
+          title: "Cloudflare Setup",
+          onClose: () => {
+            runCloudflareOnboard = false;
+            newProjectName = "";
+          },
+          children: children2,
+          $$slots: { default: true }
+        });
+      }
       $$renderer3.push(`<!---->`);
     }
     do {
@@ -1002,4 +1272,4 @@ function _layout($$renderer, $$props) {
 }
 
 export { _layout as default };
-//# sourceMappingURL=_layout.svelte-BLfVQZLo.js.map
+//# sourceMappingURL=_layout.svelte-THH8hF8C.js.map