unframer 2.25.3 → 2.25.4

package/dist/generated/api-client.js

@@ -26,5 +26,4 @@ async function createClient({ url }) {
     return client;
 }
 // export const websiteApiClient = createClient({ url: process.env.PUBLIC_URL! })
-//# sourceMappingURL=api-client.js.map
 //# sourceMappingURL=api-client.js.map

package/dist/generated/api-client.js.map

@@ -1 +1 @@
-{"version":3,"file":"api-client.js","sourceRoot":"","sources":["../../src/generated/api-client.js"],"names":[],"mappings":";;AAAA,oCAuBC;AAvBM,KAAK,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAC;IACnE,MAAM,MAAM,GAAG,qBAAqB,CAAC,GAAG,EAAE;QACtC,oCAAoC;QACpC,kDAAkD;QAClD,qBAAqB;QACrB,4CAA4C;QAC5C,QAAQ;QACR,iBAAiB;QACjB,KAAK;QACL,+BAA+B;QAC/B,0BAA0B;QAC1B,iDAAiD;QACjD,QAAQ;QACR,sBAAsB;QACtB,KAAK;QACL,OAAO;YACH,OAAO;YACP,yFAAyF;aACxF,CAAC;QACN,CAAC;KACJ,CAAC,CAAC;IACH,OAAO,MAAM,CAAC;AAClB,CAAC;AACD,iFAAiF;AACjF,sCAAsC"}
+{"version":3,"file":"api-client.js","sourceRoot":"","sources":["../../src/generated/api-client.js"],"names":[],"mappings":";;AAAA,oCAuBC;AAvBM,KAAK,UAAU,YAAY,CAAC,EAAE,GAAG,EAAE;IACtC,MAAM,EAAE,qBAAqB,EAAE,GAAG,MAAM,MAAM,CAAC,kBAAkB,CAAC,CAAA;IAClE,MAAM,MAAM,GAAG,qBAAqB,CAAC,GAAG,EAAE;QACtC,oCAAoC;QACpC,kDAAkD;QAClD,qBAAqB;QACrB,4CAA4C;QAC5C,QAAQ;QACR,iBAAiB;QACjB,KAAK;QACL,+BAA+B;QAC/B,0BAA0B;QAC1B,iDAAiD;QACjD,QAAQ;QACR,sBAAsB;QACtB,KAAK;QACL,OAAO;YACH,OAAO;YACH,yFAAyF;aAC5F,CAAA;QACL,CAAC;KACJ,CAAC,CAAA;IACF,OAAO,MAAM,CAAA;AACjB,CAAC;AACD,iFAAiF"}

package/dist/generated/api-client.test.js

