unframer 2.6.4 → 2.6.5

package/esm/react.d.ts

@@ -10,11 +10,11 @@ export declare function FramerStyles({ Components }: {
 export declare const WithFramerBreakpoints: import("react").ForwardRefExoticComponent<{
     Component: ComponentType<{
         variant?: any;
-        className?: string | undefined;
+        className?: string;
     }>;
     variants: Record<"2xl" | "base" | "sm" | "md" | "lg" | "xl", any>;
 } & Omit<{
     variant?: any;
-    className?: string | undefined;
+    className?: string;
 }, "variant"> & import("react").RefAttributes<unknown>>;
 //# sourceMappingURL=react.d.ts.map

package/esm/react.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,aAAa,EAKhB,MAAM,OAAO,CAAA;AACd,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAWjB,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;;kBACM,GAAG;;;;;cAAH,GAAG;;uDA2EzC,CAAA"}
+{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../src/react.tsx"],"names":[],"mappings":"AAGA,OAAO,EAEH,aAAa,EAKhB,MAAM,OAAO,CAAA;AACd,OAAO,EAEH,sBAAsB,EAEzB,MAAM,UAAU,CAAA;AAWjB,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;;kBACM,GAAG;oBAAc,MAAM;;;;cAAvB,GAAG;gBAAc,MAAM;uDA2E7D,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "unframer",
-  "version": "2.6.4",
+  "version": "2.6.5",
   "description": "Import Framer components directly in your React app, type safe and customizable",
   "sideEffects": false,
   "repository": "https://github.com/remorses/unframer",
@@ -21,8 +21,14 @@
       "default": "./dist/index.js"
     },
     "./src/framer.js": {
+      "types": "./dist/framer.d.ts",
       "default": "./src/framer.js"
     },
+    "./dist/exporter": {
+      "types": "./dist/exporter.d.ts",
+      "module": "./esm/exporter.js",
+      "default": "./dist/exporter.js"
+    },
     "./package.json": "./package.json"
   },
   "keywords": [],
@@ -61,19 +67,20 @@
     "@types/babel__traverse": "^7.20.6",
     "@types/bun": "^1.1.6",
     "@types/fs-extra": "^11.0.4",
-    "@types/node": "^20.14.10",
-    "@types/react": "^18.3.3",
-    "@xmorse/deployment-utils": "^0.2.5",
+    "@types/node": "^22.7.4",
+    "@types/react": "^18.3.5",
+    "@xmorse/deployment-utils": "^0.2.14",
     "concurrently": "^8.2.2",
     "openai": "^4.52.7",
     "posthtml": "^0.16.6",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "tiktoken": "^1.0.15"
+    "react": "19.0.0-rc-e4953922-20240919",
+    "react-dom": "19.0.0-rc-e4953922-20240919",
+    "tiktoken": "^1.0.15",
+    "typescript": "^5.6.2"
   },
   "scripts": {
-    "build": "rm -rf dist && concurrently 'tsc -m esnext --outDir esm' 'tsc' && echo copying && cp ../README.md ./README.md && cp ./src/framer.d.ts ./dist/framer.d.ts && cp ./src/framer.d.ts ./esm/framer.d.ts",
+    "build": "rm -rf dist && concurrently 'pnpm tsc -m esnext --outDir esm' 'pnpm tsc' && echo copying && cp ../README.md ./README.md && cp ./src/framer.d.ts ./dist/framer.d.ts && cp ./src/framer.d.ts ./esm/framer.d.ts",
     "download-framer": "tsx scripts/download.ts",
-    "watch": "rm -rf dist esm && concurrently 'tsc -w' 'tsc -m esnext -w --outDir esm'"
+    "watch": "rm -rf dist esm && concurrently 'pnpm tsc -w' 'pnpm tsc -m esnext -w --outDir esm'"
   }
 }

package/src/exporter.ts

