@builder.io/mitosis 0.0.0-dev-20260605060721

package/dist/src/helpers/is-component.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isComponent = void 0;
+/**
+ * This node is a component, vs a plain html tag (<Foo> vs <div>)
+ */
+const isComponent = (json) => json.name.toLowerCase() !== json.name;
+exports.isComponent = isComponent;

package/dist/src/helpers/is-hook-empty.d.ts

@@ -0,0 +1,2 @@
+import { BaseHook, OnMountHook } from '../types/mitosis-component';
+export declare const isHookEmpty: (hook?: BaseHook | BaseHook[] | OnMountHook[]) => boolean;

package/dist/src/helpers/is-hook-empty.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHookEmpty = void 0;
+const isHookEmpty = (hook) => {
+    var _a;
+    if (!hook) {
+        return true;
+    }
+    if (Array.isArray(hook)) {
+        return hook.every((h) => (0, exports.isHookEmpty)(h));
+    }
+    return !((_a = hook.code) === null || _a === void 0 ? void 0 : _a.trim());
+};
+exports.isHookEmpty = isHookEmpty;

package/dist/src/helpers/is-html-attribute.d.ts

@@ -0,0 +1,4 @@
+export declare const htmlElementAttributes: {
+    [key: string]: string[];
+};
+export declare const isHtmlAttribute: (attr: string, tagName: string) => boolean;

package/dist/src/helpers/is-html-attribute.js