@@ -1,72 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const vitest_1 = require("vitest");
-const client_1 = require("./client");
-const env_1 = require("./env");
-const supabase_server_1 = require("./supabase.server");
-const kysely_1 = require("db/kysely");
-(0, vitest_1.test)('hono client', async () => {
-    const admin = (0, supabase_server_1.createSupabaseAdmin)();
-    const email = 'test@example.com';
-    const password = 'xxpasswordxx99776';
-    const { error: signupError } = await admin.auth.admin.createUser({
-        email,
-        password,
-        email_confirm: true,
-    });
-    // expect(signupError).toBe(null)
-    const supabase = (0, supabase_server_1.createSupabaseAnon)();
-    const { data, error } = await supabase.auth.signInWithPassword({
-        email,
-        password,
-    });
-    (0, vitest_1.expect)(error).toBe(null);
-    const session = data.session;
-    const client = (0, client_1.createClient)({
-        url: `http://localhost:${env_1.env.PORT}`,
-        session,
-        supabaseRef: env_1.supabaseRef,
-    });
-    const res = await client.api.v1.health.$get({});
-    (0, vitest_1.expect)(res.status).toBe(200);
-    const json = await res.json();
-    (0, vitest_1.expect)(json).toMatchInlineSnapshot(`
-      {
-        "ok": true,
-      }
-    `);
-});
-(0, vitest_1.test)('get conversations with my account', async () => {
-    const admin = (0, supabase_server_1.createSupabaseAdmin)();
-    const email = 'beats.by.morse@gmail.com';
-    const password = env_1.env.CRISP_WEBHOOKS_SECRET;
-    const user = await kysely_1.db
-        .selectFrom('auth.users')
-        .selectAll()
-        .where('email', '=', email)
-        .executeTakeFirst();
-    // uncomment this to set the password the first time
-    // const { error: signupError } = await admin.auth.admin.updateUserById(
-    //     user!.id,
-    //     { password },
-    // )
-    // expect(signupError).toBe(null)
-    const supabase = (0, supabase_server_1.createSupabaseAnon)();
-    const { data, error } = await supabase.auth.signInWithPassword({
-        email,
-        password,
-    });
-    (0, vitest_1.expect)(error).toBe(null);
-    const session = data.session;
-    const client = (0, client_1.createClient)({
-        url: `http://localhost:${env_1.env.PORT}`,
-        session,
-        supabaseRef: env_1.supabaseRef,
-    });
-    const res = await client.api.v1.conversations.$get({});
-    (0, vitest_1.expect)(res.status).toBe(200);
-    const json = await res.json();
-    (0, vitest_1.expect)(json.conversations.length).toBeGreaterThan(0);
-    console.log(json.conversations);
-});
 //# sourceMappingURL=api-client.test.js.map

package/dist/generated/api-client.test.js.map

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

package/dist/version.d.ts

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

package/dist/version.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.version = void 0;
-exports.version = '2.25.3';
+exports.version = '2.25.4';
 //# sourceMappingURL=version.js.map

package/esm/cli.d.ts

@@ -32,5 +32,26 @@ export type Config = {
     breakpoints?: BreakpointSizes;
     tokens?: StyleToken[];
     outDir?: string;
+    componentInstancesInIndexPage: ComponentInstanceInPage[];
+    pageBackgroundColor?: string;
 };
+type ComponentInstanceInPage = {
+    pageOrdering: number;
+    componentId: string;
+    componentPathSlug: string;
+    controls: Record<string, any>;
+    nodeDepth: number;
+    webPageId: string;
+};
+export declare function configFromFetch({ projectId, externalPackages, allExternal, outDir, }: {
+    projectId: any;
+    externalPackages?: string[] | undefined;
+    allExternal?: boolean | undefined;
+    outDir?: string | undefined;
+}): Promise<{
+    websiteUrl: any;
+    cwd: string;
+    config: Config;
+}>;
+export {};
 //# sourceMappingURL=cli.d.ts.map

package/esm/cli.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.tsx"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAU,UAAU,EAAE,MAAM,eAAe,CAAA;AAOlD,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;AAY1C,eAAO,MAAM,GAAG,mBAAkB,CAAA;AAoNlC,MAAM,MAAM,MAAM,GAAG;IACjB,UAAU,EAAE;QACR,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KACzB,CAAA;IACD,oBAAoB,CAAC,EAAE;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;KAChB,EAAE,CAAA;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;QACrB,IAAI,EAAE,MAAM,CAAA;KACf,EAAE,CAAA;IAEH,OAAO,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACf,EAAE,CAAA;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"cli.d.ts","sourceRoot":"","sources":["../src/cli.ts"],"names":[],"mappings":"AAEA,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAU,UAAU,EAAE,MAAM,eAAe,CAAA;AAOlD,OAAO,EAAE,eAAe,EAA0B,MAAM,UAAU,CAAA;AAYlE,eAAO,MAAM,GAAG,mBAAkB,CAAA;AA2JlC,MAAM,MAAM,MAAM,GAAG;IACjB,UAAU,EAAE;QACR,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KACzB,CAAA;IACD,oBAAoB,CAAC,EAAE;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,WAAW,EAAE,MAAM,CAAA;QACnB,aAAa,EAAE,MAAM,CAAA;QACrB,cAAc,EAAE,MAAM,CAAA;QACtB,KAAK,EAAE,MAAM,CAAA;KAChB,EAAE,CAAA;IACH,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAA;QACrB,IAAI,EAAE,MAAM,CAAA;KACf,EAAE,CAAA;IAEH,OAAO,CAAC,EAAE;QACN,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;KACf,EAAE,CAAA;IACH,WAAW,CAAC,EAAE,eAAe,CAAA;IAC7B,MAAM,CAAC,EAAE,UAAU,EAAE,CAAA;IACrB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,6BAA6B,EAAE,uBAAuB,EAAE,CAAA;IACxD,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAE/B,CAAA;AAED,KAAK,uBAAuB,GAAG;IAC3B,YAAY,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,CAAA;IACnB,iBAAiB,EAAE,MAAM,CAAA;IACzB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAC7B,SAAS,EAAE,MAAM,CAAA;IAEjB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAsB,eAAe,CAAC,EAClC,SAAS,EACT,gBAAiC,EACjC,WAAmB,EACnB,MAAwC,GAC3C;;;;;CAAA;;;;GAuFA"}

