unframer 2.24.2 → 2.24.4

package/esm/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,wBAAwB,EACxB,aAAa,EAMhB,MAAM,OAAO,CAAA;AACd,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAYjB,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AA8BpE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CAmD9D;AAED,eAAO,MAAM,qBAAqB,GAC9B,CAAC,SAAS,aAAa,CAAC;IAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,EAChE,mDAIC;IACC,SAAS,EAAE,CAAC,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAC/E,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAG,GA6ElD,CAAA;AAsBD,OAAO,KAAK,MAAM,OAAO,CAAA;AAsCzB,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;;;CAAA,OAGtD;AAQD,wBAAgB,WAAW,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACV;;;;;;;CAAA,8CA4CA;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EAAE,OAAO,EACf,QAAQ,EACR,YAAY,EACZ,MAAM,EAEN,OAAO,GACV;;;;;;CAAA,8CA6BA;AAyBD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,8CAM5D"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EACH,wBAAwB,EACxB,aAAa,EAMhB,MAAM,OAAO,CAAA;AACd,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAYjB,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,sBAAsB,CAAA;AA8BpE;;GAEG;AACH,wBAAgB,YAAY,CAAC,EAAE,UAAwB,EAAE;;CAAA,GAAG,GAAG,CAmD9D;AAED,eAAO,MAAM,qBAAqB,GAC9B,CAAC,SAAS,aAAa,CAAC;IAAE,OAAO,CAAC,EAAE,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,qDAK/D;IACC,SAAS,EAAE,CAAC,CAAA;IACZ,QAAQ,EAAE,MAAM,CAAC,kBAAkB,EAAE,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA;CAC/E,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,KAAG,GA6ElD,CAAA;AAsBD,OAAO,KAAK,MAAM,OAAO,CAAA;AAsCzB,wBAAgB,mBAAmB,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE;;;CAAA,OAGtD;AAQD,wBAAgB,WAAW,CAAC,EACxB,IAAI,EACJ,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,GAAG,IAAI,EACV;;;;;;;CAAA,8CA4CA;AAED,wBAAgB,gBAAgB,CAAC,EAC7B,MAAM,EAAE,OAAO,EACf,QAAQ,EACR,YAAY,EACZ,MAAM,EAEN,OAAO,GACV;;;;;;CAAA,8CA6BA;AAyBD,KAAK,qBAAqB,GAAG;IACzB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAChC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC5B,CAAA;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,8CAM5D"}

package/esm/sentry.d.ts

@@ -0,0 +1,2 @@
+export declare function notifyError(error: unknown, msg?: string): Promise<void>;
+//# sourceMappingURL=sentry.d.ts.map

package/esm/sentry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentry.d.ts","sourceRoot":"","sources":["../src/sentry.ts"],"names":[],"mappings":"AAKA,wBAAsB,WAAW,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,MAAM,iBAiB7D"}

package/esm/sentry.js

@@ -0,0 +1,20 @@
+const SENTRY_DSN = 'https://67125acb9a41f616144a07c90a16775e@o4508014272446464.ingest.de.sentry.io/4509202968674384';
+let sentry = null;
+export async function notifyError(error, msg) {
+    console.error(msg, error);
+    if (!sentry) {
+        const mod = await import('@sentry/node');
+        mod.init({
+            dsn: SENTRY_DSN,
+            beforeSend(event) {
+                if (event?.['name'] === 'AbortError')
+                    return null;
+                return event;
+            },
+        });
+        sentry = mod;
+    }
+    sentry.captureException(error, { extra: { msg } });
+    await sentry.flush(1000);
+}
+//# sourceMappingURL=sentry.js.map

