@figma/code-connect 1.0.5 → 1.1.0

package/dist/parser_scripts/get_swift_parser_dir.js

@@ -1,9 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSwiftParserDir = void 0;
 const child_process_1 = require("child_process");
 const logging_1 = require("../common/logging");
 const get_file_if_exists_1 = require("./get_file_if_exists");
+const path_1 = __importDefault(require("path"));
 // Find the location of the Code Connect Swift package on disk, so that we can
 // call `swift run figma-swift` from the correct location. This requires parsing
 // the output of xcodebuild for .xcodeproj projects, or parsing Package.swift
@@ -12,20 +16,35 @@ const get_file_if_exists_1 = require("./get_file_if_exists");
 // As this is a first party parser, we do this in TypeScript and call it as part
 // of our code. For third party parsers, logic like this would need to be
 // implemented in a script/binary which the user points Code Connect to.
-async function getSwiftParserDir(cwd, xcodeprojPath) {
+async function getSwiftParserDir(cwd, xcodeprojPath, swiftPackagePath) {
     let figmaPackageDir;
-    // Check for the supported project types.
-    const xcodeProjFile = (xcodeprojPath || (0, get_file_if_exists_1.getFileIfExists)(cwd, '*.xcodeproj')).replace(/\s/g, '\\ ');
-    const packageSwiftFile = (0, get_file_if_exists_1.getFileIfExists)(cwd, 'Package.swift');
-    if (!(xcodeProjFile || packageSwiftFile)) {
+    let xcodeprojFile;
+    let packageSwiftFile;
+    // // Check for the supported project types giving precedence top the user provided path
+    if (xcodeprojPath) {
+        xcodeprojFile = xcodeprojPath.replace(/\s/g, '\\ ');
+    }
+    else if (swiftPackagePath) {
+        packageSwiftFile = path_1.default.dirname(swiftPackagePath).replace(/\s/g, '\\ ');
+    }
+    else {
+        xcodeprojFile = (0, get_file_if_exists_1.getFileIfExists)(cwd, '*.xcodeproj').replace(/\s/g, '\\ ');
+        packageSwiftFile = (0, get_file_if_exists_1.getFileIfExists)(cwd, 'Package.swift').replace(/\s/g, '\\ ');
+    }
+    if (!(xcodeprojFile || packageSwiftFile)) {
         (0, logging_1.exitWithError)('No supported project found. Supported project types are .xcodeproj or Package.swift. You can specify the location of your .xcodeproj file with the `xcodeprojPath` config option.');
     }
-    if (xcodeProjFile) {
+    if (xcodeprojFile) {
         // Use xcodebuild to get the build settings, so we can find where the Code
         // Connect Swift package is installed
-        const buildSettings = (0, child_process_1.execSync)(`xcodebuild -project ${xcodeProjFile} -showBuildSettings`, {
+        const result = (0, child_process_1.spawnSync)('xcodebuild', ['-project', xcodeprojFile, '-showBuildSettings'], {
             cwd,
-        }).toString();
+            encoding: 'utf-8',
+        });
+        if (result.error) {
+            throw result.error;
+        }
+        const buildSettings = result.stdout;
         // Extract the source and version of the Code Connect Swift package from the
         // xcodebuild output, which can be in any of the following formats depending
         // on how it is installed:
@@ -61,9 +80,18 @@ async function getSwiftParserDir(cwd, xcodeprojPath) {
         }
     }
     else if (packageSwiftFile) {
+        const swiftPackageDir = swiftPackagePath ? path_1.default.dirname(swiftPackagePath) : undefined;
+        const packageDir = swiftPackageDir || cwd;
         // Use the Swift command to determine if the package is installed locally or from Git
         try {
-            const packageInfo = JSON.parse((0, child_process_1.execSync)('swift package describe --type json', { cwd }).toString());
+            const result = (0, child_process_1.spawnSync)('swift', ['package', '--package-path', packageDir, 'describe', '--type', 'json'], {
+                cwd,
+                encoding: 'utf-8',
+            });
+            if (result.error) {
+                throw result.error;
+            }
+            const packageInfo = JSON.parse(result.stdout);
             const codeConnectPackage = packageInfo.dependencies.find((p) => p.identity === 'code-connect') ??
                 // Our local directory is called figmadoc, so this is what swift outputs as the identity
                 packageInfo.dependencies.find((p) => p.identity === 'figmadoc');
@@ -71,7 +99,7 @@ async function getSwiftParserDir(cwd, xcodeprojPath) {
                 (0, logging_1.exitWithError)('Code Connect Swift package not found in Package.swift. Please add a dependency to https://github.com/figma/code-connect to your Package.swift file.');
             }
             // We can run directly from the directory of the package swift file
-            figmaPackageDir = cwd;
+            figmaPackageDir = packageDir;
         }
         catch (e) {
             (0, logging_1.exitWithError)(`Error calling Swift command: ${e}`);

package/dist/parser_scripts/get_swift_parser_dir.js.map

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

package/dist/react/create.d.ts

@@ -1,4 +1,9 @@
 import z from 'zod';
 import { CreateRequestPayload, CreateResponsePayload } from '../connect/parser_executable_types';
+import { Intrinsic } from '../connect/intrinsics';
+export declare function isBooleanKind(propValue: string): boolean;
+export declare function generateExpressionFromIntrinsic({ kind, args }: Intrinsic): string | never;
+export declare function getSetOfAllPropsReferencedInPropMapping(obj: Object): Set<string>;
+export declare function generateProps(component: CreateRequestPayload['component']): string;
 export declare function createReactCodeConnect(payload: CreateRequestPayload): Promise<z.infer<typeof CreateResponsePayload>>;
 //# sourceMappingURL=create.d.ts.map

package/dist/react/create.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,KAAK,CAAA;AACnB,OAAO,EACL,oBAAoB,EACpB,qBAAqB,EAEtB,MAAM,oCAAoC,CAAA;AA8H3C,wBAAsB,sBAAsB,CAC1C,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC,CA8DhD"}
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/react/create.ts"],"names":[],"mappings":"AAGA,OAAO,CAAC,MAAM,KAAK,CAAA;AACnB,OAAO,EAEL,oBAAoB,EACpB,qBAAqB,EAEtB,MAAM,oCAAoC,CAAA;AAG3C,OAAO,EAAE,SAAS,EAAmC,MAAM,uBAAuB,CAAA;AAGlF,wBAAgB,aAAa,CAAC,SAAS,EAAE,MAAM,WAU9C;AA8CD,wBAAgB,+BAA+B,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,SAAS,GAAG,MAAM,GAAG,KAAK,CAqBzF;AAgCD,wBAAgB,uCAAuC,CAAC,GAAG,EAAE,MAAM,eAWlE;AA2CD,wBAAgB,aAAa,CAAC,SAAS,EAAE,oBAAoB,CAAC,WAAW,CAAC,UAkBzE;AAkCD,wBAAsB,sBAAsB,CAC1C,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC,CA0EhD"}

package/dist/react/create.js

@@ -26,12 +26,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createReactCodeConnect = void 0;
+exports.createReactCodeConnect = exports.generateProps = exports.getSetOfAllPropsReferencedInPropMapping = exports.generateExpressionFromIntrinsic = exports.isBooleanKind = void 0;
 const lodash_1 = require("lodash");
 const prettier = __importStar(require("prettier"));
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const create_1 = require("../connect/create");
+const intrinsics_1 = require("../connect/intrinsics");
+const create_common_1 = require("../connect/create_common");
 function isBooleanKind(propValue) {
     const normalized = propValue.toLowerCase();
     return (normalized === 'true' ||
@@ -41,62 +43,153 @@ function isBooleanKind(propValue) {
         normalized === 'on' ||
         normalized === 'off');
 }
+exports.isBooleanKind = isBooleanKind;
 function normalizePropName(name) {
     return name.replace(/#[0-9:]*/g, '');
 }
 function generateCodePropName(name) {
-    return (0, lodash_1.camelCase)(name.replace(/[^a-zA-Z0-9]/g, ''));
+    const cleanedName = name
+        // Remove any #node:id from the end of the string
+        .replace(/#[0-9:]+$/g, '')
+        // Remove any special characters
+        .replace(/[^a-zA-Z0-9\s]/g, '');
+    return (0, lodash_1.camelCase)(cleanedName);
 }
 function normalizePropValue(name) {
     // Convert the string to kebab-case
     return name.replace(/[^a-zA-Z0-9]/g, '-').toLowerCase();
 }
-function generateProps(component, propMapping) {
+function generateExpressionValueMappingKind(valueMappingKind) {
+    if (valueMappingKind && typeof valueMappingKind === 'object' && 'kind' in valueMappingKind) {
+        return generateExpressionFromIntrinsic(valueMappingKind);
+    }
+    if (typeof valueMappingKind === 'string') {
+        return `"${valueMappingKind}"`;
+    }
+    if (typeof valueMappingKind === 'number' ||
+        typeof valueMappingKind === 'boolean' ||
+        typeof valueMappingKind === 'undefined') {
+        return `${valueMappingKind}`;
+    }
+}
+function generateExpressionValueMapping(valueMapping) {
+    return `{
+  ${Object.entries(valueMapping)
+        .map(([k, v]) => `"${k}": ${generateExpressionValueMappingKind(v)}`)
+        .join(`,\n`)}
+}`;
+}
+// Not an exhaustive list of intrinsics but can add others as/when they're supported in prop mapping gen
+function generateExpressionFromIntrinsic({ kind, args }) {
+    if (kind === intrinsics_1.IntrinsicKind.String) {
+        return `figma.string("${args.figmaPropName}")`;
+    }
+    if (kind === intrinsics_1.IntrinsicKind.Boolean) {
+        return `figma.boolean("${args.figmaPropName}"${args.valueMapping ? `, ${generateExpressionValueMapping(args.valueMapping)}` : ''})`;
+    }
+    if (kind === intrinsics_1.IntrinsicKind.Enum) {
+        return `figma.enum("${args.figmaPropName}"${args.valueMapping ? `, ${generateExpressionValueMapping(args.valueMapping)}` : ''})`;
+    }
+    if (kind === intrinsics_1.IntrinsicKind.Instance) {
+        return `figma.instance("${args.figmaPropName}")`;
+    }
+    if (kind === intrinsics_1.IntrinsicKind.Children) {
+        return `figma.children(${args.layers.length > 1 ? `[${args.layers.map((layer) => `"${layer}"`).join(', ')}]` : `"${args.layers[0]}"`})`;
+    }
+    if (kind === intrinsics_1.IntrinsicKind.TextContent) {
+        return `figma.textContent("${args.layer}")`;
+    }
+    // should never reach here as we create prop mappings.
+    throw new Error(`kind ${kind} not supported for prop mapping`);
+}
+exports.generateExpressionFromIntrinsic = generateExpressionFromIntrinsic;
+function generateSinglePropMappingFromFigmaProp(propName, propDef) {
+    const codePropName = generateCodePropName(propName);
+    const figmaPropName = normalizePropName(propName);
+    if (propDef.type === 'BOOLEAN') {
+        return `"${codePropName}": figma.boolean('${figmaPropName}')`;
+    }
+    if (propDef.type === 'TEXT') {
+        return `"${codePropName}": figma.string('${figmaPropName}')`;
+    }
+    if (propDef.type === 'VARIANT') {
+        const isBooleanVariant = propDef.variantOptions?.length === 2 && propDef.variantOptions.every(isBooleanKind);
+        if (isBooleanVariant) {
+            return `"${codePropName}": figma.boolean('${figmaPropName}')`;
+        }
+        else {
+            return `"${codePropName}": figma.enum('${figmaPropName}', { \n${propDef.variantOptions
+                ?.map((value) => `  "${value}": "${normalizePropValue(value)}"`)
+                .join(',\n')}})`;
+        }
+    }
+    if (propDef.type === 'INSTANCE_SWAP') {
+        return `"${codePropName}": figma.instance('${figmaPropName}')`;
+    }
+    return null;
+}
+function getSetOfAllPropsReferencedInPropMapping(obj) {
+    const mappedProps = [];
+    Object.entries(obj).forEach(([k, v]) => {
+        if (k === 'figmaPropName') {
+            mappedProps.push(v);
+        }
+        if (typeof v === 'object') {
+            mappedProps.push(...getSetOfAllPropsReferencedInPropMapping(v));
+        }
+    });
+    return new Set(mappedProps);
+}
+exports.getSetOfAllPropsReferencedInPropMapping = getSetOfAllPropsReferencedInPropMapping;
+function generatePropsFromMapping(component, propMapping) {
+    const mappedProps = [];
+    const unmappedProps = [];
+    for (const [propName, intrinsic] of Object.entries(propMapping)) {
+        const expr = generateExpressionFromIntrinsic(intrinsic);
+        if (expr) {
+            mappedProps.push(`"${propName}": ${expr}`);
+        }
+    }
+    const usedFigmaPropsSet = getSetOfAllPropsReferencedInPropMapping(propMapping);
+    for (const [propName, propDef] of Object.entries(component.componentPropertyDefinitions)) {
+        if (!usedFigmaPropsSet.has(propName)) {
+            const propMapping = generateSinglePropMappingFromFigmaProp(propName, propDef);
+            if (propMapping) {
+                unmappedProps.push(propMapping);
+            }
+        }
+    }
+    return `{
+  // These props were automatically mapped based on your linked code:
+  ${mappedProps.join(',\n')},
+  ${unmappedProps.length
+        ? `// No matching props could be found for these Figma properties:
+  ${unmappedProps
+            .map((prop) => {
+            // Comment out to make clear these are suggested. Singly-commented out lines for ease of uncommenting
+            return `// ${prop}`;
+        })
+            .join(',\n')}`
+        : ''}
+  }`;
+}
+function generateProps(component) {
     const props = [];
     if (!component.componentPropertyDefinitions ||
         Object.keys(component.componentPropertyDefinitions).length === 0) {
         return `{}`;
     }
     for (const [propName, propDef] of Object.entries(component.componentPropertyDefinitions)) {
-        const mappedProp = propMapping && propMapping[propName];
-        const codePropName = mappedProp ? mappedProp.codePropName : generateCodePropName(propName);
-        const type = mappedProp ? mappedProp.mapping : propDef.type;
-        const figmaPropName = normalizePropName(propName);
-        if (type === 'BOOLEAN') {
-            props.push(`"${codePropName}": figma.boolean('${figmaPropName}')`);
-        }
-        if (type === 'TEXT') {
-            props.push(`"${codePropName}": figma.string('${figmaPropName}')`);
-        }
-        if (type === 'VARIANT') {
-            const isBooleanVariant = propDef.variantOptions?.length === 2 && propDef.variantOptions.every(isBooleanKind);
-            if (isBooleanVariant) {
-                props.push(`"${codePropName}": figma.boolean('${figmaPropName}')`);
-            }
-            else {
-                props.push(`"${codePropName}": figma.enum('${figmaPropName}', { \n${propDef.variantOptions
-                    ?.map((value) => `  "${value}": "${normalizePropValue(value)}"`)
-                    .join(',\n')}})`);
-            }
-        }
-        if (type === 'INSTANCE_SWAP') {
-            props.push(`"${codePropName}": figma.instance('${figmaPropName}')`);
+        const propMapping = generateSinglePropMappingFromFigmaProp(propName, propDef);
+        if (propMapping) {
+            props.push(propMapping);
         }
     }
     return `{
   ${props.join(',\n  ')}
 }`;
 }
-function getOutFileName({ outFile, outDir, sourceFilename, }) {
-    if (outFile) {
-        return outFile;
-    }
-    const baseName = `${sourceFilename}.figma.tsx`;
-    if (outDir) {
-        return path_1.default.join(outDir, baseName);
-    }
-    return path_1.default.join(process.env.INIT_CWD ?? process.cwd(), baseName);
-}
+exports.generateProps = generateProps;
 // returns ES-style import path from given system path
 function formatImportPath(systemPath) {
     // use forward slashes for import paths
@@ -122,16 +215,18 @@ async function createReactCodeConnect(payload) {
     const sourceFilename = sourceFilepath
         ? path_1.default.parse(sourceFilepath).name.split('.')[0]
         : normalizedName;
-    const filePath = getOutFileName({
+    const filePath = (0, create_common_1.getOutFileName)({
         outFile: destinationFile,
         outDir: destinationDir,
         sourceFilename,
+        extension: 'tsx',
     });
     const importsPath = getImportsPath({
         codeConnectFilePath: filePath,
         sourceFilepath,
         normalizedName,
     });
+    const hasPropMapping = propMapping && Object.keys(propMapping).length > 0;
     const importName = sourceFilepath && sourceExport
         ? sourceExport === 'default'
             ? (0, create_1.normalizeComponentName)(sourceFilename)
@@ -142,20 +237,27 @@ import React from 'react'
 import ${sourceExport === 'default' ? importName : `{ ${importName} }`} from '${importsPath}'
 import figma from '@figma/code-connect'
 
-/**
- * -- This file was auto-generated by \`figma connect create\` --
+${hasPropMapping
+        ? `/**
+ * -- This file was auto-generated by Code Connect --
+ * \`props\` includes a mapping from your code props to Figma properties.
+ * You should check this is correct, and update the \`example\` function
+ * to return the code example you'd like to see in Figma
+*/`
+        : `/**
+ * -- This file was auto-generated by Code Connect --
  * \`props\` includes a mapping from Figma properties and variants to
  * suggested values. You should update this to match the props of your
  * code component, and update the \`example\` function to return the
  * code example you'd like to see in Figma
-*/
+*/`}
 
 figma.connect(${importName}, "${figmaNodeUrl}", {
-  props: ${generateProps(component, propMapping)},
+  props: ${hasPropMapping ? generatePropsFromMapping(component, propMapping) : generateProps(component)},
   example: (props) => <${importName} />
 })
 `;
-    let formatted = await prettier.format(codeConnect, {
+    let formatted = prettier.format(codeConnect, {
         parser: 'typescript',
         semi: false,
         trailingComma: 'all',

package/dist/react/create.js.map

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

package/dist/react/external.d.ts

@@ -0,0 +1,9 @@
+import { FigmaConnectMeta } from '../connect/api';
+import * as React from 'react';
+import { booleanType, enumType, stringType, nestedPropsType, classNameType, textContentType } from '../connect/external_types';
+declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: FigmaConnectMeta<P>): void;
+declare function connectType<P = {}>(_component: any, _figmaNodeUrl: string, _meta?: FigmaConnectMeta<P>): void;
+declare function instanceType(_figmaPropName: string): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+declare function childrenType(_layers: string | string[]): React.DetailedReactHTMLElement<React.HTMLAttributes<HTMLElement>, HTMLElement>;
+export { booleanType as boolean, enumType as enum, stringType as string, nestedPropsType as nestedProps, classNameType as className, textContentType as textContent, connectType as connect, instanceType as instance, childrenType as children, };
+//# sourceMappingURL=external.d.ts.map

package/dist/react/external.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAmC,MAAM,gBAAgB,CAAA;AAClF,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAElC,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EAAE,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAA;AACtF,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EACzB,UAAU,EAAE,GAAG,EACf,aAAa,EAAE,MAAM,EACrB,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAC1B,IAAI,CAAA;AAGP,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,kFAE3C;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,kFAE/C;AAED,OAAO,EACL,WAAW,IAAI,OAAO,EACtB,QAAQ,IAAI,IAAI,EAChB,UAAU,IAAI,MAAM,EACpB,eAAe,IAAI,WAAW,EAC9B,aAAa,IAAI,SAAS,EAC1B,eAAe,IAAI,WAAW,EAC9B,WAAW,IAAI,OAAO,EACtB,YAAY,IAAI,QAAQ,EACxB,YAAY,IAAI,QAAQ,GACzB,CAAA"}

package/dist/react/external.js

@@ -0,0 +1,45 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.children = exports.instance = exports.connect = exports.textContent = exports.className = exports.nestedProps = exports.string = exports.enum = exports.boolean = void 0;
+const React = __importStar(require("react"));
+const external_types_1 = require("../connect/external_types");
+Object.defineProperty(exports, "boolean", { enumerable: true, get: function () { return external_types_1.booleanType; } });
+Object.defineProperty(exports, "enum", { enumerable: true, get: function () { return external_types_1.enumType; } });
+Object.defineProperty(exports, "string", { enumerable: true, get: function () { return external_types_1.stringType; } });
+Object.defineProperty(exports, "nestedProps", { enumerable: true, get: function () { return external_types_1.nestedPropsType; } });
+Object.defineProperty(exports, "className", { enumerable: true, get: function () { return external_types_1.classNameType; } });
+Object.defineProperty(exports, "textContent", { enumerable: true, get: function () { return external_types_1.textContentType; } });
+function connectType(_component, _figmaNodeUrl, _meta) { }
+exports.connect = connectType;
+function instanceType(_figmaPropName) {
+    return React.createElement('div');
+}
+exports.instance = instanceType;
+function childrenType(_layers) {
+    return React.createElement('div');
+}
+exports.children = childrenType;
+//# sourceMappingURL=external.js.map

package/dist/react/external.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/react/external.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,6CAA8B;AAC9B,8DAOkC;AAmBjB,wFAzBf,4BAAW,OAyBW;AACV,qFAzBZ,yBAAQ,OAyBQ;AACF,uFAzBd,2BAAU,OAyBU;AACD,4FAzBnB,gCAAe,OAyBe;AACb,0FAzBjB,8BAAa,OAyBa;AACP,4FAzBnB,gCAAe,OAyBe;AAhBhC,SAAS,WAAW,CAAC,UAAmB,EAAE,aAAsB,EAAE,KAAe,IAAS,CAAC;AAiB1E,8BAAO;AAfxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAciB,gCAAQ;AAZ1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;AACnC,CAAC;AAWiB,gCAAQ"}

package/dist/react/index_react.d.ts

@@ -0,0 +1,94 @@
+/// <reference types="react" />
+import { EnumValue, FigmaConnectAPI, FigmaConnectMeta, ValueOf } from '../connect/api';
+import * as StorybookTypes from '../storybook/external';
+import { FigmaConnectClient } from '../client/figma_client';
+declare const _client: FigmaConnectClient;
+declare const _figma: FigmaConnectAPI<JSX.Element> & {
+    /**
+     * Defines a code snippet that displays in Figma when a component is selected. This function has two signatures:
+     * - When called with a component reference as the first argument, it will infer metadata such as the import statement
+     * and location in source file from the component reference
+     * - When called only with a Figma node URL, this metadata will not be included. This is useful when you want to display a code snippet
+     * for something that isn't a React component, such as a `<button>` element
+     *
+     * @param component A reference to the React component
+     * @param figmaNodeUrl A link to the node in Figma, for example:`https://www.figma.com/file/123abc/My-Component?node-id=123:456`
+     * @param meta {@link FigmaConnectMeta}
+     */
+    connect<P = {}>(component: any, figmaNodeUrl: string, meta?: FigmaConnectMeta<P, React.Component | JSX.Element>): void;
+    /**
+     * Defines a code snippet that displays in Figma when a component is selected. This function has two signatures:
+     * - When called with a component reference as the first argument, it will infer metadata such as the import statement
+     * and location in source file from the component reference
+     * - When called only with a Figma node URL, this metadata will not be included. This is useful when you want to display a code snippet
+     * for something that isn't a React component, such as a `<button>` element
+     *
+     * @param figmaNodeUrl A link to the node in Figma, for example:`https://www.figma.com/file/123abc/My-Component?node-id=123:456`
+     * @param meta {@link FigmaConnectMeta}
+     */
+    connect<P = {}>(figmaNodeUrl: string, meta?: FigmaConnectMeta<P, React.Component | JSX.Element>): void;
+    /**
+     * Maps a Figma property to a boolean value for the connected component. This prop is replaced
+     * with values from the Figma instance when viewed in Dev Mode. For example:
+     * ```ts
+     * props: {
+     *  disabled: figma.boolean('Disabled'),
+     * }
+     * ```
+     * Would show the `disabled` property if the Figma property "Disabled" is true.
+     *
+     * @param figmaPropName The name of the property on the Figma component
+     */
+    boolean(figmaPropName: string): boolean;
+    /**
+     * Maps a Figma boolean property to a set of values for the connected component, providing
+     * a value mapping for `true` and `false`. This prop is replaced with values from the
+     * Figma instance when viewed in Dev Mode. Example:
+     * ```ts
+     * props: {
+     *  label: figma.boolean('Disabled', {
+     *    true: <Label />,
+     *    false: <HiddenLabel />
+     *  }),
+     * }
+     * ```
+     * Would replace `label` with `<Label />` if the Figma property "Disabled" is true.
+     *
+     * @param figmaPropName The name of the property on the Figma component
+     * @param valueMapping A mapping of values for `true` and `false`
+     */
+    boolean<TrueT extends EnumValue, FalseT extends EnumValue>(figmaPropName: string, valueMapping?: {
+        true?: TrueT;
+        false?: FalseT;
+    }): ValueOf<Record<'true' | 'false', TrueT | FalseT>>;
+    /**
+     * Maps nested properties from a Figma instance layer. The first argument
+     * should be the layer name of the nested instance. The mapping object passed
+     * in is in the same format as the `props` object in the `connect` function.
+     * For example:
+     * ```ts
+     * props: {
+     *   nested: figma.nestedProps('Nested', {
+     *     label: figma.string('Text'),
+     *     icon: figma.instance('Icon'),
+     *   }),
+     * }
+     * ```
+     *
+     * Which would then allow you to access the nested properties in the `example` function like so:
+     * ```ts
+     * (props) => <Button label={props.nested.label} icon={props.nested.icon} />
+     * ```
+     */
+    nestedProps<V>(layer: string, input: V): V;
+    /**
+     * A list of import statements that will render in the Code Snippet in Figma.
+     * This overrides the auto-generated imports for the component. When this is specified,
+     * the `importPaths` option in the config file is also ignored.
+     */
+    imports?: string[];
+};
+export { _figma as figma, _client as client };
+export default _figma;
+export type StoryParameters<T = {}> = StorybookTypes.StoryParameters<T>;
+//# sourceMappingURL=index_react.d.ts.map

package/dist/react/index_react.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_react.d.ts","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAG3D,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG;IAC3C;;;;;;;;;;OAUG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,SAAS,EAAE,GAAG,EACd,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GACxD,IAAI,CAAA;IAEP;;;;;;;;;OASG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,YAAY,EAAE,MAAM,EACpB,IAAI,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,GAAG,CAAC,OAAO,CAAC,GACxD,IAAI,CAAA;IAEP;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;OAgBG;IACH,OAAO,CAAC,KAAK,SAAS,SAAS,EAAE,MAAM,SAAS,SAAS,EACvD,aAAa,EAAE,MAAM,EACrB,YAAY,CAAC,EAAE;QACb,IAAI,CAAC,EAAE,KAAK,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,GACA,OAAO,CAAC,MAAM,CAAC,MAAM,GAAG,OAAO,EAAE,KAAK,GAAG,MAAM,CAAC,CAAC,CAAA;IAEpD;;;;;;;;;;;;;;;;;;OAkBG;IACH,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAAA;IAE1C;;;;OAIG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACX,CAAA;AAET,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,CAAA;AAC7C,eAAe,MAAM,CAAA;AAErB,MAAM,MAAM,eAAe,CAAC,CAAC,GAAG,EAAE,IAAI,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAA"}

package/dist/react/index_react.js

@@ -0,0 +1,39 @@
+"use strict";
+// IMPORTANT: be careful to ensure you don't accidentally add code which has a
+// dependency on Node.js-only modules here, as it will break co-located
+// components. We don't have a test for this yet. Any such code should be
+// conditionally required - see `client` for an example. Reach out in
+// #feat-code-connect if you're unsure.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.client = exports.figma = void 0;
+const figma = __importStar(require("./external"));
+const index_common_1 = require("../connect/index_common");
+const _client = (0, index_common_1.getClient)();
+exports.client = _client;
+const _figma = figma;
+exports.figma = _figma;
+exports.default = _figma;
+//# sourceMappingURL=index_react.js.map

package/dist/react/index_react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_react.js","sourceRoot":"","sources":["../../src/react/index_react.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAGnC,0DAAmD;AAEnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AAsGV,yBAAM;AArG3C,MAAM,MAAM,GAmGR,KAAK,CAAA;AAEU,uBAAK;AACxB,kBAAe,MAAM,CAAA"}