@netlify/spark-ui 1.31.0-alpha.2 → 1.31.0-alpha.4

package/dist/components/index.d.ts

@@ -5,6 +5,6 @@ export { default as SearchLink } from './preact/SearchModal/components/SearchLin
 export { default as SearchHeading } from './preact/SearchModal/components/SearchHeading/SearchHeading';
 export { default as SearchToggle } from './preact/SearchModal/components/SearchToggle/SearchToggle';
 export { default as SearchModal } from './preact/SearchModal/components/SearchModal/SearchModal';
-export { DropZone, AnonymousDropClient, AuthenticatedBuildClient, AuthenticatedDropClient, deployBuild, deployFiles, detectBuild, inferBuildSettings, readDataTransfer, readFileList, zipFiles, } from './preact/DropZone';
-export type { AuthenticatedBuildClientConfig, AuthenticatedDropClientConfig, BuildClient, BuildDeployResult, BuildDetection, BuildSite, DeployedBuild, DeployedSite, DropClient, DropResponse, Digest, DeployResult, DeployProgress, DeployPhase, InferredBuildSettings, ProcessedFile, } from './preact/DropZone';
+export { DropZone, AnonymousDropClient, AuthenticatedBuildClient, AuthenticatedDropClient, BuildCreateError, BuildFailedError, BuildTimeoutError, DROPZONE_EVENTS, getFileTypes, humanizeDropError, NotAuthenticatedError, SiteCreateError, UnsupportedDropError, deployBuild, deployFiles, detectBuild, inferBuildSettings, readDataTransfer, readFileList, zipFiles, } from './preact/DropZone';
+export type { AuthenticatedBuildClientConfig, AuthenticatedDropClientConfig, BuildClient, BuildDeployOptions, BuildReason, BuildResponse, DeployError, DeployStatus, DropZoneEventName, DropZoneEventProperties, TrackFn, ZipOptions, ZipResult, BuildDeployResult, BuildDetection, BuildSite, DeployedBuild, DeployedSite, DropClient, DropResponse, Digest, DeployResult, DeployProgress, DeployPhase, InferredBuildSettings, ProcessedFile, } from './preact/DropZone';
 export { type IconName } from './preact/Icon';

package/dist/components/preact/DropZone/DropZone.d.ts

@@ -1,5 +1,5 @@
 import { ComponentChildren } from 'preact';