package/esm/sentry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sentry.js","sourceRoot":"","sources":["../src/sentry.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,GACZ,iGAAiG,CAAA;AAErG,IAAI,MAAM,GAAyC,IAAI,CAAA;AAEvD,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAc,EAAE,GAAY;IAC1D,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IAEzB,IAAI,CAAC,MAAM,EAAE,CAAC;QACV,MAAM,GAAG,GAAG,MAAM,MAAM,CAAC,cAAc,CAAC,CAAA;QACxC,GAAG,CAAC,IAAI,CAAC;YACL,GAAG,EAAE,UAAU;YACf,UAAU,CAAC,KAAK;gBACZ,IAAI,KAAK,EAAE,CAAC,MAAM,CAAC,KAAK,YAAY;oBAAE,OAAO,IAAI,CAAA;gBACjD,OAAO,KAAK,CAAA;YAChB,CAAC;SACJ,CAAC,CAAA;QACF,MAAM,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,MAAM,CAAC,gBAAgB,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAAA;IAClD,MAAM,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;AAC5B,CAAC"}

package/esm/utils.d.ts

@@ -1,8 +1,23 @@
-export declare const spinner: import("nanospinner").Spinner;
+import { Agent } from 'undici';
 export declare function terminalMarkdown(markdown: string): string | Promise<string>;
+export declare const dispatcher: Agent;
 export declare const logger: {
     debug: boolean;
     log(...args: any[]): void;
+    start(x?: string): void;
+    stop(x?: string): void;
+    info(...args: any[]): void;
+    update(...args: any[]): void;
+    green(...args: any[]): void;
+    error(...args: any[]): void;
+};
+export declare const spinner: {
+    debug: boolean;
+    log(...args: any[]): void;
+    start(x?: string): void;
+    stop(x?: string): void;
+    info(...args: any[]): void;
+    update(...args: any[]): void;
     green(...args: any[]): void;
     error(...args: any[]): void;
 };

package/esm/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,+BAAiD,CAAA;AAIrE,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,4BAEhD;AAKD,eAAO,MAAM,MAAM;;;;;CAclB,CAAA;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,UAQ/C;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,oBAE/B;AAUD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,UAkBpC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAE5E;AAED,eAAO,MAAM,qBAAqB,oBAAsC,CAAA"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AACA,OAAO,EACH,KAAK,EAKR,MAAM,QAAQ,CAAA;AAQf,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,4BAEhD;AAED,eAAO,MAAM,UAAU,OAGrB,CAAA;AAKF,eAAO,MAAM,MAAM;;;cAQL,MAAM;aAIP,MAAM;;;;;CAgBlB,CAAA;AAED,eAAO,MAAM,OAAO;;;cAtBN,MAAM;aAIP,MAAM;;;;;CAkBU,CAAA;AAE7B,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,UAQ/C;AAED,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,oBAE/B;AAUD,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,UAkBpC;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,GAAG,KAAK,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,CAAC,CAE5E;AAED,eAAO,MAAM,qBAAqB,oBAAsC,CAAA"}

package/esm/utils.js

@@ -1,12 +1,15 @@
 import pico from 'picocolors';
+import { Agent, } from 'undici';
 import { marked } from 'marked';
 import { markedTerminal } from 'marked-terminal';
-import { createSpinner } from 'nanospinner';
-export const spinner = createSpinner('Downloading Framer Components');
 marked.use(markedTerminal());
 export function terminalMarkdown(markdown) {
     return marked(markdown);
 }
+export const dispatcher = new Agent({
+    keepAliveTimeout: 20,
+    keepAliveMaxTimeout: 20,
+});
 const shouldDebugUnframer = !!process.env.DEBUG_UNFRAMER;
 const prefix = '[unframer]';
 export const logger = {
@@ -17,6 +20,22 @@ export const logger = {
         }
         console.log(prefix, ...args);
     },
+    start(x) {
+        if (!x)
+            return;
+        console.log(prefix, x);
+    },
+    stop(x) {
+        if (!x)
+            return;
+        console.log(prefix, x);
+    },
+    info(...args) {
+        console.log(prefix, ...args);
+    },
+    update(...args) {
+        console.log(prefix, ...args);
+    },
     green(...args) {
         console.log([prefix, ...args].map((x) => pico.green(x)).join(' '));
     },
@@ -24,6 +43,7 @@ export const logger = {
         console.error([prefix, ...args].map((x) => pico.red(x)).join(' '));
     },
 };