@@ -176,50 +176,45 @@ export async function bundle({
             JSON.stringify({ type: 'module' }),
             'utf-8',
         )
-        try {
-            await Promise.all(
-                result.outputFiles.map(async (file) => {
-                    try {
-                        await sema.acquire()
-                        const name = path
-                            .basename(file.path)
-                            .replace(/\.js$/, '')
-                        const resultPathAbs = path.resolve(out, file.path)
-                        if (!components[name]) {
-                            return
-                        }
-                        logger.log(`extracting types for ${name}`)
-                        const { propertyControls, fonts } =
-                            await extractPropControlsUnsafe(resultPathAbs, name)
-                        if (!propertyControls) {
-                            logger.log(`no property controls found for ${name}`)
-                        }
 
-                        allFonts.push(
-                            ...(fonts || []).map((x) => ({
-                                ...x,
-                                fileName: path.basename(file.path),
-                            })),
-                        )
-                        const types = propControlsToType(
-                            propertyControls!,
-                            name,
-                        )
-                        // name = 'framer-' + name
-                        // logger.log('name', name)
+        const propControlsData = await Promise.all(
+            result.outputFiles.map(async (file) => {
+                try {
+                    await sema.acquire()
+                    const name = path.basename(file.path).replace(/\.js$/, '')
+                    const resultPathAbs = path.resolve(out, file.path)
+                    if (!components[name]) {
+                        return
+                    }
+                    logger.log(`extracting types for ${name}`)
+                    const { propertyControls, fonts } =
+                        await extractPropControlsUnsafe(resultPathAbs, name)
+                    if (!propertyControls) {
+                        logger.log(`no property controls found for ${name}`)
+                    }
 
-                        fs.writeFileSync(
-                            path.resolve(out, `${name}.d.ts`),
-                            types,
-                        )
-                    } finally {
-                        sema.release()
+                    allFonts.push(
+                        ...(fonts || []).map((x) => ({
+                            ...x,
+                            fileName: path.basename(file.path),
+                        })),
+                    )
+                    const types = propControlsToType(propertyControls!, name)
+                    // name = 'framer-' + name
+                    // logger.log('name', name)
+
+                    fs.writeFileSync(path.resolve(out, `${name}.d.ts`), types)
+                    return {
+                        propertyControls,
+                        fonts,
+                        name,
+                        // componentPath: file.path,
                     }
-                }),
-            )
-        } finally {
-            fs.rmSync(packageJson)
-        }
+                } finally {
+                    sema.release()
+                }
+            }),
+        ).finally(() => fs.rmSync(packageJson))
 
         const cssString =
             '/* This css file has all the necessary styles to run all your components */\n' +
@@ -274,12 +269,28 @@ export async function bundle({
             '/* Bug: https://www.framer.community/c/bugs/color-style-unlinks-when-copying-component-between-projects-resulting-in-potential-value-discrepancy */\n' +
             getTokensCss({ out, result })
         fs.writeFileSync(path.resolve(out, 'tokens.css'), tokensCss, 'utf-8')
+        const res = {
+            components: Object.entries(components).map(([name, v]) => {
+                const propControls = propControlsData.find(
+                    (x) => x?.name === name,
+                )
+
+                return {
+                    path: name,
+                    url: v,
+                    name,
+                    componentName: componentCamelCase(name),
+                    propertyControls: propControls?.propertyControls,
+                }
+            }),
+        }
+        return res
     }
 
     if (!watch) {
-        await rebuild()
+        const result = await rebuild()
         await buildContext.dispose()
-        return
+        return result
     }
 
     // when user press ctrl+c dispose
@@ -296,7 +307,7 @@ export async function bundle({
         buildContext.dispose()
     })
 
-    await rebuild()
+    const res = await rebuild()
 
     /**
      * Get resolved URLs for all components and also wait for 1 second if it took less time than that
@@ -326,6 +337,7 @@ export async function bundle({
         prevUrls = urls
         await rebuild()
     }
+    return res
 }
 
 function decapitalize(str: string) {
@@ -588,7 +600,7 @@ export function propControlsToType(controls: PropertyControls, fileName) {
             .filter(Boolean)
             .join('\n')
 
-        const componentName = componentCamelCase(fileName?.replace(/\.js$/, ''))
+        const componentName = componentCamelCase(fileName)
 
         const defaultPropsTypes =
             [
@@ -733,6 +745,7 @@ function splitOnce(str: string, separator: string) {
 }
 
 export function componentCamelCase(str: string) {
+    str = str?.replace(/\.js$/, '')
     if (!str) {
         return 'FramerComponent'
     }