@netlify/spark-ui 1.26.0-alpha.1 → 1.26.0-alpha.3

package/dist/components/preact/DropZone/drop-core/types.d.ts

@@ -8,8 +8,17 @@ export interface ProcessedFile {
     name: string;
 }
 export type Digest = Record<string, string>;
-export interface Deploy {
+/**
+ * Response body of `POST /api/v1/drop`. Not a canonical Deploy resource —
+ * it's a mixed shape carrying both the anonymous site and the initial deploy
+ * so the client has everything it needs to upload, poll, and hand off to the
+ * user in one round trip.
+ */
+export interface DropResponse {
+    /** site id (UUID) — surfaced to callers so they can build claim links */
     id: string;
+    /** deploy id (BSON) — used for `/deploys/{deploy_id}` reads and file PUTs */
+    deploy_id: string;
     /** the *.netlify.app subdomain assigned to the anonymous site */
     subdomain: string;
     /** SHAs the backend does NOT yet have — only these get uploaded */
@@ -17,7 +26,7 @@ export interface Deploy {
     state?: string;
 }
 export interface DeployResult {
-    deploy: Deploy;
+    deploy: DropResponse;
     /** drop token — persist this to later claim the site into an account */
     token: string;
     url: string;

package/dist/components/preact/SearchModal/components/SearchModal/SearchModal.js

@@ -1,6 +1,6 @@
 import { u as e } from "../../../../../chunks/jsxRuntime.module.Bzuv3cXw.js";
 import { A as g, y as f, d } from "../../../../../chunks/hooks.module.DRcxknIz.js";
-import { A as L, K as P } from "../../../../../chunks/AskNetlify.B3RnU2w-.js";
+import { A as L, K as P } from "../../../../../chunks/AskNetlify.bx0blyGV.js";
 import M from "../../../Modal/Modal.js";
 import h from "../../../KeyboardKey/KeyboardKey.js";
 import O from "../SearchWindow.js";

package/dist/components/preact/index.js

@@ -4,7 +4,7 @@ import { default as m } from "./Icon/index.js";
 import { default as s } from "./SearchModal/components/SearchLink/SearchLink.js";
 import { default as u } from "./SearchModal/components/SearchHeading/SearchHeading.js";
 import { default as i } from "./SearchModal/components/SearchToggle/SearchToggle.js";
-import { A as S } from "../../chunks/AskNetlify.B3RnU2w-.js";
+import { A as S } from "../../chunks/AskNetlify.bx0blyGV.js";
 import "preact";
 import "../../chunks/hooks.module.DRcxknIz.js";
 import { default as n } from "./SearchModal/components/SearchModal/SearchModal.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@netlify/spark-ui",
   "description": "Assets, design tokens, components, and utilities",
-  "version": "1.26.0-alpha.1",
+  "version": "1.26.0-alpha.3",
   "type": "module",
   "main": "dist/components/preact/index.js",
   "types": "dist/components/preact/index.d.ts",
@@ -39,7 +39,7 @@
     "@astro-community/astro-embed-youtube": "^0.5.10",
     "@kapaai/react-sdk": "^0.9.0",
     "@shikijs/transformers": "^3.3.0",
-    "jszip": "^3.10.1",
+    "fflate": "^0.8.2",
     "marked": "^15.0.11",
     "rusha": "^0.8.14"
   },

package/packages/components/preact/DropZone/drop-core/client.ts

@@ -1,10 +1,10 @@
-import type { Deploy, Digest } from './types';
+import type { DropResponse, Digest } from './types';
 
 export interface DropClient {
   getToken(): Promise<string>;
-  createDeploy(digest: Digest, token: string): Promise<Deploy>;
+  createDeploy(digest: Digest, token: string): Promise<DropResponse>;
   uploadFile(deployId: string, path: string, content: ArrayBuffer, token: string): Promise<void>;
-  waitUntilReady(deploy: Deploy, token: string): Promise<void>;
+  waitUntilReady(deploy: DropResponse, token: string): Promise<void>;
 }
 
 const API = 'https://api.netlify.com/api/v1';
@@ -22,7 +22,7 @@ export class AnonymousDropClient implements DropClient {
     return (await res.json()).token;
   }
 
-  async createDeploy(files: Digest, token: string): Promise<Deploy> {
+  async createDeploy(files: Digest, token: string): Promise<DropResponse> {
     const res = await fetch(`${this.apiBase}/drop`, {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
@@ -47,10 +47,13 @@ export class AnonymousDropClient implements DropClient {
     if (!res.ok) throw new Error(`upload ${path} failed: ${res.status}`);
   }
 
-  async waitUntilReady(deploy: Deploy, token: string): Promise<void> {
+  async waitUntilReady(deploy: DropResponse, token: string): Promise<void> {
     // Poll the deploy with the drop token until ready.
+    // Note: `/deploys/{id}` expects the deploy_id (BSON), not the site id (UUID)
+    // that lives at `deploy.id`. See drop_controller.rb; Deploy.find(uuid) is nil
+    // and the request 401s misleadingly via require_current_actor!.
     for (let i = 0; i < 600; i++) {
-      const res = await fetch(`${this.apiBase}/deploys/${deploy.id}`, {
+      const res = await fetch(`${this.apiBase}/deploys/${deploy.deploy_id}`, {
         headers: { Authorization: `Bearer ${token}` },
       });
       if (res.ok && (await res.json()).state === 'ready') return;

package/packages/components/preact/DropZone/drop-core/readFiles.ts

@@ -89,16 +89,19 @@ export async function readFileList(files: FileList): Promise<ProcessedFile[]> {
 // --- zip --------------------------------------------------------------------
 
 export async function readZip(zip: File): Promise<ProcessedFile[]> {
-  const { default: JSZip } = await import('jszip');
-  const archive = await JSZip.loadAsync(await zip.arrayBuffer());
-  const out: ProcessedFile[] = [];
-  await Promise.all(
-    Object.entries(archive.files).map(async ([path, entry]) => {
-      if (entry.dir || /(^|\/)(__MACOSX\/|\.)/.test(path)) return;
-      const content = await entry.async('arraybuffer');
-      out.push(toProcessedFile(path, content, path.split('/').pop()!));
-    })
+  const { unzip } = await import('fflate');
+  const buf = new Uint8Array(await zip.arrayBuffer());
+  const entries = await new Promise<Record<string, Uint8Array>>((resolve, reject) =>
+    unzip(buf, (err, data) => (err ? reject(err) : resolve(data)))
   );
+  const out: ProcessedFile[] = [];
+  for (const [path, bytes] of Object.entries(entries)) {
+    // fflate uses a trailing slash to signal directory entries; also skip the
+    // usual junk (macOS metadata, dotfiles at any depth).
+    if (path.endsWith('/') || /(^|\/)(__MACOSX\/|\.)/.test(path)) continue;
+    const content = bytes.buffer.slice(bytes.byteOffset, bytes.byteOffset + bytes.byteLength);
+    out.push(toProcessedFile(path, content, path.split('/').pop()!));
+  }
   return normalizeFiles(out);
 }
 

package/packages/components/preact/DropZone/drop-core/types.ts

@@ -10,8 +10,17 @@ export interface ProcessedFile {
 
 export type Digest = Record<string, string>; // { "/index.html": "<sha1>" }
 
-export interface Deploy {
+/**
+ * Response body of `POST /api/v1/drop`. Not a canonical Deploy resource —
+ * it's a mixed shape carrying both the anonymous site and the initial deploy
+ * so the client has everything it needs to upload, poll, and hand off to the
+ * user in one round trip.
+ */
+export interface DropResponse {
+  /** site id (UUID) — surfaced to callers so they can build claim links */
   id: string;
+  /** deploy id (BSON) — used for `/deploys/{deploy_id}` reads and file PUTs */
+  deploy_id: string;
   /** the *.netlify.app subdomain assigned to the anonymous site */
   subdomain: string;
   /** SHAs the backend does NOT yet have — only these get uploaded */
@@ -20,7 +29,7 @@ export interface Deploy {
 }
 
 export interface DeployResult {
-  deploy: Deploy;
+  deploy: DropResponse;
   /** drop token — persist this to later claim the site into an account */
   token: string;
   url: string; // https://<subdomain>.netlify.app

package/dist/chunks/_commonjsHelpers.DaMA6jEr.js

@@ -1,8 +0,0 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
-}
-export {
-  o as c,
-  l as g
-};