@@ -0,0 +1,371 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isHtmlAttribute = exports.htmlElementAttributes = void 0;
+exports.htmlElementAttributes = {
+    '*': [
+        'accesskey',
+        'autocapitalize',
+        'autofocus',
+        'class',
+        'contenteditable',
+        'dir',
+        'draggable',
+        'enterkeyhint',
+        'hidden',
+        'id',
+        'inputmode',
+        'is',
+        'itemid',
+        'itemprop',
+        'itemref',
+        'itemscope',
+        'itemtype',
+        'lang',
+        'nonce',
+        'slot',
+        'spellcheck',
+        'style',
+        'tabindex',
+        'title',
+        'translate',
+    ],
+    a: [
+        'charset',
+        'coords',
+        'download',
+        'href',
+        'hreflang',
+        'name',
+        'ping',
+        'referrerpolicy',
+        'rel',
+        'rev',
+        'shape',
+        'target',
+        'type',
+    ],
+    applet: [
+        'align',
+        'alt',
+        'archive',
+        'code',
+        'codebase',
+        'height',
+        'hspace',
+        'name',
+        'object',
+        'vspace',
+        'width',
+    ],
+    area: [
+        'alt',
+        'coords',
+        'download',
+        'href',
+        'hreflang',
+        'nohref',
+        'ping',
+        'referrerpolicy',
+        'rel',
+        'shape',
+        'target',
+        'type',
+    ],
+    audio: ['autoplay', 'controls', 'crossorigin', 'loop', 'muted', 'preload', 'src'],
+    base: ['href', 'target'],
+    basefont: ['color', 'face', 'size'],
+    blockquote: ['cite'],
+    body: ['alink', 'background', 'bgcolor', 'link', 'text', 'vlink'],
+    br: ['clear'],
+    button: [
+        'disabled',
+        'form',
+        'formaction',
+        'formenctype',
+        'formmethod',
+        'formnovalidate',
+        'formtarget',
+        'name',
+        'type',
+        'value',
+    ],
+    canvas: ['height', 'width'],
+    caption: ['align'],
+    col: ['align', 'char', 'charoff', 'span', 'valign', 'width'],
+    colgroup: ['align', 'char', 'charoff', 'span', 'valign', 'width'],
+    data: ['value'],
+    del: ['cite', 'datetime'],
+    details: ['open'],
+    dialog: ['open'],
+    dir: ['compact'],
+    div: ['align'],
+    dl: ['compact'],
+    embed: ['height', 'src', 'type', 'width'],
+    fieldset: ['disabled', 'form', 'name'],
+    font: ['color', 'face', 'size'],
+    form: [
+        'accept',
+        'accept-charset',
+        'action',
+        'autocomplete',
+        'enctype',
+        'method',
+        'name',
+        'novalidate',
+        'target',
+    ],
+    frame: [
+        'frameborder',
+        'longdesc',
+        'marginheight',
+        'marginwidth',
+        'name',
+        'noresize',
+        'scrolling',
+        'src',
+    ],
+    frameset: ['cols', 'rows'],
+    h1: ['align'],
+    h2: ['align'],
+    h3: ['align'],
+    h4: ['align'],
+    h5: ['align'],
+    h6: ['align'],
+    head: ['profile'],
+    hr: ['align', 'noshade', 'size', 'width'],
+    html: ['manifest', 'version'],
+    iframe: [
+        'align',
+        'allow',
+        'allowfullscreen',
+        'allowpaymentrequest',
+        'allowusermedia',
+        'frameborder',
+        'height',
+        'loading',
+        'longdesc',
+        'marginheight',
+        'marginwidth',
+        'name',
+        'referrerpolicy',
+        'sandbox',
+        'scrolling',
+        'src',
+        'srcdoc',
+        'width',
+    ],
+    img: [
+        'align',
+        'alt',
+        'border',
+        'crossorigin',
+        'decoding',
+        'height',
+        'hspace',
+        'ismap',
+        'loading',
+        'longdesc',
+        'name',
+        'referrerpolicy',
+        'sizes',
+        'src',
+        'srcset',
+        'usemap',
+        'vspace',
+        'width',
+    ],
+    input: [
+        'accept',
+        'align',
+        'alt',
+        'autocomplete',
+        'checked',
+        'dirname',
+        'disabled',
+        'form',
+        'formaction',
+        'formenctype',
+        'formmethod',
+        'formnovalidate',
+        'formtarget',
+        'height',
+        'ismap',
+        'list',
+        'max',
+        'maxlength',
+        'min',
+        'minlength',
+        'multiple',
+        'name',
+        'pattern',
+        'placeholder',
+        'readonly',
+        'required',
+        'size',
+        'src',
+        'step',
+        'type',
+        'usemap',
+        'value',
+        'width',
+    ],
+    ins: ['cite', 'datetime'],
+    isindex: ['prompt'],
+    label: ['for', 'form'],
+    legend: ['align'],
+    li: ['type', 'value'],
+    link: [
+        'as',
+        'charset',
+        'color',
+        'crossorigin',
+        'disabled',
+        'href',
+        'hreflang',
+        'imagesizes',
+        'imagesrcset',
+        'integrity',
+        'media',
+        'referrerpolicy',
+        'rel',
+        'rev',
+        'sizes',
+        'target',
+        'type',
+    ],
+    map: ['name'],
+    menu: ['compact'],
+    meta: ['charset', 'content', 'http-equiv', 'media', 'name', 'scheme'],
+    meter: ['high', 'low', 'max', 'min', 'optimum', 'value'],
+    object: [
+        'align',
+        'archive',
+        'border',
+        'classid',
+        'codebase',
+        'codetype',
+        'data',
+        'declare',
+        'form',
+        'height',
+        'hspace',
+        'name',
+        'standby',
+        'type',
+        'typemustmatch',
+        'usemap',
+        'vspace',
+        'width',
+    ],
+    ol: ['compact', 'reversed', 'start', 'type'],
+    optgroup: ['disabled', 'label'],
+    option: ['disabled', 'label', 'selected', 'value'],
+    output: ['for', 'form', 'name'],
+    p: ['align'],
+    param: ['name', 'type', 'value', 'valuetype'],
+    pre: ['width'],
+    progress: ['max', 'value'],
+    q: ['cite'],
+    script: [
+        'async',
+        'charset',
+        'crossorigin',
+        'defer',
+        'integrity',
+        'language',
+        'nomodule',
+        'referrerpolicy',
+        'src',
+        'type',
+    ],
+    select: ['autocomplete', 'disabled', 'form', 'multiple', 'name', 'required', 'size'],
+    slot: ['name'],
+    source: ['height', 'media', 'sizes', 'src', 'srcset', 'type', 'width'],
+    style: ['media', 'type'],
+    table: [
+        'align',
+        'bgcolor',
+        'border',
+        'cellpadding',
+        'cellspacing',
+        'frame',
+        'rules',
+        'summary',
+        'width',
+    ],
+    tbody: ['align', 'char', 'charoff', 'valign'],
+    td: [
+        'abbr',
+        'align',
+        'axis',
+        'bgcolor',
+        'char',
+        'charoff',
+        'colspan',
+        'headers',
+        'height',
+        'nowrap',
+        'rowspan',
+        'scope',
+        'valign',
+        'width',
+    ],
+    textarea: [
+        'autocomplete',
+        'cols',
+        'dirname',
+        'disabled',
+        'form',
+        'maxlength',
+        'minlength',
+        'name',
+        'placeholder',
+        'readonly',
+        'required',
+        'rows',
+        'wrap',
+    ],
+    tfoot: ['align', 'char', 'charoff', 'valign'],
+    th: [
+        'abbr',
+        'align',
+        'axis',
+        'bgcolor',
+        'char',
+        'charoff',
+        'colspan',
+        'headers',
+        'height',
+        'nowrap',
+        'rowspan',
+        'scope',
+        'valign',
+        'width',
+    ],
+    thead: ['align', 'char', 'charoff', 'valign'],
+    time: ['datetime'],
+    tr: ['align', 'bgcolor', 'char', 'charoff', 'valign'],
+    track: ['default', 'kind', 'label', 'src', 'srclang'],
+    ul: ['compact', 'type'],
+    video: [
+        'autoplay',
+        'controls',
+        'crossorigin',
+        'height',
+        'loop',
+        'muted',
+        'playsinline',
+        'poster',
+        'preload',
+        'src',
+        'width',
+    ],
+};
+const isHtmlAttribute = (attr, tagName) => {
+    if (/role|aria-/.test(attr)) {
+        return true;
+    }
+    const getAttr = [...exports.htmlElementAttributes['*'], ...(exports.htmlElementAttributes[tagName] || [])].find((attribute) => attr === attribute);
+    return Boolean(getAttr);
+};
+exports.isHtmlAttribute = isHtmlAttribute;