package/esm/cli.js

@@ -7,6 +7,7 @@ import { createClient } from './generated/api-client.js';
 import { cac } from 'cac';
 import fs from 'fs';
 import path, { basename } from 'path';
+import { defaultBreakpointSizes } 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'];
@@ -36,56 +37,14 @@ cli.command('[projectId]', 'Run unframer with optional project ID')
         const signal = controller.signal;
         const watch = options.watch;
         if (projectId) {
-            logger.log(`Fetching config for project ${projectId}`);
-            const client = await createClient({
-                url: process.env.UNFRAMER_SERVER_URL ||
-                    'https://unframer.co',
+            const { config, cwd, websiteUrl } = await configFromFetch({
+                allExternal,
+                externalPackages,
+                outDir,
+                projectId,
             });
-            spinner.start(`Fetching config for project ${projectId}`);
-            const { data, error } = await client.api.plugins.reactExportPlugin
-                .project({ projectId })
-                .get();
-            if (error) {
-                spinner.error('Error fetching project data:');
-                console.error(error);
-                throw error;
-            }
-            spinner.info(`Got Framer project data`);
-            const websiteUrl = data?.project?.websiteUrl;
-            const projectName = data?.project?.projectName || '';
-            if (projectName) {
-                spinner.info(`Using project: ${projectName}`);
-            }
-            let cwd = path.resolve(process.cwd(), outDir || 'framer');
-            logger.log('bundling', cwd);
             const { rebuild, buildContext } = await bundle({
-                config: {
-                    outDir,
-                    externalPackages,
-                    allExternal,
-                    projectId: data?.project?.projectId,
-                    projectName,
-                    fullFramerProjectId: data?.project?.fullFramerProjectId,
-                    locales: data?.locales,
-                    components: Object.fromEntries(data.components.map((c) => [
-                        componentNameToPath(c.name),
-                        c.url,
-                    ])),
-                    componentBreakpoints: data.breakpoints
-                        ?.map((b) => {
-                        const c = data.components.find((c) => c.id === b.componentId);
-                        if (!c) {
-                            return;
-                        }
-                        return {
-                            ...b,
-                            componentName: componentNameToPath(c.name),
-                        };
-                    })
-                        .filter(isTruthy) || [],
-                    tokens: data.colorStyles,
-                    framerWebPages: data.framerWebPages || [],
-                },
+                config,
                 watch,
                 cwd,
                 signal,
@@ -184,4 +143,75 @@ cli.command('init', 'Init the unframer.config.json config').action(async (option
     const p = path.resolve(process.cwd(), 'unframer.config.json');
     console.log(`${p} file created`);
 });
+export async function configFromFetch({ projectId, externalPackages = [], allExternal = false, outDir = undefined, }) {
+    logger.log(`Fetching config for project ${projectId}`);
+    const url = process.env.UNFRAMER_SERVER_URL;
+    if (url) {
+        console.log(`using server url ${url}`);
+    }
+    const client = await createClient({
+        url: url || 'https://unframer.co',
+    });
+    spinner.start(`Fetching config for project ${projectId}`);
+    const { data, error } = await client.api.plugins.reactExportPlugin
+        .project({ projectId })
+        .get();
+    if (error) {
+        spinner.error('Error fetching project data:');
+        console.error(error);
+        throw error;
+    }
+    spinner.info(`Got Framer project data`);
+    const websiteUrl = data?.project?.websiteUrl;
+    const projectName = data?.project?.projectName || '';
+    if (projectName) {
+        spinner.info(`Using project: ${projectName}`);
+    }
+    let cwd = path.resolve(process.cwd(), outDir || 'framer');
+    const indexPage = data?.framerWebPages?.find((x) => x.path === '/');
+    const componentInstancesInIndexPage = data.componentInstances
+        ?.filter((x) => x.webPageId === indexPage?.webPageId)
+        .map((x) => {
+        const component = data.components.find((c) => {
+            return x.componentId === c.id;
+        });
+        if (!component) {
+            console.error(new Error(`cannot find component for instance ${x.componentId}`));
+        }
+        const componentPathSlug = componentNameToPath(component?.name || '');
+        const res = { ...x, componentPathSlug };
+        return res;
+    })
+        .sort((a, b) => {
+        return a.pageOrdering - b.pageOrdering;
+    }) || [];
+    const config = {
+        ...data,
+        breakpoints: defaultBreakpointSizes,
+        outDir,
+        externalPackages,
+        allExternal,
+        projectId: data?.project?.projectId,
+        projectName,
+        fullFramerProjectId: data?.project?.fullFramerProjectId,
+        locales: data?.locales,
+        components: Object.fromEntries(data.components.map((c) => [componentNameToPath(c.name), c.url])),
+        componentBreakpoints: data.breakpoints
+            ?.map((b) => {
+            const c = data.components.find((c) => c.id === b.componentId);
+            if (!c) {
+                return;
+            }
+            return {
+                ...b,
+                componentName: componentNameToPath(c.name),
+            };
+        })
+            .filter(isTruthy) || [],
+        tokens: data.colorStyles,
+        componentInstancesInIndexPage,
+        framerWebPages: data.framerWebPages || [],
+    };
+    return { websiteUrl, cwd, config };
+}
 //# sourceMappingURL=cli.js.map

package/esm/cli.js.map

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

package/esm/example-code.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=example-code.test.d.ts.map

package/esm/example-code.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-code.test.d.ts","sourceRoot":"","sources":["../src/example-code.test.ts"],"names":[],"mappings":""}

package/esm/example-code.test.js

@@ -0,0 +1,70 @@
+import { expect, describe, test } from 'vitest';
+import { createExampleComponentCode } from './exporter.js';
+import { configFromFetch } from './cli.js';
+describe('createExampleComponentCode', () => {
+    test('should create example component code', async () => {
+        const projectId = 'cf755ed7d59e0319';
+        const { config } = await configFromFetch({ projectId });
+        const { exampleCode } = await createExampleComponentCode({
+            config,
+            outDir: 'src',
+        });
+        expect(exampleCode).toMatchInlineSnapshot(`
+          "import './src/styles.css'
+
+          import NavigationFramerComponent from './src/navigation'
+          import HeroFramerComponent from './src/hero'
+          import PricingBannerFramerComponent from './src/pricing-banner'
+          import FooterFramerComponent from './src/footer'
+          import FeatureListFramerComponent from './src/feature-list'
+          import ServiceSliderFramerComponent from './src/service-slider'
+          import SectionTitleFramerComponent from './src/section-title'
+          import ButtonFramerComponent from './src/button'
+          import BrandLogoFramerComponent from './src/brand-logo'
+          import TestmonialItemFramerComponent from './src/testmonial-item'
+          import ArticlesCardFramerComponent from './src/articles-card'
+
+          export default function App() {
+              return (
+                  <div className='flex flex-col'>
+                      <NavigationFramerComponent.Responsive
+                          ctaVariant={"ia7uVki50"}
+                      />
+                      <HeroFramerComponent.Responsive/>
+                      <PricingBannerFramerComponent.Responsive/>
+                      <FooterFramerComponent.Responsive
+                          year={"2024"}
+                      />
+                      <FeatureListFramerComponent.Responsive/>
+                      <ServiceSliderFramerComponent.Responsive/>
+                      <SectionTitleFramerComponent.Responsive
+                          text={"We are pioneers in harnessing the power of Blockchain and Web3 technologies to drive innovation, security, and decentralization."}
+                          title={"Smart Automation"}
+                          tagline={"Systems and Building Web3"}
+                          iconVisible={true}
+                          textVisible={true}
+                      />
+                      <ButtonFramerComponent.Responsive
+                          link={"/news"}
+                          buttonTitle={"Read all blog"}
+                          iconVisibility={true}
+                      />
+                      <BrandLogoFramerComponent.Responsive/>
+                      <TestmonialItemFramerComponent.Responsive
+                          name1={"Wade Warren"}
+                          paragraph={"Security is non-negotiable in the decentralized world, and we take this aspect very seriously. Our solutions are built with a robust emphasis on security, utilizing advanced cryptographic"}
+                          designation={"Flutter Developer"}
+                      />
+                      <ArticlesCardFramerComponent.Responsive
+                          date={"Mar 06, 2024 "}
+                          link={"/news/:slug"}
+                          title={"Discoveries from Our Thinkers"}
+                          excerpt={"Experience seamless integration with decentralized applications (DApps)."}
+                      />
+                  </div>
+              );
+          };"
+        `);
+    });
+}, 1000 * 10);
+//# sourceMappingURL=example-code.test.js.map

package/esm/example-code.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"example-code.test.js","sourceRoot":"","sources":["../src/example-code.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,eAAe,CAAA;AAE1D,OAAO,EAAU,eAAe,EAAE,MAAM,UAAU,CAAA;AAElD,QAAQ,CAAC,4BAA4B,EAAE,GAAG,EAAE;IACxC,IAAI,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,SAAS,GAAG,kBAAkB,CAAA;QAEpC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,eAAe,CAAC,EAAE,SAAS,EAAE,CAAC,CAAA;QACvD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,0BAA0B,CAAC;YACrD,MAAM;YACN,MAAM,EAAE,KAAK;SAChB,CAAC,CAAA;QACF,MAAM,CAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuDzC,CAAC,CAAA;IACN,CAAC,CAAC,CAAA;AACN,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA"}

package/esm/exporter.d.ts

@@ -14,61 +14,8 @@ export declare function bundle({ config, cwd: out, watch, signal, }: {
     watch?: boolean;
     signal?: AbortSignal;
 }): Promise<{
-    rebuild: () => Promise<{
-        components: {
-            path: string;
-            url: string;
-            name: string;
-            componentName: string;
-            propertyControls: PropertyControls<any, any> | undefined;
-        }[];
-    }>;
-    buildContext: {
-        rebuild(): Promise<BuildResult<BuildOptions>>;
-        cancel(): void;
-        dispose(): void;
-    } | import("esbuild").BuildContext<{
-        absWorkingDir: string;
-        entryPoints: {
-            in: string;
-            out: string;
-        }[];
-        jsx: "automatic";
-        bundle: true;
-        platform: "browser";
-        metafile: true;
-        format: "esm";
-        minify: false;
-        treeShaking: true;
-        splitting: true;
-        logLevel: "error";
-        pure: string[];
-        external: string[];
-        chunkNames: string;
-        plugins: import("esbuild").Plugin[];
-        write: false;
-        outdir: string;
-    }>;
-    result?: undefined;
-} | {
-    result: {
-        components: {
-            path: string;
-            url: string;
-            name: string;
-            componentName: string;
-            propertyControls: PropertyControls<any, any> | undefined;
-        }[];
-    };
-    rebuild: () => Promise<{
-        components: {
-            path: string;
-            url: string;
-            name: string;
-            componentName: string;
-            propertyControls: PropertyControls<any, any> | undefined;
-        }[];
-    }>;
+    result: BundleResult;
+    rebuild: () => Promise<BundleResult>;
     buildContext: {
         rebuild(): Promise<BuildResult<BuildOptions>>;
         cancel(): void;
@@ -126,5 +73,20 @@ type ExtractedTokenInfo = {
 };
 export declare function extractTokenInfo(code: string): ExtractedTokenInfo[];
 export declare function componentCamelCase(str: string): string;
+export declare function createExampleComponentCode({ outDir, config, }: {
+    outDir: string;
+    config: Config;
+}): Promise<{
+    exampleCode: string;
+}>;
+type BundleResult = {
+    components: Array<{
+        componentPathSlug: string;
+        name: string;
+        url: string;
+        componentName: string;
+        propertyControls?: PropertyControls;
+    }>;
+};
 export {};
 //# sourceMappingURL=exporter.d.ts.map

package/esm/exporter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAIxE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAU9B,OAAO,EACH,mBAAmB,EAOtB,MAAM,UAAU,CAAA;AAMjB,OAAO,EAGH,gBAAgB,EAEnB,MAAM,aAAa,CAAA;AAYpB,MAAM,MAAM,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAsB,MAAM,CAAC,EACzB,MAAM,EACN,GAAG,EAAE,GAAQ,EACb,KAAa,EACb,MAA6C,GAChD,EAAE;IACC,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,WAAW,CAAA;CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkkBA;AAID,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;;;CAAA,+BAiC1C;AAED,wBAAsB,oBAAoB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,iBAclE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,OAAO,EAAE,MAAM,CAAA;CAClB,UAaA;AAED,wBAAgB,iBAAiB,CAC7B,MAAM,EAAE,UAAU,EAAE,EACpB,YAAY,GAAE,OAAO,GAAG,OAAiB,UAqD5C;AACD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,YAY7C;AA2ID,wBAAsB,yBAAyB,CAC3C,QAAQ,KAAA,EACR,IAAI,KAAA,GACL,OAAO,CAAC;IACP,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAA;CAChC,CAAC,CAuED;AAWD,wBAAgB,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,QAAQ,GACX,EAAE;IACC,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,MAAA;IACR,MAAM,MAAA;CACT,UAoGA;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,iBAqCjD;AAED,KAAK,kBAAkB,GAAG;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE9B,YAAY,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,EAAE,CA2DnE;AASD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,UAY7C"}
+{"version":3,"file":"exporter.d.ts","sourceRoot":"","sources":["../src/exporter.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,KAAK,YAAY,EAAE,MAAM,SAAS,CAAA;AAIxE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAU9B,OAAO,EACH,mBAAmB,EAOtB,MAAM,UAAU,CAAA;AAMjB,OAAO,EAGH,gBAAgB,EAEnB,MAAM,aAAa,CAAA;AAYpB,MAAM,MAAM,UAAU,GAAG;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,UAAU,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,MAAM,CAAA;CACpB,CAAA;AAED,wBAAsB,MAAM,CAAC,EACzB,MAAM,EACN,GAAG,EAAE,GAAQ,EACb,KAAa,EACb,MAA6C,GAChD,EAAE;IACC,MAAM,EAAE,MAAM,CAAA;IACd,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,MAAM,CAAC,EAAE,WAAW,CAAA;CACvB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6fA;AAID,wBAAgB,cAAc,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;;;CAAA,+BAiC1C;AAED,wBAAsB,oBAAoB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,MAAM,CAAA;CAAE,iBAclE;AAED,wBAAgB,mBAAmB,CAAC,IAAI,EAAE;IACtC,YAAY,CAAC,EAAE,OAAO,GAAG,OAAO,CAAA;IAChC,OAAO,EAAE,MAAM,CAAA;CAClB,UAaA;AAED,wBAAgB,iBAAiB,CAC7B,MAAM,EAAE,UAAU,EAAE,EACpB,YAAY,GAAE,OAAO,GAAG,OAAiB,UAqD5C;AACD,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,MAAM,YAY7C;AA2ID,wBAAsB,yBAAyB,CAC3C,QAAQ,KAAA,EACR,IAAI,KAAA,GACL,OAAO,CAAC;IACP,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;IACnC,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAA;CAChC,CAAC,CAuED;AAWD,wBAAgB,kBAAkB,CAAC,EAC/B,MAAM,EACN,QAAQ,EACR,QAAQ,GACX,EAAE;IACC,QAAQ,EAAE,gBAAgB,CAAA;IAC1B,QAAQ,MAAA;IACR,MAAM,MAAA;CACT,UAoGA;AAED,wBAAgB,qBAAqB,CAAC,IAAI,EAAE,MAAM,iBAqCjD;AAED,KAAK,kBAAkB,GAAG;IACtB,SAAS,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAE9B,YAAY,EAAE,MAAM,CAAA;CACvB,CAAA;AAED,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,kBAAkB,EAAE,CA2DnE;AASD,wBAAgB,kBAAkB,CAAC,GAAG,EAAE,MAAM,UAY7C;AAsFD,wBAAsB,0BAA0B,CAAC,EAC7C,MAAM,EACN,MAAM,GACT,EAAE;IACC,MAAM,EAAE,MAAM,CAAA;IACd,MAAM,EAAE,MAAM,CAAA;CACjB;;GA2DA;AAED,KAAK,YAAY,GAAG;IAChB,UAAU,EAAE,KAAK,CAAC;QACd,iBAAiB,EAAE,MAAM,CAAA;QACzB,IAAI,EAAE,MAAM,CAAA;QACZ,GAAG,EAAE,MAAM,CAAA;QACX,aAAa,EAAE,MAAM,CAAA;QACrB,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;KACtC,CAAC,CAAA;CACL,CAAA"}

package/esm/exporter.js

@@ -342,7 +342,7 @@ export async function bundle({ config, cwd: out = '', watch = false, signal = un
             components: Object.entries(components).map(([name, v]) => {
                 const propControls = propControlsData.find((x) => x?.name === name);
                 return {
-                    path: name,
+                    componentPathSlug: name,
                     url: v,
                     name,
                     componentName: componentCamelCase(name),
@@ -375,73 +375,13 @@ export async function bundle({ config, cwd: out = '', watch = false, signal = un
     const result = await rebuild();
     console.log();
     console.log();
-    let exampleComponent = result?.components?.sort((a, b) => {
-        const aVariants = getVariantsFromPropControls(a.propertyControls);
-        const bVariants = getVariantsFromPropControls(b.propertyControls);
-        const aHasBreakpoints = (aVariants?.breakpoints?.length || 0) >= 2;
-        const bHasBreakpoints = (bVariants?.breakpoints?.length || 0) >= 2;
-        // Sort components with breakpoints first
-        if (aHasBreakpoints && !bHasBreakpoints)
-            return -1;
-        if (!aHasBreakpoints && bHasBreakpoints)
-            return 1;
-        // Within each group, prefer components with example properties
-        const aProp = findExampleProperty(a.propertyControls);
-        const bProp = findExampleProperty(b.propertyControls);
-        return (bProp ? 1 : 0) - (aProp ? 1 : 0);
-    })?.[0];
-    if (!exampleComponent) {
-        logger.log(`No example component found with breakpoints, using random example`);
-        // Create an example component if none found with breakpoints
-        exampleComponent = {
-            path: 'hero',
-            componentName: 'HeroFramerComponent',
-            propertyControls: {
-                variant: {
-                    type: ControlType.Enum,
-                    options: ['Desktop', 'Tablet', 'Mobile'],
-                    optionTitles: ['Desktop', 'Tablet', 'Mobile'],
-                },
-            },
-            name: 'Hero',
-            url: '',
-        };
-        if (!exampleComponent) {
-            return { rebuild, buildContext };
-        }
-    }
-    const outDirForExample = path.posix
-        .relative(process.cwd(), out)
-        .replace(/^src\//, ''); // remove src so file works inside src
-    logger.log('exampleComponent?.propertyControls', exampleComponent?.propertyControls);
-    const prop = findExampleProperty(exampleComponent?.propertyControls);
-    const propStr = prop ? ` ${prop}='example'` : '';
-    const responsiveComponent = dedent `
-    {/* use .Responsive for components with breakpoints */}
-    <${exampleComponent?.componentName}.Responsive${propStr} />
-    `;
-    const nonResponsiveComponent = dedent `
-    <${exampleComponent?.componentName}
-        ${prop}='example'
-        style={{ width: '100%' }}
-    />
-    `;
-    const exampleCode = dedent `
-    import './${outDirForExample}/styles.css'
-    // this file imported below is generated when you run \`npm run framer\`
-    import ${exampleComponent?.componentName} from './${outDirForExample}/${exampleComponent?.path}'
-
-    export default function App() {
-        return (
-            <div className='flex flex-col'>
-                ${responsiveComponent
-        .split('\n')
-        .map((line, i) => (!i ? line : '            ' + line))
-        .join('\n')}
-            </div>
-        );
-    };
-    `;
+    const outDirForExample = path.posix.relative(process.cwd(), out).replace(/^src\//, '') ||
+        'framer'; // remove src so file works inside src
+    const { exampleCode } = await createExampleComponentCode({
+        outDir: out,
+        // buildResult: result,
+        config,
+    });
     if (stackblitzDemoExample) {
         logger.log(`Inside Stackblitz demo, writing App.tsx`);
         await fs.promises.mkdir(path.dirname(stackblitzDemoExample), {
@@ -1006,4 +946,63 @@ async function recursiveReaddir(dir) {
     }));
     return files.flat();
 }
+function indentWithTabs(str, tabs) {
+    return str
+        .split('\n')
+        .map((line, i) => (!i ? line : tabs + line))
+        .join('\n');
+}
+export async function createExampleComponentCode({ outDir, config, }) {
+    const outDirForExample = path.posix
+        .relative(process.cwd(), outDir)
+        .replace(/^src\//, ''); // remove src so file works inside src
+    const instances = config?.componentInstancesInIndexPage.sort((a, b) => {
+        // Order first by nodeDepth (lower is better)
+        return a.nodeDepth - b.nodeDepth || a.pageOrdering - b.pageOrdering;
+    });
+    const imports = instances.map((exampleComponent) => {
+        return `import ${componentCamelCase(exampleComponent?.componentPathSlug)} from './${outDirForExample}/${exampleComponent?.componentPathSlug}'`;
+    });
+    const jsx = instances.map((exampleComponent) => {
+        let propStr = '';
+        for (let [key, value] of Object.entries(exampleComponent.controls || {})) {
+            if (key === 'variant') {
+                continue;
+            }
+            if (typeof value === 'object') {
+                continue;
+            }
+            // TODO get property controls to render enums much better? maybe do this in plugin instead
+            propStr += '\n';
+            propStr += `    ${key}={${JSON.stringify(value)}}`;
+        }
+        if (propStr)
+            propStr += '\n';
+        const responsiveComponent = dedent `
+        <${componentCamelCase(exampleComponent?.componentPathSlug)}.Responsive${propStr}/>
+        `;
+        return responsiveComponent;
+    });
+    let containerClasses = '';
+    if (config.pageBackgroundColor) {
+        let bg = config.pageBackgroundColor?.replace(' ', '_');
+        containerClasses += `bg-[${bg}]`;
+    }
+    const exampleCode = dedent `
+      import './${outDirForExample}/styles.css'
+
+      ${indentWithTabs(imports.join('\n'), '')}
+
+      export default function App() {
+          return (
+              <div className='flex flex-col items-center gap-3 ${containerClasses}'>
+                  ${indentWithTabs(jsx.join('\n'), '            ')}
+              </div>
+          );
+      };
+      `;
+    return {
+        exampleCode,
+    };
+}
 //# sourceMappingURL=exporter.js.map