@figma/code-connect 1.0.5 → 1.1.0

package/dist/html/__test__/parser/parser.test.js

@@ -0,0 +1,50 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const typescript_1 = __importDefault(require("typescript"));
+const path_1 = __importDefault(require("path"));
+const parser_common_1 = require("../../../connect/parser_common");
+const parser_1 = require("../../parser");
+async function testParse(file, extraFiles = [], config) {
+    const program = typescript_1.default.createProgram([
+        path_1.default.join(__dirname, 'examples', file),
+        ...extraFiles.map((file) => path_1.default.join(__dirname, file)),
+    ], {});
+    return await (0, parser_common_1.parseCodeConnect)({
+        program,
+        file: path_1.default.join(__dirname, 'examples', file),
+        config: { ...config, parser: 'html' },
+        parseFn: parser_1.parseHtmlDoc,
+        absPath: __dirname,
+        parseOptions: {
+            repoUrl: 'git@github.com:figma/code-connect.git',
+            debug: false,
+        },
+    });
+}
+describe('HTML Parser', () => {
+    it('throws an error if there is no config object', async () => {
+        expect(async () => await testParse('NoConfigObject.figma.ts')).rejects.toThrow(`The second argument to figma.connect() must be an object literal. Example usage:
+\`figma.connect('https://www.figma.com/file/123?node-id=1-1', {
+  example: () => html\`<button />\`
+})\``);
+    });
+    it('throws an error if there is no example', async () => {
+        expect(async () => await testParse('NoExample.figma.ts')).rejects.toThrow(`The 'example' property must be an arrow function which returns a html tagged template string. Example usage:
+\`figma.connect('https://www.figma.com/file/123?node-id=1-1', {
+  example: (props) => html\`<my-button />\`
+})\``);
+    });
+    it('throws an error if the example function returns a plain tagged template', async () => {
+        expect(async () => await testParse('WrongSignatureNoHtmlTag.figma.ts')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
+    });
+    it('throws an error if the example function returns JSX', async () => {
+        expect(async () => await testParse('WrongSignatureJsx.figma.tsx')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
+    });
+    it('throws an error if the example function is a regular function with extra code', async () => {
+        expect(async () => await testParse('RegularFunctionExampleWithExtraCode.figma.ts')).rejects.toThrow('Expected only a tagged template literal as the body of the render function');
+    });
+});
+//# sourceMappingURL=parser.test.js.map

package/dist/html/__test__/parser/parser.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.test.js","sourceRoot":"","sources":["../../../../src/html/__test__/parser/parser.test.ts"],"names":[],"mappings":";;;;;AACA,4DAA2B;AAC3B,gDAAuB;AACvB,kEAAiE;AACjE,yCAA2C;AAE3C,KAAK,UAAU,SAAS,CACtB,IAAY,EACZ,aAAuB,EAAE,EACzB,MAA8C;IAE9C,MAAM,OAAO,GAAG,oBAAE,CAAC,aAAa,CAC9B;QACE,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC;QACtC,GAAG,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,CAAC;KACxD,EACD,EAAE,CACH,CAAA;IACD,OAAO,MAAM,IAAA,gCAAgB,EAAC;QAC5B,OAAO;QACP,IAAI,EAAE,cAAI,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,EAAE,IAAI,CAAC;QAC5C,MAAM,EAAE,EAAE,GAAG,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE;QACrC,OAAO,EAAE,qBAAY;QACrB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE;YACZ,OAAO,EAAE,uCAAuC;YAChD,KAAK,EAAE,KAAK;SACb;KACF,CAAC,CAAA;AACJ,CAAC;AAED,QAAQ,CAAC,aAAa,EAAE,GAAG,EAAE;IAC3B,EAAE,CAAC,8CAA8C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,yBAAyB,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAC5E;;;KAGD,CACA,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,wCAAwC,EAAE,KAAK,IAAI,EAAE;QACtD,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,oBAAoB,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CACvE;;;KAGD,CACA,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,yEAAyE,EAAE,KAAK,IAAI,EAAE;QACvF,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,kCAAkC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CACrF,4EAA4E,CAC7E,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,6BAA6B,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAChF,4EAA4E,CAC7E,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+EAA+E,EAAE,KAAK,IAAI,EAAE;QAC7F,MAAM,CACJ,KAAK,IAAI,EAAE,CAAC,MAAM,SAAS,CAAC,8CAA8C,CAAC,CAC5E,CAAC,OAAO,CAAC,OAAO,CAAC,4EAA4E,CAAC,CAAA;IACjG,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}

package/dist/html/create.d.ts

@@ -0,0 +1,4 @@
+import { z } from 'zod';
+import { CreateRequestPayload, CreateResponsePayload } from '../connect/parser_executable_types';
+export declare function createHtmlCodeConnect(payload: CreateRequestPayload): Promise<z.infer<typeof CreateResponsePayload>>;
+//# sourceMappingURL=create.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create.d.ts","sourceRoot":"","sources":["../../src/html/create.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAA;AACvB,OAAO,EAAE,oBAAoB,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAQhG,wBAAsB,qBAAqB,CACzC,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAkDhD"}

package/dist/html/create.js

@@ -0,0 +1,81 @@
+"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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createHtmlCodeConnect = void 0;
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const create_1 = require("../react/create");
+const prettier = __importStar(require("prettier"));
+const lodash_1 = require("lodash");
+const create_common_1 = require("../connect/create_common");
+async function createHtmlCodeConnect(payload) {
+    const { component, destinationFile, destinationDir, sourceFilepath, sourceExport } = payload;
+    const { normalizedName, figmaNodeUrl } = component;
+    const webComponentName = (0, lodash_1.kebabCase)(normalizedName);
+    const sourceFilename = sourceFilepath
+        ? path_1.default.parse(sourceFilepath).name.split('.')[0]
+        : webComponentName;
+    const filePath = (0, create_common_1.getOutFileName)({
+        outFile: destinationFile,
+        outDir: destinationDir,
+        sourceFilename,
+        extension: 'ts',
+    });
+    const codeConnect = `
+import figma, { html } from '@figma/code-connect/html'
+
+/**
+ * -- This file was auto-generated by \`figma connect create\` --
+ * \`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("${figmaNodeUrl}", {
+  props: ${(0, create_1.generateProps)(component)},
+  example: (props) => html\`<${webComponentName} />\`
+})
+`;
+    let formatted = prettier.format(codeConnect, {
+        parser: 'typescript',
+        semi: false,
+        trailingComma: 'all',
+    });
+    if (fs_1.default.existsSync(filePath)) {
+        return {
+            createdFiles: [],
+            messages: [{ message: `File ${filePath} already exists, skipping creation`, level: 'ERROR' }],
+        };
+    }
+    fs_1.default.mkdirSync(path_1.default.dirname(filePath), { recursive: true });
+    fs_1.default.writeFileSync(filePath, formatted);
+    return { createdFiles: [{ filePath }], messages: [] };
+}
+exports.createHtmlCodeConnect = createHtmlCodeConnect;
+//# sourceMappingURL=create.js.map

package/dist/html/create.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../src/html/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,gDAAuB;AACvB,4CAAmB;AACnB,4CAA+C;AAC/C,mDAAoC;AACpC,mCAAkC;AAClC,4DAAyD;AAElD,KAAK,UAAU,qBAAqB,CACzC,OAA6B;IAE7B,MAAM,EAAE,SAAS,EAAE,eAAe,EAAE,cAAc,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,OAAO,CAAA;IAC5F,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,SAAS,CAAA;IAElD,MAAM,gBAAgB,GAAG,IAAA,kBAAS,EAAC,cAAc,CAAC,CAAA;IAElD,MAAM,cAAc,GAAG,cAAc;QACnC,CAAC,CAAC,cAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QAC/C,CAAC,CAAC,gBAAgB,CAAA;IAEpB,MAAM,QAAQ,GAAG,IAAA,8BAAc,EAAC;QAC9B,OAAO,EAAE,eAAe;QACxB,MAAM,EAAE,cAAc;QACtB,cAAc;QACd,SAAS,EAAE,IAAI;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG;;;;;;;;;;;iBAWL,YAAY;WAClB,IAAA,sBAAa,EAAC,SAAS,CAAC;+BACJ,gBAAgB;;CAE9C,CAAA;IAEC,IAAI,SAAS,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,EAAE;QAC3C,MAAM,EAAE,YAAY;QACpB,IAAI,EAAE,KAAK;QACX,aAAa,EAAE,KAAK;KACrB,CAAC,CAAA;IAEF,IAAI,YAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE,CAAC;QAC5B,OAAO;YACL,YAAY,EAAE,EAAE;YAChB,QAAQ,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,QAAQ,oCAAoC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC9F,CAAA;IACH,CAAC;IACD,YAAE,CAAC,SAAS,CAAC,cAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAA;IACzD,YAAE,CAAC,aAAa,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAA;IAErC,OAAO,EAAE,YAAY,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAA;AACvD,CAAC;AApDD,sDAoDC"}

package/dist/html/external.d.ts

@@ -0,0 +1,8 @@
+import { FigmaConnectMeta } from '../connect/api';
+import { booleanType, enumType, stringType, nestedPropsType, classNameType, textContentType } from '../connect/external_types';
+import { HtmlTemplateString } from './template_literal';
+declare function connectType<P = {}>(_figmaNodeUrl: string, _meta?: FigmaConnectMeta<P, HtmlTemplateString>): void;
+declare function instanceType(_figmaPropName: string): HtmlTemplateString;
+declare function childrenType(_layers: string | string[]): HtmlTemplateString;
+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/html/external.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"external.d.ts","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAA;AACjD,OAAO,EACL,WAAW,EACX,QAAQ,EACR,UAAU,EACV,eAAe,EACf,aAAa,EACb,eAAe,EAChB,MAAM,2BAA2B,CAAA;AAClC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAEvD,iBAAS,WAAW,CAAC,CAAC,GAAG,EAAE,EACzB,aAAa,EAAE,MAAM,EACrB,KAAK,CAAC,EAAE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GAC9C,IAAI,CAAG;AAEV,iBAAS,YAAY,CAAC,cAAc,EAAE,MAAM,GAAG,kBAAkB,CAIhE;AAED,iBAAS,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,kBAAkB,CAIpE;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/html/external.js

@@ -0,0 +1,25 @@
+"use strict";
+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 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(_figmaNodeUrl, _meta) { }
+exports.connect = connectType;
+function instanceType(_figmaPropName) {
+    return {
+        __tag: 'HtmlTemplateString',
+    };
+}
+exports.instance = instanceType;
+function childrenType(_layers) {
+    return {
+        __tag: 'HtmlTemplateString',
+    };
+}
+exports.children = childrenType;
+//# sourceMappingURL=external.js.map

package/dist/html/external.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"external.js","sourceRoot":"","sources":["../../src/html/external.ts"],"names":[],"mappings":";;;AACA,8DAOkC;AAqBjB,wFA3Bf,4BAAW,OA2BW;AACV,qFA3BZ,yBAAQ,OA2BQ;AACF,uFA3Bd,2BAAU,OA2BU;AACD,4FA3BnB,gCAAe,OA2Be;AACb,0FA3BjB,8BAAa,OA2Ba;AACP,4FA3BnB,gCAAe,OA2Be;AAvBhC,SAAS,WAAW,CAClB,aAAqB,EACrB,KAA+C,IACxC,CAAC;AAqBO,8BAAO;AAnBxB,SAAS,YAAY,CAAC,cAAsB;IAC1C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAgBiB,gCAAQ;AAd1B,SAAS,YAAY,CAAC,OAA0B;IAC9C,OAAO;QACL,KAAK,EAAE,oBAAoB;KAC5B,CAAA;AACH,CAAC;AAWiB,gCAAQ"}