package/dist/src/helpers/is-mitosis-node.d.ts

@@ -0,0 +1,2 @@
+import { MitosisNode } from '../types/mitosis-node';
+export declare const isMitosisNode: (thing: unknown) => thing is MitosisNode;

package/dist/src/helpers/is-mitosis-node.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMitosisNode = void 0;
+const isMitosisNode = (thing) => {
+    return Boolean(thing && thing['@type'] === '@builder.io/mitosis/node');
+};
+exports.isMitosisNode = isMitosisNode;

package/dist/src/helpers/is-root-text-node.d.ts

@@ -0,0 +1,4 @@
+import { MitosisComponent } from '../types/mitosis-component';
+import { MitosisNode } from '../types/mitosis-node';
+export declare function isRootTextNode(json: MitosisComponent | MitosisNode): boolean;
+export declare function isTextNode(node: MitosisNode): boolean;

package/dist/src/helpers/is-root-text-node.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isTextNode = exports.isRootTextNode = void 0;
+function isRootTextNode(json) {
+    const firstChild = json.children[0];
+    return Boolean(json.children.length === 1 && firstChild && isTextNode(firstChild));
+}
+exports.isRootTextNode = isRootTextNode;
+function isTextNode(node) {
+    return Boolean(node.properties._text || node.bindings._text);
+}
+exports.isTextNode = isTextNode;

package/dist/src/helpers/is-upper-case.d.ts

@@ -0,0 +1 @@
+export declare const isUpperCase: (str: string) => boolean;

package/dist/src/helpers/is-upper-case.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isUpperCase = void 0;
+const isUpperCase = (str) => typeof str === 'string' && str.toUpperCase() === str;
+exports.isUpperCase = isUpperCase;

package/dist/src/helpers/is-valid-attribute-name.d.ts

