shaders 2.5.121 → 2.5.122

package/dist/js/createShader.js

@@ -148,7 +148,7 @@ async function createShader(canvas, preset, options) {
 					return;
 				}
 				if (renderer.getPerformanceStats().fps > 0) {
-					state.telemetryCollector = startTelemetry(renderer, "2.5.121", options?.disableTelemetry || false, false);
+					state.telemetryCollector = startTelemetry(renderer, "2.5.122", options?.disableTelemetry || false, false);
 					if (state.telemetryCollector) state.telemetryCollector.start();
 					state.telemetryStartTimeout = null;
 				} else state.telemetryStartTimeout = setTimeout(checkRendering, 500);

package/dist/partner/index.d.ts

@@ -10,10 +10,19 @@ export interface PartnerPresetDefinition {
     colorSpace?: string;
     devicePreview?: string;
 }
+/**
+ * Top-level groupings the dotcom catalogues shaders under. Pass to
+ * `listPresets({ categories })` to narrow the response. Omit to receive every
+ * category.
+ */
+export type CollectionCategory = 'background' | 'logo' | 'image-effects';
 export interface PartnerCollection {
     id: string;
     name: string;
     slug: string;
+    /** Top-level grouping. Useful when partners want to render section
+     *  headings or filter the list further client-side. */
+    category: CollectionCategory;
 }
 export type PartnerPresetLabel = 'gradient' | 'geometric' | 'organic' | 'glowing' | 'textured' | 'retro' | '3d' | 'minimal' | 'vibrant' | 'dark' | 'calm' | 'dramatic';
 export interface PartnerKeyPropTarget {
@@ -56,6 +65,13 @@ export interface PartnerClientOptions {
 export interface ListPresetsOptions {
     page?: number;
     limit?: number;
+    /**
+     * Restrict the response to one or more categories. Omit to receive every
+     * category (the default — what you want for a general-purpose integration).
+     * Supply a subset (e.g. `['logo']`) when the integration only renders one
+     * kind of shader, so you don't pull rows you'll never show.
+     */
+    categories?: CollectionCategory[];
 }
 export declare class PartnerClient {
     private readonly apiKey;
@@ -65,5 +81,29 @@ export declare class PartnerClient {
     private getCached;
     private setCached;
     listPresets(options?: ListPresetsOptions): Promise<PartnerListPresetsResponse>;
+    /**
+     * Generate an SDF (signed distance field) `.bin` file from raw SVG content.
+     * Resolves to the file's bytes as a `Uint8Array` — the caller can write it
+     * to disk, upload it to their own CDN, or feed it straight into a shader
+     * component that consumes SDF buffers.
+     *
+     * Backed by the public `/api/plugin/sdf/generate` endpoint, which is shared
+     * with the Framer plugin. The endpoint is anonymous (no API key required);
+     * Vercel-side rate limits apply. Maximum input size: 5 MB of SVG text.
+     *
+     * Not cached — the same SVG fed in twice will round-trip twice. Memoize
+     * upstream if you need to.
+     *
+     * @example
+     * ```ts
+     * const fs = await import('node:fs/promises')
+     * const svg = await fs.readFile('./logo.svg', 'utf8')
+     * const sdf = await client.generateSdf(svg)
+     * await fs.writeFile('./logo.sdf.bin', sdf)
+     * ```
+     */
+    generateSdf(svg: string, options?: {
+        timeoutMs?: number;
+    }): Promise<Uint8Array>;
 }
 //# sourceMappingURL=index.d.ts.map

package/dist/partner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,sBAAsB,EAAE,CAAA;CACpC;AAED,MAAM,WAAW,uBAAuB;IACtC,UAAU,EAAE,sBAAsB,EAAE,CAAA;IACpC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,UAAU,CAAA;AAEtK,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,CAAA;IACpB,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,OAAO,GAAG,OAAO,GAAG,MAAM,CAAA;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,EAAE,oBAAoB,EAAE,CAAA;CAChC;AAED,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,EAAE,iBAAiB,GAAG,IAAI,CAAA;IACpC,UAAU,EAAE,uBAAuB,CAAA;IACnC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAA;IACjC,cAAc,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAC/B,eAAe,EAAE,MAAM,EAAE,GAAG,IAAI,CAAA;IAChC,MAAM,EAAE,kBAAkB,EAAE,GAAG,IAAI,CAAA;IACnC,SAAS,EAAE,cAAc,EAAE,GAAG,IAAI,CAAA;IAClC,UAAU,EAAE,MAAM,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;CACnB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,OAAO,EAAE,aAAa,EAAE,CAAA;IACxB,UAAU,EAAE,iBAAiB,CAAA;CAC9B;AAED,MAAM,WAAW,oBAAoB;IACnC,MAAM,EAAE,MAAM,CAAA;IACd,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAUD,qBAAa,aAAa;IACxB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAQ;IAC/B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAQ;IAChC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAyC;gBAEnD,OAAO,EAAE,oBAAoB;IAMzC,OAAO,CAAC,SAAS;IAUjB,OAAO,CAAC,SAAS;IAIX,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,OAAO,CAAC,0BAA0B,CAAC;CA6BzF"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/partner/index.js

@@ -22,12 +22,16 @@ class PartnerClient {
   async listPresets(options = {}) {
     const page = Math.max(1, options.page ?? 1);
     const limit = Math.min(100, Math.max(1, options.limit ?? 20));
-    const cacheKey = `presets:p${page}:l${limit}`;
+    const categories = options.categories && options.categories.length > 0 ? [...new Set(options.categories)].sort() : null;
+    const cacheKey = `presets:p${page}:l${limit}:c${(categories == null ? void 0 : categories.join(",")) ?? "*"}`;
     const cached = this.getCached(cacheKey);
     if (cached) return cached;
     const url = new URL(`${this.baseUrl}/api/partner/v1/presets`);
     url.searchParams.set("page", String(page));
     url.searchParams.set("limit", String(limit));
+    if (categories) {
+      url.searchParams.set("categories", categories.join(","));
+    }
     const response = await fetch(url.toString(), {
       headers: { Authorization: `Bearer ${this.apiKey}` }
     });
@@ -44,6 +48,62 @@ class PartnerClient {
     this.setCached(cacheKey, data);
     return data;
   }
+  /**
+   * Generate an SDF (signed distance field) `.bin` file from raw SVG content.
+   * Resolves to the file's bytes as a `Uint8Array` — the caller can write it
+   * to disk, upload it to their own CDN, or feed it straight into a shader
+   * component that consumes SDF buffers.
+   *
+   * Backed by the public `/api/plugin/sdf/generate` endpoint, which is shared
+   * with the Framer plugin. The endpoint is anonymous (no API key required);
+   * Vercel-side rate limits apply. Maximum input size: 5 MB of SVG text.
+   *
+   * Not cached — the same SVG fed in twice will round-trip twice. Memoize
+   * upstream if you need to.
+   *
+   * @example
+   * ```ts
+   * const fs = await import('node:fs/promises')
+   * const svg = await fs.readFile('./logo.svg', 'utf8')
+   * const sdf = await client.generateSdf(svg)
+   * await fs.writeFile('./logo.sdf.bin', sdf)
+   * ```
+   */
+  async generateSdf(svg, options = {}) {
+    if (typeof svg !== "string" || svg.length === 0) {
+      throw new Error("generateSdf requires a non-empty SVG string");
+    }
+    const timeoutMs = options.timeoutMs ?? 3e4;
+    const controller = new AbortController();
+    const timeoutHandle = setTimeout(() => controller.abort(), timeoutMs);
+    try {
+      const response = await fetch(`${this.baseUrl}/api/plugin/sdf/generate`, {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ svg }),
+        signal: controller.signal
+      });
+      if (!response.ok) {
+        let message = response.statusText;
+        try {
+          const body = await response.json();
+          if (body.message) message = body.message;
+          else if (body.error) message = body.error;
+        } catch {
+        }
+        throw new Error(`SDF generation failed ${response.status}: ${message}`);
+      }
+      const buffer = await response.arrayBuffer();
+      return new Uint8Array(buffer);
+    } catch (err) {
+      if (err instanceof Error && err.name === "AbortError") {
+        throw new Error(`SDF generation timed out after ${timeoutMs}ms`);
+      }
+      throw err;
+    } finally {
+      clearTimeout(timeoutHandle);
+    }
+  }
 }
 export {
   PartnerClient

package/dist/react/Shader.js

@@ -89,7 +89,7 @@ const Shader = ({ children, disableTelemetry = false, colorSpace = "p3-linear",
 				return;
 			}
 			if (rendererRef.current.getPerformanceStats().fps > 0) {
-				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.121", disableTelemetry, isPreview);
+				telemetryCollectorRef.current = startTelemetry(rendererRef.current, "2.5.122", disableTelemetry, isPreview);
 				if (telemetryCollectorRef.current) telemetryCollectorRef.current.start();
 				telemetryStartTimeoutRef.current = null;
 			} else telemetryStartTimeoutRef.current = window.setTimeout(checkRendering, 500);