+export const spinner = logger;
 export function componentNameToPath(name) {
     return (name
         .split('/')

package/esm/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/esm/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "2.24.2";
+export declare const version = "2.24.4";
 //# sourceMappingURL=version.d.ts.map

package/esm/version.js

@@ -1,2 +1,2 @@
-export const version = '2.24.2';
+export const version = '2.24.4';
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unframer",
-  "version": "2.24.2",
+  "version": "2.24.4",
   "description": "Import Framer components directly in your React app, type safe and customizable",
   "sideEffects": false,
   "repository": "https://github.com/remorses/unframer",
@@ -42,20 +42,21 @@
     "node": ">=18.0.0"
   },
   "dependencies": {
+    "@sentry/node": "^9.13.0",
     "async-sema": "^3.1.1",
     "cac": "^6.7.14",
-    "esbuild": "^0.24.2",
+    "esbuild": "^0.25.3",
     "esbuild-plugins-node-modules-polyfill": "^1.6.8",
     "find-up": "^7.0.0",
     "json5": "^2.2.3",
     "marked": "^15.0.6",
     "marked-terminal": "^7.2.1",
     "nanospinner": "^1.2.2",
-    "node-fetch-commonjs": "^3.3.2",
     "picocolors": "^1.1.1",
     "real-framer-motion": "npm:framer-motion@12.0.6",
     "spiceflow": "^1.6.1",
-    "string-dedent": "^3.0.1"
+    "string-dedent": "^3.0.1",
+    "undici": "^7.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.26.7",

package/src/cli.tsx

@@ -1,4 +1,6 @@
 import { setMaxListeners } from 'events'
+import { fetch } from 'undici'
+import './sentry.js'
 import JSON from 'json5'
 import { bundle, StyleToken } from './exporter.js'
 import { createClient } from './generated/api-client.js'
@@ -10,11 +12,13 @@ import path, { basename } from 'path'
 import { BreakpointSizes } from './css.js'
 import {
     componentNameToPath,
+    dispatcher,
     isTruthy,
     logger,
     sleep,
     spinner,
 } from './utils.js'
+import { notifyError } from './sentry.js'
 const configNames = ['unframer.config.json', 'unframer.json']
 
 export const cli = cac('unframer')
@@ -55,18 +59,22 @@ cli.command('[projectId]', 'Run unframer with optional project ID')
                     url:
                         process.env.UNFRAMER_SERVER_URL ||
                         'https://unframer.co',
+                    
                 })
 
+                spinner.start(`Fetching config for project ${projectId}`)
                 const { data, error } =
                     await client.api.plugins.reactExportPlugin
                         .project({ projectId })
                         .get()
                 if (error) {
-                    logger.error('Error fetching project data:', error)
+                    spinner.error('Error fetching project data:')
+                    console.error(error)
                     throw error
                 }
+                spinner.info(`Got Framer project data`)
                 const websiteUrl = data?.project?.websiteUrl
-                logger.log('unframer data', data)
+
                 const projectName = data?.project?.projectName || ''
                 if (projectName) {
                     spinner.info(`Using project: ${projectName}`)
@@ -127,6 +135,7 @@ cli.command('[projectId]', 'Run unframer with optional project ID')
                 while (Date.now() - startTime < 30 * 60 * 1000) {
                     const etag = await fetch(websiteUrl, {
                         method: 'HEAD',
+                        dispatcher,
                     })
                         .then((response) => response.headers.get('etag'))
                         .catch((error) => {
@@ -179,7 +188,8 @@ cli.command('[projectId]', 'Run unframer with optional project ID')
             })
             await buildContext.dispose?.()
         } catch (error) {
-            logger.error('Error in main:', error)
+            notifyError(error)
+
             throw error
         }
     })
@@ -223,34 +233,6 @@ cli.command('init', 'Init the unframer.config.json config').action(
     },
 )
 