package/dist/html/index_html.d.ts

@@ -0,0 +1,77 @@
+import { EnumValue, FigmaConnectAPI, FigmaConnectMeta, ValueOf } from '../connect/api';
+import { FigmaConnectClient } from '../client/figma_client';
+import { html, HtmlTemplateString } from './template_literal';
+declare const _client: FigmaConnectClient;
+declare const _figma: FigmaConnectAPI<HtmlTemplateString> & {
+    /**
+     * Defines a code snippet that displays in Figma when a component is selected.
+     *
+     * @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: Required<Pick<FigmaConnectMeta<P, HtmlTemplateString>, 'example'>> & FigmaConnectMeta<P, HtmlTemplateString>): 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: <my-label></my-label>,
+     *    false: <my-disabled-label></my-disabled-label>,
+     *  }),
+     * }
+     * ```
+     * Would replace `label` with `<my-label></my-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) => html`<my-button label=${props.nested.label}>${props.nested.icon}</my-button>`
+     * ```
+     */
+    nestedProps<V>(layer: string, input: V): V;
+    /**
+     * A list of import statements that will render in the Code Snippet in Figma.
+     */
+    imports?: string[];
+};
+declare const _html: typeof html;
+export { _figma as figma, _client as client, _html as html };
+export default _figma;
+//# sourceMappingURL=index_html.d.ts.map