@@ -0,0 +1 @@
+export declare const isValidAttributeName: (str: string) => boolean;

package/dist/src/helpers/is-valid-attribute-name.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isValidAttributeName = void 0;
+const isValidAttributeName = (str) => {
+    return Boolean(str && /^[a-z0-9\-_:]+$/i.test(str));
+};
+exports.isValidAttributeName = isValidAttributeName;

package/dist/src/helpers/json.d.ts

@@ -0,0 +1,3 @@
+type ParsedJson = any;
+export declare const tryParseJson: (jsonStr: string) => ParsedJson;
+export {};

package/dist/src/helpers/json.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tryParseJson = void 0;
+const json5_1 = __importDefault(require("json5"));
+const tryParseJson = (jsonStr) => {
+    try {
+        return json5_1.default.parse(jsonStr);
+    }
+    catch (err) {
+        console.error('Could not JSON5 parse object:\n', jsonStr);
+        throw err;
+    }
+};
+exports.tryParseJson = tryParseJson;

package/dist/src/helpers/map-refs.d.ts

@@ -0,0 +1,9 @@
+import type { NodePath } from '@babel/core';
+import { types } from '@babel/core';
+import { CodeType } from '../helpers/plugins/process-code/types';
+import { MitosisComponent } from '../types/mitosis-component';
+export type RefMapper = (refName: string, extra?: {
+    type?: CodeType;
+    path: NodePath<types.Identifier>;
+}) => string;
+export declare const mapRefs: (component: MitosisComponent, mapper: RefMapper) => void;

package/dist/src/helpers/map-refs.js

@@ -0,0 +1,91 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.mapRefs = void 0;
+const core_1 = require("@babel/core");
+const legacy_1 = __importDefault(require("neotraverse/legacy"));
+const babel_transform_1 = require("./babel-transform");
+const get_refs_1 = require("./get-refs");
+const is_mitosis_node_1 = require("./is-mitosis-node");
+const patterns_1 = require("./patterns");
+const replaceRefsInString = (code, refs, mapper, type) => {
+    return (0, babel_transform_1.babelTransformExpression)(code, {
+        Identifier(path) {
+            var _a;
+            const name = path.node.name;
+            const isRef = refs.includes(name);
+            if (isRef && !((_a = path.node.extra) === null || _a === void 0 ? void 0 : _a.replaced)) {
+                path.replaceWith(core_1.types.identifier(mapper(name, {
+                    type,
+                    path,
+                })));
+                path.node.extra = { replaced: true };
+            }
+        },
+    });
+};
+const mapRefs = (component, mapper) => {
+    const refSet = (0, get_refs_1.getRefs)(component);
+    // grab refs not used for bindings
+    Object.keys(component.refs).forEach((ref) => refSet.add(ref));
+    const refs = Array.from(refSet);
+    for (const key of Object.keys(component.state)) {
+        const stateVal = component.state[key];
+        if (typeof (stateVal === null || stateVal === void 0 ? void 0 : stateVal.code) === 'string') {
+            const value = stateVal.code;
+            switch (stateVal.type) {
+                case 'method':
+                case 'getter':
+                    const isGet = stateVal.type === 'getter';
+                    const isSet = Boolean(value.match(patterns_1.SETTER));
+                    component.state[key] = {
+                        ...stateVal,
+                        code: replaceRefsInString(value.replace(/^(get |set )?/, 'function '), refs, mapper).replace(/^function /, isGet ? 'get ' : isSet ? 'set ' : ''),
+                    };
+                    break;
+                case 'function':
+                    component.state[key] = {
+                        ...stateVal,
+                        code: replaceRefsInString(value, refs, mapper),
+                        type: 'function',
+                    };
+                    break;
+                default:
+                    break;
+            }
+        }
+    }
+    (0, legacy_1.default)(component).forEach(function (item) {
+        if ((0, is_mitosis_node_1.isMitosisNode)(item)) {
+            for (const key of Object.keys(item.bindings)) {
+                const value = item.bindings[key];
+                if (typeof value === 'object' && key !== 'ref') {
+                    item.bindings[key] = {
+                        ...value,
+                        code: replaceRefsInString(value.code, refs, mapper, 'bindings'),
+                    };
+                }
+            }
+        }
+    });
+    for (const key of Object.keys(component.hooks)) {
+        const _hook = component.hooks[key];
+        const hooks = Array.isArray(_hook) ? _hook : [_hook];
+        for (const hook of hooks) {
+            if (!hook)
+                continue;
+            if (hook.code) {
+                hook.code = replaceRefsInString(hook.code, refs, mapper);
+            }
+            if (hook.deps) {
+                hook.deps = replaceRefsInString(hook.deps, refs, mapper, 'hooks-deps');
+            }
+            if (hook === null || hook === void 0 ? void 0 : hook.depsArray) {
+                hook.depsArray = hook.depsArray.map((dep) => replaceRefsInString(dep, refs, mapper, 'hooks-deps-array'));
+            }
+        }
+    }
+};
+exports.mapRefs = mapRefs;

