unframer 2.25.2 → 2.25.4

package/dist/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: string | null;
+    cwd: string;
+    config: Config;
+}>;
+export {};
 //# sourceMappingURL=cli.d.ts.map

package/dist/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/dist/cli.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.cli = void 0;
+exports.configFromFetch = configFromFetch;
 const events_1 = require("events");
 const undici_1 = require("undici");
 require("./sentry.js");
@@ -46,6 +47,7 @@ const api_client_js_1 = require("./generated/api-client.js");
 const cac_1 = require("cac");
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importStar(require("path"));
+const css_js_1 = require("./css.js");
 const utils_js_1 = require("./utils.js");
 const sentry_js_1 = require("./sentry.js");
 const configNames = ['unframer.config.json', 'unframer.json'];
@@ -75,56 +77,14 @@ exports.cli.command('[projectId]', 'Run unframer with optional project ID')
         const signal = controller.signal;
         const watch = options.watch;
         if (projectId) {
-            utils_js_1.logger.log(`Fetching config for project ${projectId}`);
-            const client = await (0, api_client_js_1.createClient)({
-                url: process.env.UNFRAMER_SERVER_URL ||
-                    'https://unframer.co',
+            const { config, cwd, websiteUrl } = await configFromFetch({
+                allExternal,
+                externalPackages,
+                outDir,
+                projectId,
             });
-            utils_js_1.spinner.start(`Fetching config for project ${projectId}`);
-            const { data, error } = await client.api.plugins.reactExportPlugin
-                .project({ projectId })
-                .get();
-            if (error) {
-                utils_js_1.spinner.error('Error fetching project data:');
-                console.error(error);
-                throw error;
-            }
-            utils_js_1.spinner.info(`Got Framer project data`);
-            const websiteUrl = data?.project?.websiteUrl;
-            const projectName = data?.project?.projectName || '';
-            if (projectName) {
-                utils_js_1.spinner.info(`Using project: ${projectName}`);
-            }
-            let cwd = path_1.default.resolve(process.cwd(), outDir || 'framer');
-            utils_js_1.logger.log('bundling', cwd);
             const { rebuild, buildContext } = await (0, exporter_js_1.bundle)({
-                config: {
-                    outDir,
-                    externalPackages,
-                    allExternal,
-                    projectId: data?.project?.projectId,
-                    projectName,
-                    fullFramerProjectId: data?.project?.fullFramerProjectId,
-                    locales: data?.locales,
-                    components: Object.fromEntries(data.components.map((c) => [
-                        (0, utils_js_1.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: (0, utils_js_1.componentNameToPath)(c.name),
-                        };
-                    })
-                        .filter(utils_js_1.isTruthy) || [],
-                    tokens: data.colorStyles,
-                    framerWebPages: data.framerWebPages || [],
-                },
+                config,
                 watch,
                 cwd,
                 signal,
@@ -223,4 +183,75 @@ exports.cli.command('init', 'Init the unframer.config.json config').action(async
     const p = path_1.default.resolve(process.cwd(), 'unframer.config.json');
     console.log(`${p} file created`);
 });
+async function configFromFetch({ projectId, externalPackages = [], allExternal = false, outDir = undefined, }) {
+    utils_js_1.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 (0, api_client_js_1.createClient)({
+        url: url || 'https://unframer.co',
+    });
+    utils_js_1.spinner.start(`Fetching config for project ${projectId}`);
+    const { data, error } = await client.api.plugins.reactExportPlugin
+        .project({ projectId })
+        .get();
+    if (error) {
+        utils_js_1.spinner.error('Error fetching project data:');
+        console.error(error);
+        throw error;
+    }
+    utils_js_1.spinner.info(`Got Framer project data`);
+    const websiteUrl = data?.project?.websiteUrl;
+    const projectName = data?.project?.projectName || '';
+    if (projectName) {
+        utils_js_1.spinner.info(`Using project: ${projectName}`);
+    }
+    let cwd = path_1.default.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 = (0, utils_js_1.componentNameToPath)(component?.name || '');
+        const res = { ...x, componentPathSlug };
+        return res;
+    })
+        .sort((a, b) => {
+        return a.pageOrdering - b.pageOrdering;
+    }) || [];
+    const config = {
+        ...data,
+        breakpoints: css_js_1.defaultBreakpointSizes,
+        outDir,
+        externalPackages,
+        allExternal,
+        projectId: data?.project?.projectId,
+        projectName,
+        fullFramerProjectId: data?.project?.fullFramerProjectId,
+        locales: data?.locales,
+        components: Object.fromEntries(data.components.map((c) => [(0, utils_js_1.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: (0, utils_js_1.componentNameToPath)(c.name),
+            };
+        })
+            .filter(utils_js_1.isTruthy) || [],
+        tokens: data.colorStyles,
+        componentInstancesInIndexPage,
+        framerWebPages: data.framerWebPages || [],
+    };
+    return { websiteUrl, cwd, config };
+}
 //# sourceMappingURL=cli.js.map

package/dist/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/dist/example-code.test.d.ts

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

package/dist/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/dist/example-code.test.js

@@ -0,0 +1,72 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const vitest_1 = require("vitest");
+const exporter_js_1 = require("./exporter.js");
+const cli_js_1 = require("./cli.js");
+(0, vitest_1.describe)('createExampleComponentCode', () => {
+    (0, vitest_1.test)('should create example component code', async () => {
+        const projectId = 'cf755ed7d59e0319';
+        const { config } = await (0, cli_js_1.configFromFetch)({ projectId });
+        const { exampleCode } = await (0, exporter_js_1.createExampleComponentCode)({
+            config,
+            outDir: 'src',
+        });
+        (0, vitest_1.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/dist/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,mCAA+C;AAC/C,+CAA0D;AAE1D,qCAAkD;AAElD,IAAA,iBAAQ,EAAC,4BAA4B,EAAE,GAAG,EAAE;IACxC,IAAA,aAAI,EAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,SAAS,GAAG,kBAAkB,CAAA;QAEpC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,IAAA,wBAAe,EAAC,EAAE,SAAS,EAAE,CAAC,CAAA;QACvD,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,IAAA,wCAA0B,EAAC;YACrD,MAAM;YACN,MAAM,EAAE,KAAK;SAChB,CAAC,CAAA;QACF,IAAA,eAAM,EAAC,WAAW,CAAC,CAAC,qBAAqB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;SAuDzC,CAAC,CAAA;IACN,CAAC,CAAC,CAAA;AACN,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC,CAAA"}

package/dist/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: any;
+}>;
+type BundleResult = {
+    components: Array<{
+        componentPathSlug: string;
+        name: string;
+        url: string;
+        componentName: string;
+        propertyControls?: PropertyControls;
+    }>;
+};
 export {};
 //# sourceMappingURL=exporter.d.ts.map

package/dist/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/dist/exporter.js

@@ -14,6 +14,7 @@ exports.propControlsToType = propControlsToType;
 exports.parsePropertyControls = parsePropertyControls;
 exports.extractTokenInfo = extractTokenInfo;
 exports.componentCamelCase = componentCamelCase;
+exports.createExampleComponentCode = createExampleComponentCode;
 const esbuild_1 = require("esbuild");
 const package_json_1 = __importDefault(require("../package.json"));
 const url_1 = __importDefault(require("url"));
@@ -358,7 +359,7 @@ async function bundle({ config, cwd: out = '', watch = false, signal = undefined
             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),
@@ -391,73 +392,13 @@ async function bundle({ config, cwd: out = '', watch = false, signal = undefined
     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) {
-        utils_js_1.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: framer_js_1.ControlType.Enum,
-                    options: ['Desktop', 'Tablet', 'Mobile'],
-                    optionTitles: ['Desktop', 'Tablet', 'Mobile'],
-                },
-            },
-            name: 'Hero',
-            url: '',
-        };
-        if (!exampleComponent) {
-            return { rebuild, buildContext };
-        }
-    }
-    const outDirForExample = path_1.default.posix
-        .relative(process.cwd(), out)
-        .replace(/^src\//, ''); // remove src so file works inside src
-    utils_js_1.logger.log('exampleComponent?.propertyControls', exampleComponent?.propertyControls);
-    const prop = findExampleProperty(exampleComponent?.propertyControls);
-    const propStr = prop ? ` ${prop}='example'` : '';
-    const responsiveComponent = (0, string_dedent_1.default) `
-    {/* use .Responsive for components with breakpoints */}
-    <${exampleComponent?.componentName}.Responsive${propStr} />
-    `;
-    const nonResponsiveComponent = (0, string_dedent_1.default) `
-    <${exampleComponent?.componentName}
-        ${prop}='example'
-        style={{ width: '100%' }}
-    />
-    `;
-    const exampleCode = (0, string_dedent_1.default) `
-    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_1.default.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 (utils_js_1.stackblitzDemoExample) {
         utils_js_1.logger.log(`Inside Stackblitz demo, writing App.tsx`);
         await fs_1.default.promises.mkdir(path_1.default.dirname(utils_js_1.stackblitzDemoExample), {
@@ -1005,7 +946,11 @@ const resetCssStyles = `
     margin: 0;
 }
 
-.unframer body, .unframer input, .unframer textarea, .unframer select, .unframer button {
+.unframer {
+    line-height: normal;
+}
+
+.unframer, .unframer input, .unframer textarea, .unframer select, .unframer button {
     font-size: 12px;
     font-family: sans-serif;
 }
@@ -1018,4 +963,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');
+}
+async function createExampleComponentCode({ outDir, config, }) {
+    const outDirForExample = path_1.default.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 = (0, string_dedent_1.default) `
+        <${componentCamelCase(exampleComponent?.componentPathSlug)}.Responsive${propStr}/>
+        `;
+        return responsiveComponent;
+    });
+    let containerClasses = '';
+    if (config.pageBackgroundColor) {
+        let bg = config.pageBackgroundColor?.replace(' ', '_');
+        containerClasses += `bg-[${bg}]`;
+    }
+    const exampleCode = (0, string_dedent_1.default) `
+      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