-function safeJsonParse(json: string) {
-    try {
-        return JSON.parse(json)
-    } catch (e) {
-        return null
-    }
-}
-
-function pluck<T, K extends keyof T>(o: T, names: K[]): { [k: string]: T[K] } {
-    return Object.fromEntries(names.map((n) => [n, o[n]]))
-}
-
-function getNewNames(oldConfig: Config, newConfig: Config) {
-    // get the new names, also check if the previous url (object value) has changed
-    const oldKeys = Object.keys(oldConfig.components)
-    const newKeys = Object.keys(newConfig.components)
-    const newNames = newKeys.filter((key) => {
-        if (!oldKeys.includes(key)) {
-            return true
-        }
-        if (oldConfig.components[key] !== newConfig.components[key]) {
-            return true
-        }
-        return false
-    })
-    return newNames
-}
-
 export type Config = {
     components: {
         [name: string]: string

package/src/esbuild.ts

@@ -1,6 +1,5 @@
-import { createSpinner } from 'nanospinner'
-import fetch from 'node-fetch-commonjs'
-import { logger } from './utils'
+import { fetch } from 'undici'
+import { dispatcher, logger, spinner } from './utils'
 
 import { Plugin, transform, type OnResolveArgs } from 'esbuild'
 import { resolvePackage } from './exporter'
@@ -47,7 +46,7 @@ export function esbuildPluginBundleDependencies({
     externalPackages = [...defaultExternalPackages, ...externalPackages]
     // console.log(externalPackages)
     const codeCache = new Map()
-    const spinner = createSpinner('Fetching Framer Components Modules')
+
     spinner.start()
 
     const plugin: Plugin = {
@@ -173,7 +172,10 @@ export function esbuildPluginBundleDependencies({
                     logger.log('fetching', url, 'because of', args.path)
                     spinner.update(`Fetching ${url.replace(/https?:\/\//, '')}`)
 
-                    const res = await fetchWithRetry(resolved, { signal })
+                    const res = await fetchWithRetry(resolved, {
+                        signal,
+                        dispatcher,
+                    })
                     if (!res.ok) {
                         throw new Error(
                             `Cannot fetch ${resolved}: ${res.status} ${res.statusText}`,
@@ -274,6 +276,7 @@ export async function recursiveResolveRedirect(
     let res = await fetchWithRetry(url, {
         redirect: 'manual',
         method: 'HEAD',
+        dispatcher,
         signal: signal,
     })
     const loc = res.headers.get('location')
@@ -284,8 +287,14 @@ export async function recursiveResolveRedirect(
 
     return url
 }
-
-export const fetchWithRetry = retryTwice(fetch) as typeof fetch
+export const fetchWithRetry = retryTwice(
+    (url: string, options?: RequestInit) => {
+        const timeout = setTimeout(() => {
+            logger.error('fetch taking more than 5s', url)
+        }, 5000)
+        return fetch(url, options as any).finally(() => clearTimeout(timeout))
+    },
+) as typeof fetch
 
 export function retryTwice<F extends Function>(fn: Function): Function {
     return async (...args) => {

package/src/exporter.ts

@@ -39,6 +39,8 @@ import {
     spinner,
     terminalMarkdown,
 } from './utils.js'
+import { error } from 'console'
+import { notifyError } from './sentry'
 
 export type StyleToken = {
     id: string
@@ -569,7 +571,7 @@ export async function bundle({
     const prop = findExampleProperty(exampleComponent?.propertyControls)
     const propStr = prop ? ` ${prop}='example'` : ''
     const responsiveComponent = dedent`
-    {/* use .Responsive for components with breakpoints, remove it if you want to pass a specific variant */}
+    {/* use .Responsive for components with breakpoints */}
     <${exampleComponent?.componentName}.Responsive${propStr} />
     `
     const nonResponsiveComponent = dedent`
@@ -811,6 +813,7 @@ async function extractPropControlsSafe(text, name) {
         }
         return propControls
     } catch (e: any) {
+        notifyError(error, 'typescript generation error')
         logger.error(`Cannot get property controls for ${name}`, e.stack)
     }
 }

package/src/framer.js

@@ -10429,7 +10429,7 @@ function steps(numSteps, direction = 'end',) {
   };
 }
 
-// /:https://app.framerstatic.com/framer.RHPWPDUD.mjs
+// /:https://app.framerstatic.com/framer.J6CEE64J.mjs
 import React4 from 'react';
 import { startTransition as startTransition2, } from 'react';
 import { Suspense as Suspense2, } from 'react';
@@ -18571,6 +18571,7 @@ var ControlType = /* @__PURE__ */ ((ControlType2) => {
   ControlType2['Cursor'] = 'cursor';
   ControlType2['Padding'] = 'padding';
   ControlType2['BorderRadius'] = 'borderradius';
+  ControlType2['Gap'] = 'gap';
   ControlType2['CollectionReference'] = 'collectionreference';
   ControlType2['MultiCollectionReference'] = 'multicollectionreference';
   ControlType2['TrackingId'] = 'trackingid';
@@ -19008,6 +19009,9 @@ var inputIconCSSDeclaration = {
 function createRGBVariableFallbacks(variables, fallback,) {
   return css.variable(...variables.flatMap((variable) => [`${variable}-rgb`, variable,]), fallback,);
 }
+function createFontSizeVariableFallbacks(variables, fallback,) {
+  return css.variable(...variables.flatMap((variable) => [`${variable}-canvas`, variable,]), fallback,);
+}
 var richTextCSSRules = /* @__PURE__ */ (() => [
   /* css */
   `
@@ -19043,7 +19047,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-blockquote-text-color, var(--framer-text-color, #000));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }) * var(--framer-font-size-scale, 1));
             letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
             text-transform: var(--framer-blockquote-text-transform, var(--framer-text-transform, none));
             text-decoration: var(--framer-blockquote-text-decoration, var(--framer-text-decoration, none));
@@ -19162,7 +19168,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }) * var(--framer-font-size-scale, 1));
             letter-spacing: var(--framer-blockquote-letter-spacing, var(--framer-letter-spacing, 0));
             line-height: var(--framer-blockquote-line-height, var(--framer-line-height, 1.2em));
         }
@@ -19195,7 +19203,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
             text-decoration: var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
             /* Cursor inherit to overwrite the user agent stylesheet on rich text links. */
@@ -19223,7 +19233,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-blockquote-font-size, var(--framer-font-size, 16px)) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-blockquote-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
   `
@@ -19252,7 +19264,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-hover-font-style, var(--framer-blockquote-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
             font-weight: var(--framer-link-hover-font-weight, var(--framer-blockquote-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
             color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  })) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-hover-text-transform, var(--framer-blockquote-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
             text-decoration: var(--framer-link-hover-text-decoration, var(--framer-blockquote-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))));
         }
@@ -19283,7 +19297,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-blockquote-font-style, var(--framer-code-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-blockquote-font-weight, var(--framer-code-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-link-hover-text-color, var(--framer-blockquote-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-blockquote-font-size, var(--framer-link-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }))) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
   `
@@ -19312,7 +19328,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal)));
             font-weight: var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400)));
             color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000)));
-            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  })) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none)));
             text-decoration: var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none)));
         }