package/dist/src/helpers/merge-options.d.ts

@@ -0,0 +1,19 @@
+import { BaseTranspilerOptions, MitosisComponent, Target } from '..';
+/**
+ * Merges options while combining the `plugins` array, and adds any default plugins.
+ */
+export declare const mergeOptions: <T extends BaseTranspilerOptions>(a: T, b?: Partial<T>, c?: Partial<T> | undefined, d?: Partial<T> | undefined) => T & {
+    plugins: NonNullable<T["plugins"]>;
+};
+/**
+ * Merges options while combining the `plugins` array, and adds any default plugins.
+ */
+export declare const initializeOptions: <T extends BaseTranspilerOptions>({ target, component, defaults, userOptions, extra, }: {
+    target: Target;
+    component: MitosisComponent;
+    defaults: T;
+    userOptions?: Partial<T> | undefined;
+    extra?: Partial<T> | undefined;
+}) => T & {
+    plugins: NonNullable<T["plugins"]>;
+};

package/dist/src/helpers/merge-options.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.initializeOptions = exports.mergeOptions = void 0;
+const process_signals_1 = require("./plugins/process-signals");
+const process_target_blocks_1 = require("./plugins/process-target-blocks");
+/**
+ * Merges options while combining the `plugins` array, and adds any default plugins.
+ */
+const mergeOptions = (a, b = {}, c, d) => {
+    return {
+        ...a,
+        ...b,
+        ...c,
+        ...d,
+        plugins: [
+            ...(a.plugins || []),
+            ...(b.plugins || []),
+            ...((c === null || c === void 0 ? void 0 : c.plugins) || []),
+            ...((d === null || d === void 0 ? void 0 : d.plugins) || []),
+        ],
+    };
+};
+exports.mergeOptions = mergeOptions;
+/**
+ * Merges options while combining the `plugins` array, and adds any default plugins.
+ */
+const initializeOptions = ({ target, component, defaults, userOptions, extra, }) => {
+    var _a, _b, _c;
+    const metadataOverrides = (_c = (_b = (_a = component.meta) === null || _a === void 0 ? void 0 : _a.useMetadata) === null || _b === void 0 ? void 0 : _b.options) === null || _c === void 0 ? void 0 : _c[target];
+    const options = (0, exports.mergeOptions)(defaults, userOptions, extra, metadataOverrides);
+    // we want this plugin to run first in every case, as it replaces magic strings with the correct code.
+    options.plugins.unshift((0, process_target_blocks_1.processTargetBlocks)(target), (0, process_signals_1.getSignalTypePlugin)({ target }), (0, process_signals_1.getSignalAccessPlugin)({ target }));
+    return options;
+};
+exports.initializeOptions = initializeOptions;

package/dist/src/helpers/mitosis-imports.d.ts

@@ -0,0 +1,5 @@
+import * as babel from '@babel/core';
+import { MitosisImport } from '../types/mitosis-component';
+declare const types: typeof babel.types;
+export declare const mapImportDeclarationToMitosisImport: (node: babel.types.ImportDeclaration) => MitosisImport;
+export {};