package/dist/html/index_html.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_html.d.ts","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AAEtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAA;AAC3D,OAAO,EAAE,IAAI,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAA;AAG7D,QAAA,MAAM,OAAO,EAAE,kBAAgC,CAAA;AAC/C,QAAA,MAAM,MAAM,EAAE,eAAe,CAAC,kBAAkB,CAAC,GAAG;IAClD;;;;;OAKG;IACH,OAAO,CAAC,CAAC,GAAG,EAAE,EACZ,YAAY,EAAE,MAAM,EACpB,IAAI,EAAE,QAAQ,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,EAAE,SAAS,CAAC,CAAC,GACtE,gBAAgB,CAAC,CAAC,EAAE,kBAAkB,CAAC,GACxC,IAAI,CAAA;IAEP;;;;;;;;;;;OAWG;IACH,OAAO,CAAC,aAAa,EAAE,MAAM,GAAG,OAAO,CAAA;IAEvC;;;;;;;;;;;;;;;;;;OAkBG;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;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;CACX,CAAA;AACT,QAAA,MAAM,KAAK,aAAO,CAAA;AAElB,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,IAAI,IAAI,EAAE,CAAA;AAC5D,eAAe,MAAM,CAAA"}

package/dist/html/index_html.js

@@ -0,0 +1,42 @@
+"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.html = exports.client = exports.figma = void 0;
+const figma = __importStar(require("./external"));
+const template_literal_1 = require("./template_literal");
+const index_common_1 = require("../connect/index_common");
+const _client = (0, index_common_1.getClient)();
+exports.client = _client;
+const _figma = figma;
+exports.figma = _figma;
+const _html = template_literal_1.html;
+exports.html = _html;
+exports.default = _figma;
+//# sourceMappingURL=index_html.js.map