@@ -19338,7 +19356,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-current-font-size, var(--framer-link-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  })) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
   `
@@ -19367,7 +19387,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-link-hover-font-style, var(--framer-link-current-font-style, var(--framer-link-font-style, var(--framer-font-style, normal))));
             font-weight: var(--framer-link-hover-font-weight, var(--framer-link-current-font-weight, var(--framer-link-font-weight, var(--framer-font-weight, 400))));
             color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-text-color, #000))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }))) * var(--framer-font-size-scale, 1));
             text-transform: var(--framer-link-hover-text-transform, var(--framer-link-current-text-transform, var(--framer-link-text-transform, var(--framer-text-transform, none))));
             text-decoration: var(--framer-link-hover-text-decoration, var(--framer-link-current-text-decoration, var(--framer-link-text-decoration, var(--framer-text-decoration, none))));
         }
@@ -19399,7 +19421,9 @@ var richTextCSSRules = /* @__PURE__ */ (() => [
             font-style: var(--framer-code-font-style, var(--framer-font-style, normal));
             font-weight: var(--framer-code-font-weight, var(--framer-font-weight, 400));
             color: var(--framer-link-hover-text-color, var(--framer-link-current-text-color, var(--framer-link-text-color, var(--framer-code-text-color, var(--framer-text-color, #000)))));
-            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, var(--framer-font-size, 16px)))) * var(--framer-font-size-scale, 1));
+            font-size: calc(var(--framer-link-hover-font-size, var(--framer-link-current-font-size, var(--framer-link-font-size, ${
+    createFontSizeVariableFallbacks(['--framer-font-size',], '16px',)
+  }))) * var(--framer-font-size-scale, 1));
         }
     `, /* css */
   `
@@ -19932,6 +19956,7 @@ function getControlDefaultValue(control,) {
       case 'boxshadow':
       case 'padding':
       case 'borderradius':
+      case 'gap':
         return isString(control.defaultValue,) ? control.defaultValue : void 0;
       case 'boolean':
         return isBoolean(control.defaultValue,) ? control.defaultValue : void 0;
@@ -42474,6 +42499,10 @@ var variantsNameToWeight = {
   'solid-regular': 700,
   'solid-medium': 800,
   'solid-bold': 900,
+  // The following variants are only used in the Tecnica font.
+  // We assign them different (fake) weights to ensure that the changes are picked up when switching between variants.
+  '53': 400,
+  '55': 600,
   // we want to put variable fonts last
   variable: 1e3,
   'variable-italic': 1e3,

package/src/sentry.ts

@@ -0,0 +1,23 @@
+const SENTRY_DSN =
+    'https://67125acb9a41f616144a07c90a16775e@o4508014272446464.ingest.de.sentry.io/4509202968674384'
+
+let sentry: typeof import('@sentry/node') | null = null
+
+export async function notifyError(error: unknown, msg?: string) {
+    console.error(msg, error)
+
+    if (!sentry) {
+        const mod = await import('@sentry/node')
+        mod.init({
+            dsn: SENTRY_DSN,
+            beforeSend(event) {
+                if (event?.['name'] === 'AbortError') return null
+                return event
+            },
+        })
+        sentry = mod
+    }
+
+    sentry.captureException(error, { extra: { msg } })
+    await sentry.flush(1000)
+}

package/src/utils.ts

@@ -1,17 +1,27 @@
 import pico from 'picocolors'
+import {
+    Agent,
+    fetch,
+    getGlobalDispatcher,
+    interceptors,
+    setGlobalDispatcher,
+} from 'undici'
 
 import { marked } from 'marked'
 import { markedTerminal } from 'marked-terminal'
 import { createSpinner } from 'nanospinner'
 
-export const spinner = createSpinner('Downloading Framer Components')
-
 marked.use(markedTerminal())
 
 export function terminalMarkdown(markdown: string) {
     return marked(markdown)
 }
 
+export const dispatcher = new Agent({
+    keepAliveTimeout: 20,
+    keepAliveMaxTimeout: 20,
+})
+
 const shouldDebugUnframer = !!process.env.DEBUG_UNFRAMER
 
 const prefix = '[unframer]'
@@ -23,6 +33,20 @@ export const logger = {
         }
         console.log(prefix, ...args)
     },
+    start(x?: string) {
+        if (!x) return
+        console.log(prefix, x)
+    },
+    stop(x?: string) {
+        if (!x) return
+        console.log(prefix, x)
+    },
+    info(...args) {
+        console.log(prefix, ...args)
+    },
+    update(...args) {
+        console.log(prefix, ...args)
+    },
     green(...args) {
         console.log([prefix, ...args].map((x) => pico.green(x)).join(' '))
     },
@@ -31,6 +55,8 @@ export const logger = {
     },
 }
 
+export const spinner = logger
+
 export function componentNameToPath(name: string) {
     return (
         name

package/src/version.ts

@@ -1 +1 @@
-export const version = '2.24.2'
+export const version = '2.24.4'