-import { BuildClient, BuildDetection, DropClient } from './drop-core';
+import { BuildClient, BuildDetection, DropClient } from '../../../drop-core';
 import { DeployedBuild, DeployedSite, DeployError, TrackFn } from './useDropDeploy';
 interface Props {
     /** Content the drop layer sits on top of. The zone is invisible until you drag over it. */
@@ -47,6 +47,13 @@ interface Props {
      * static path. Distinct from `client`, which is the anonymous fallback.
      */
     authenticatedDropClient?: DropClient;
+    /**
+     * API root for the authenticated paths' JSON calls, which go through your
+     * access-control rewrite so the session cookie authorizes them. Defaults to
+     * `/access-control/bb-api/api/v1`. (Uploads always go direct to
+     * `api.netlify.com` — the proxy can't carry bodies that large.)
+     */
+    proxyBase?: string;
     /** Create the visitor's new project in this account. Omit for their default account. */
     accountSlug?: string;
     /**
@@ -70,6 +77,25 @@ interface Props {
      * redirects. The static drop path is unaffected either way.
      */
     onBuildRequired?: (info: BuildDetection) => void;
+    /**
+     * Called instead of the `buildSignupUrl` redirect when a build-required drop
+     * can't be built here (no session). By this point the drop has been stashed
+     * on this origin (`stashed` says whether that succeeded) — own the hand-off
+     * however fits your auth flow, e.g. open a signup popup that keeps the
+     * visitor on the page. Once they're back authenticated, a remount of the
+     * zone deploys the stash automatically.
+     */
+    onBuildSignupHandoff?: (info: {
+        stashed: boolean;
+        detection: BuildDetection;
+    }) => void;
+    /**
+     * Deploy a previously stashed build drop automatically when the zone mounts
+     * with an authenticated visitor (default `true`). The stash is written when a
+     * logged-out build drop is handed to signup; see
+     * [Signup hand-off and auto-resume](#signup-hand-off-and-auto-resume).
+     */
+    resumeStashedBuilds?: boolean;
     /** Called once the deploy is live. */
     onDeploy?: (result: DeployedSite) => void;
     /**
@@ -123,5 +149,5 @@ interface Props {
     analyticsId?: string;
     className?: string;
 }
-export default function DropZone({ children, apiBase, client, claimUrl, siteDashboardUrl, buildSignupUrl, getUploadToken, buildClient, authenticatedDropClient, accountSlug, buildDeployUrl, waitForBuild, onBuildRequired, onDeploy, onBuildDeploy, onError, showStatus, onTrack, analyticsId, className, }: Props): import("preact").JSX.Element;
+export default function DropZone({ children, apiBase, client, claimUrl, siteDashboardUrl, buildSignupUrl, getUploadToken, buildClient, authenticatedDropClient, proxyBase, accountSlug, buildDeployUrl, waitForBuild, onBuildRequired, onBuildSignupHandoff, resumeStashedBuilds, onDeploy, onBuildDeploy, onError, showStatus, onTrack, analyticsId, className, }: Props): import("preact").JSX.Element;
 export {};

package/dist/components/preact/DropZone/DropZone.js

@@ -1,77 +1,84 @@
 import { u as e } from "../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
-import { A as j, d as V, y as G } from "../../../chunks/hooks.module.DRcxknIz.js";
-import { readFileList as K, readDataTransfer as L } from "./drop-core/readFiles.js";
-import { getFileTypes as D } from "./drop-core/fileTypes.js";
-import "./drop-core/detectBuild.js";
-import "./drop-core/zip.js";
-import { useDropDeploy as Z } from "./useDropDeploy.js";
+import { A as E, d as K, y as L } from "../../../chunks/hooks.module.DRcxknIz.js";
+import { readFileList as W, readDataTransfer as q } from "../../../drop-core/readFiles.js";
+import { getFileTypes as z } from "../../../drop-core/fileTypes.js";
+import "../../../drop-core/detectBuild.js";
+import "../../../drop-core/zip.js";
+import { DROPZONE_EVENTS as H } from "../../../drop-core/analytics.js";
+import { useDropDeploy as J } from "./useDropDeploy.js";
 import { Fragment as w } from "preact";
-import '../../../assets/DropZone.css';const q = 120, H = (r) => `https://app.netlify.com/drop/${r}`, J = (r) => `https://app.netlify.com/projects/${r}`, Q = "https://app.netlify.com/signup?next=/drop&utm_campaign=drop", W = ({ siteName: r }) => `https://app.netlify.com/projects/${r}`;
-function se({
+import '../../../assets/DropZone.css';const Q = 120, X = (r) => `https://app.netlify.com/drop/${r}`, Y = (r) => `https://app.netlify.com/projects/${r}`, ee = "https://app.netlify.com/signup?next=/drop&utm_campaign=drop", re = ({ siteName: r }) => `https://app.netlify.com/projects/${r}`;
+function fe({
   children: r,
   apiBase: a,
   client: l,
-  claimUrl: c = H,
-  siteDashboardUrl: u = J,
-  buildSignupUrl: A = Q,
+  claimUrl: c = X,
+  siteDashboardUrl: u = Y,
+  buildSignupUrl: S = ee,
   getUploadToken: T,
-  buildClient: C,
-  authenticatedDropClient: S,
-  accountSlug: _,
-  buildDeployUrl: $ = W,
-  waitForBuild: B,
-  onBuildRequired: U,
-  onDeploy: P,
-  onBuildDeploy: R,
+  buildClient: j,
+  authenticatedDropClient: A,
+  proxyBase: C,
+  accountSlug: B,
+  buildDeployUrl: O = re,
+  waitForBuild: P,
+  onBuildRequired: R,
+  onBuildSignupHandoff: _,
+  resumeStashedBuilds: $,
+  onDeploy: N,
+  onBuildDeploy: U,
   onError: x,
   showStatus: f = !0,
   onTrack: d,
   analyticsId: g,
-  className: E
+  className: F
 }) {
-  const y = (t, n = {}) => d == null ? void 0 : d(t, g ? { dropzone_id: g, ...n } : n), { status: s, warning: b, busy: i, deploy: m, reset: F } = Z({
+  const m = (t, n = {}) => d == null ? void 0 : d(t, g ? { dropzone_id: g, ...n } : n), { status: s, warning: y, busy: i, deploy: b, reset: I } = J({
     apiBase: a,
     client: l,
     claimUrl: c,
     siteDashboardUrl: u,
-    buildSignupUrl: A,
+    buildSignupUrl: S,
     getUploadToken: T,
-    buildClient: C,
-    authenticatedDropClient: S,
-    accountSlug: _,
-    buildDeployUrl: $,
-    waitForBuild: B,
-    onBuildRequired: U,
-    onDeploy: P,
-    onBuildDeploy: R,
+    buildClient: j,
+    authenticatedDropClient: A,
+    proxyBase: C,
+    accountSlug: B,
+    buildDeployUrl: O,
+    waitForBuild: P,
+    onBuildRequired: R,
+    onBuildSignupHandoff: _,
+    resumeStashedBuilds: $,
+    onDeploy: N,
+    onBuildDeploy: U,
     onError: x,
-    track: y
-  }), { active: p, keepActive: I, endDrag: M } = X(), h = j(null), v = (t) => {
+    track: m
+  }), { active: p, keepActive: V, endDrag: M } = te(), h = E(null), v = (t) => {
     var n;
-    y("dropzone_browse_opened", { method: t }), (n = h.current) == null || n.click();
-  }, N = f && (p || i || s.kind === "error"), O = [
+    m(H.BROWSE_OPENED, { method: t }), (n = h.current) == null || n.click();
+  }, Z = f && (p || i || s.kind === "error"), G = [
     "n-dropzone",
     p && "is-active",
     i && "is-busy",
     !f && "is-bare",
-    E
+    F
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ e(
     "div",
     {
-      class: O,
+      class: G,
       "data-state": s.kind,
       role: "button",
       tabIndex: i ? -1 : 0,
       "aria-label": "Drop a site folder or zip here to deploy it, or press Enter to browse for files",
       "aria-busy": i,
       onDragOver: (t) => {
-        i || (t.preventDefault(), I());
+        i || (t.preventDefault(), V());
       },
       onDrop: (t) => {
         if (t.preventDefault(), M(), i) return;
         const n = t.dataTransfer;
-        n && m(() => L(n), "drag", D(n.files));
+        n && b(() => q(n), "drag", z(n.files));
       },
       onClick: (t) => {
         !i && t.target === t.currentTarget && v("click");
@@ -91,23 +98,23 @@ function se({
             webkitdirectory: "",
             directory: "",
             onChange: (t) => {
-              var k;
+              var D;
               const n = t.currentTarget;
-              if ((k = n.files) != null && k.length) {
-                const z = n.files;
-                m(() => K(z), "browse", D(z));
+              if ((D = n.files) != null && D.length) {
+                const k = n.files;
+                b(() => W(k), "browse", z(k));
               }
               n.value = "";
             }
           }
         ),
-        N && /* @__PURE__ */ e(
+        Z && /* @__PURE__ */ e(
           "div",
           {
             class: "n-dropzone-overlay n-fadeIn",
             children: [
-              /* @__PURE__ */ e(Y, { status: s, active: p, onReset: F }),
-              b && s.kind !== "error" && i && /* @__PURE__ */ e("p", { class: "n-dropzone-warning", role: "status", children: b })
+              /* @__PURE__ */ e(ne, { status: s, active: p, onReset: I }),
+              y && s.kind !== "error" && i && /* @__PURE__ */ e("p", { class: "n-dropzone-warning", role: "status", children: y })
             ]
           },
           s.kind === "idle" ? "active" : s.kind
@@ -116,15 +123,15 @@ function se({
     }
   );
 }
-function X() {
-  const [r, a] = V(!1), l = j();
-  return G(() => () => clearTimeout(l.current), []), { active: r, keepActive: () => {
-    a(!0), clearTimeout(l.current), l.current = setTimeout(() => a(!1), q);
+function te() {
+  const [r, a] = K(!1), l = E();
+  return L(() => () => clearTimeout(l.current), []), { active: r, keepActive: () => {
+    a(!0), clearTimeout(l.current), l.current = setTimeout(() => a(!1), Q);
   }, endDrag: () => {
     clearTimeout(l.current), a(!1);
   } };
 }
-function Y({
+function ne({
   status: r,
   active: a,
   onReset: l
@@ -180,5 +187,5 @@ function o({ label: r }) {
   ] });
 }
 export {
-  se as default
+  fe as default
 };

package/dist/components/preact/DropZone/DropZone.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/preact/DropZone/index.d.ts

@@ -1,4 +1,4 @@
 export { default as DropZone } from './DropZone';
-export { AnonymousDropClient, AuthenticatedBuildClient, AuthenticatedDropClient, BuildCreateError, BuildFailedError, BuildTimeoutError, deployBuild, deployFiles, detectBuild, getFileTypes, humanizeDropError, inferBuildSettings, NotAuthenticatedError, readDataTransfer, readFileList, SiteCreateError, UnsupportedDropError, zipFiles, } from './drop-core';
-export type { AuthenticatedBuildClientConfig, AuthenticatedDropClientConfig, BuildClient, BuildDeployOptions, BuildDeployResult, BuildDetection, BuildReason, BuildResponse, BuildSite, DropClient, DropResponse, Digest, DeployResult, DeployProgress, DeployPhase, InferredBuildSettings, ProcessedFile, ZipOptions, ZipResult, } from './drop-core';
-export type { DeployedBuild, DeployedSite, DeployError, DeployStatus } from './useDropDeploy';
+export { AnonymousDropClient, DROPZONE_EVENTS, AuthenticatedBuildClient, AuthenticatedDropClient, BuildCreateError, BuildFailedError, BuildTimeoutError, deployBuild, deployFiles, detectBuild, getFileTypes, humanizeDropError, inferBuildSettings, NotAuthenticatedError, readDataTransfer, readFileList, SiteCreateError, UnsupportedDropError, zipFiles, } from '../../../drop-core';
+export type { AuthenticatedBuildClientConfig, DropMethod, DropZoneEventName, DropZoneEventProperties, TrackFn, AuthenticatedDropClientConfig, BuildClient, BuildDeployOptions, BuildDeployResult, BuildDetection, BuildReason, BuildResponse, BuildSite, DropClient, DropResponse, Digest, DeployResult, DeployProgress, DeployPhase, InferredBuildSettings, ProcessedFile, ZipOptions, ZipResult, } from '../../../drop-core';
+export type { DeployedBuild, DeployedSite, DeployError, DeploySource, DeployStatus, } from './useDropDeploy';

package/dist/components/preact/DropZone/index.js

@@ -1,31 +1,33 @@
 import { default as o } from "./DropZone.js";
-import { readDataTransfer as i, readFileList as p } from "./drop-core/readFiles.js";
-import { getFileTypes as l } from "./drop-core/fileTypes.js";
-import { detectBuild as a, inferBuildSettings as n } from "./drop-core/detectBuild.js";
-import { AnonymousDropClient as m } from "./drop-core/client.js";
-import { AuthenticatedDropClient as s } from "./drop-core/authedDropClient.js";
-import { AuthenticatedBuildClient as E } from "./drop-core/buildClient.js";
-import { zipFiles as C } from "./drop-core/zip.js";
-import { deployBuild as c, deployFiles as h } from "./drop-core/deploy.js";
-import { BuildCreateError as A, BuildFailedError as T, BuildTimeoutError as g, NotAuthenticatedError as z, SiteCreateError as S, UnsupportedDropError as L, humanizeDropError as N } from "./drop-core/errors.js";
+import { readDataTransfer as i, readFileList as p } from "../../../drop-core/readFiles.js";
+import { getFileTypes as l } from "../../../drop-core/fileTypes.js";
+import { detectBuild as a, inferBuildSettings as f } from "../../../drop-core/detectBuild.js";
+import { AnonymousDropClient as n } from "../../../drop-core/client.js";
+import { BuildCreateError as E, BuildFailedError as s, BuildTimeoutError as B, NotAuthenticatedError as D, SiteCreateError as C, UnsupportedDropError as F, humanizeDropError as c } from "../../../drop-core/errors.js";
+import { AuthenticatedDropClient as y } from "../../../drop-core/authedDropClient.js";
+import { AuthenticatedBuildClient as T } from "../../../drop-core/buildClient.js";
+import { zipFiles as S } from "../../../drop-core/zip.js";
+import { deployBuild as z, deployFiles as O } from "../../../drop-core/deploy.js";
+import { DROPZONE_EVENTS as L } from "../../../drop-core/analytics.js";
 export {
-  m as AnonymousDropClient,
-  E as AuthenticatedBuildClient,
-  s as AuthenticatedDropClient,
-  A as BuildCreateError,
-  T as BuildFailedError,
-  g as BuildTimeoutError,
+  n as AnonymousDropClient,
+  T as AuthenticatedBuildClient,
+  y as AuthenticatedDropClient,
+  E as BuildCreateError,
+  s as BuildFailedError,
+  B as BuildTimeoutError,
+  L as DROPZONE_EVENTS,
   o as DropZone,
-  z as NotAuthenticatedError,
-  S as SiteCreateError,
-  L as UnsupportedDropError,
-  c as deployBuild,
-  h as deployFiles,
+  D as NotAuthenticatedError,
+  C as SiteCreateError,
+  F as UnsupportedDropError,
+  z as deployBuild,
+  O as deployFiles,
   a as detectBuild,
   l as getFileTypes,
-  N as humanizeDropError,
-  n as inferBuildSettings,
+  c as humanizeDropError,
+  f as inferBuildSettings,
   i as readDataTransfer,
   p as readFileList,
-  C as zipFiles
+  S as zipFiles
 };

package/dist/components/preact/DropZone/useDropDeploy.d.ts

@@ -1,6 +1,6 @@
-import { BuildClient, BuildDetection, DropClient, InferredBuildSettings, ProcessedFile } from './drop-core';
+import { BuildClient, BuildDetection, DropClient, DropMethod, TrackFn, InferredBuildSettings, ProcessedFile } from '../../../drop-core';
 /** How the files reached the zone — carried through to analytics. */
-export type DeploySource = 'drag' | 'browse';
+export type DeploySource = DropMethod;
 /** The live site handed back once a deploy succeeds. */
 export interface DeployedSite {
     url: string;
@@ -57,8 +57,8 @@ export type DeployStatus = {
     kind: 'error';
     message: string;
 };
-/** Provider-agnostic analytics sink. */
-export type TrackFn = (event: string, properties?: Record<string, unknown>) => void;
+/** Re-exported from the drop-core analytics contract, where the shape now lives. */
+export type { TrackFn };
 interface UseDropDeployOptions {
     apiBase?: string;
     client?: DropClient;
@@ -68,10 +68,16 @@ interface UseDropDeployOptions {
     buildClient?: BuildClient;
     authenticatedDropClient?: DropClient;
     getUploadToken?: () => Promise<string | null>;
+    proxyBase?: string;
     accountSlug?: string;
     buildDeployUrl: (build: DeployedBuild) => string;
     waitForBuild?: boolean;
     onBuildRequired?: (info: BuildDetection) => void;
+    onBuildSignupHandoff?: (info: {
+        stashed: boolean;
+        detection: BuildDetection;
+    }) => void;
+    resumeStashedBuilds?: boolean;
     onDeploy?: (site: DeployedSite) => void;
     onBuildDeploy?: (build: DeployedBuild) => void;
     onError?: (error: DeployError) => void;
@@ -81,11 +87,10 @@ interface UseDropDeployOptions {
  * Owns the deploy state machine and its side effects (upload, local persistence,
  * analytics, redirect), keeping DropZone a thin view over the returned `status`.
  */
-export declare function useDropDeploy({ apiBase, client, claimUrl, siteDashboardUrl, buildSignupUrl, buildClient, authenticatedDropClient, getUploadToken, accountSlug, buildDeployUrl, waitForBuild, onBuildRequired, onDeploy, onBuildDeploy, onError, track, }: UseDropDeployOptions): {
+export declare function useDropDeploy({ apiBase, client, claimUrl, siteDashboardUrl, buildSignupUrl, buildClient, authenticatedDropClient, getUploadToken, proxyBase, accountSlug, buildDeployUrl, waitForBuild, onBuildRequired, onBuildSignupHandoff, resumeStashedBuilds, onDeploy, onBuildDeploy, onError, track, }: UseDropDeployOptions): {
     status: DeployStatus;
     warning: string | null;
     busy: boolean;
     deploy: (read: () => Promise<ProcessedFile[]>, source: DeploySource, fileTypes: string[]) => Promise<void>;
     reset: () => void;
 };
-export {};