package/dist/html/index_html.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_html.js","sourceRoot":"","sources":["../../src/html/index_html.ts"],"names":[],"mappings":";AAAA,8EAA8E;AAC9E,uEAAuE;AACvE,yEAAyE;AACzE,qEAAqE;AACrE,uCAAuC;;;;;;;;;;;;;;;;;;;;;;;;;;AAGvC,kDAAmC;AAEnC,yDAA6D;AAC7D,0DAAmD;AAEnD,MAAM,OAAO,GAAuB,IAAA,wBAAS,GAAE,CAAA;AAmFV,yBAAM;AAlF3C,MAAM,MAAM,GA+ER,KAAK,CAAA;AAGU,uBAAK;AAFxB,MAAM,KAAK,GAAG,uBAAI,CAAA;AAEoC,qBAAI;AAC1D,kBAAe,MAAM,CAAA"}

package/dist/html/parser.d.ts

@@ -0,0 +1,19 @@
+import ts from 'typescript';
+import { PropMappings } from '../connect/intrinsics';
+import { CodeConnectJSON } from '../connect/figma_connect';
+import { ParserContext, ParseOptions } from '../connect/parser_common';
+/**
+ * Parses the example template string passed to `figma.connect()`.
+ *
+ * @param exp A function or arrow function expression
+ * @param parserContext Parser context
+ * @param propMappings Prop mappings object as returned by parseProps
+ *
+ * @returns The code of the render function and a list of imports
+ */
+export declare function parseExampleTemplate(exp: ts.ArrowFunction, parserContext: ParserContext, propMappings?: PropMappings): {
+    code: string;
+    nestable: boolean;
+};
+export declare function parseHtmlDoc(node: ts.CallExpression, parserContext: ParserContext, { repoUrl, silent }: ParseOptions): Promise<CodeConnectJSON>;
+//# sourceMappingURL=parser.d.ts.map

package/dist/html/parser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parser.d.ts","sourceRoot":"","sources":["../../src/html/parser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwC,MAAM,YAAY,CAAA;AAOjE,OAAO,EAAsB,YAAY,EAAoB,MAAM,uBAAuB,CAAA;AAC1F,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAI1D,OAAO,EAEL,aAAa,EAOb,YAAY,EACb,MAAM,0BAA0B,CAAA;AAyKjC;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CAClC,GAAG,EAAE,EAAE,CAAC,aAAa,EACrB,aAAa,EAAE,aAAa,EAC5B,YAAY,CAAC,EAAE,YAAY;;;EA4L5B;AAiID,wBAAsB,YAAY,CAChC,IAAI,EAAE,EAAE,CAAC,cAAc,EACvB,aAAa,EAAE,aAAa,EAC5B,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,YAAY,GAChC,OAAO,CAAC,eAAe,CAAC,CA6D1B"}