@wyw-in-js/transform 0.3.0 → 0.4.1

package/types/transform/generators/createStylisPreprocessor.js

@@ -23,7 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createStylisPreprocessor = exports.createStylisUrlReplacePlugin = exports.stylisGlobalPlugin = exports.transformUrl = void 0;
+exports.createStylisPreprocessor = exports.createKeyframeSuffixerPlugin = exports.createStylisUrlReplacePlugin = exports.stylisGlobalPlugin = exports.transformUrl = void 0;
+/* eslint-disable no-continue */
 const path = __importStar(require("path"));
 const stylis_1 = require("stylis");
 const POSIX_SEP = path.posix.sep;
@@ -38,11 +39,51 @@ function transformUrl(url, outputFilename, sourceFilename, platformPath = path)
     return relative.split(platformPath.sep).join(POSIX_SEP);
 }
 exports.transformUrl = transformUrl;
+const DEFINED_KEYFRAMES = Symbol('definedKeyframes');
+const ORIGINAL_VALUE_KEY = Symbol('originalValue');
+const IS_GLOBAL_KEYFRAMES = Symbol('isGlobalKeyframes');
+const getOriginalElementValue = (element) => {
+    return element ? element[ORIGINAL_VALUE_KEY] ?? element.value : '';
+};
+function throwIfNotProd(key, value, type) {
+    if (process.env.NODE_ENV !== 'production') {
+        throw new Error(`"element.${key}" has type "${type}" (${JSON.stringify(value, null, 2)}), it's not expected. Please report a bug if it happens.`);
+    }
+    return false;
+}
+function childrenIsString(children) {
+    return (typeof children === 'string' ||
+        throwIfNotProd('children', children, 'Element[]'));
+}
+function propsAreStrings(props) {
+    return Array.isArray(props) || throwIfNotProd('props', props, 'string');
+}
+function propsIsString(props) {
+    return (typeof props === 'string' || throwIfNotProd('props', props, 'string[]'));
+}
+const isDeclaration = (element) => {
+    return (element.type === stylis_1.DECLARATION &&
+        propsIsString(element.props) &&
+        childrenIsString(element.children));
+};
+const isKeyframes = (element) => {
+    return element.type === stylis_1.KEYFRAMES && propsAreStrings(element.props);
+};
+const isRuleset = (element) => {
+    return element.type === stylis_1.RULESET && propsAreStrings(element.props);
+};
 /**
  * Stylis plugin that mimics :global() selector behavior from Stylis v3.
  */
 const stylisGlobalPlugin = (element) => {
-    function getGlobalSelectorModifiers(value) {
+    function getGlobalSelectorModifiers(el) {
+        const { parent } = el;
+        const value = getOriginalElementValue(el);
+        const parentValue = getOriginalElementValue(parent);
+        if ((parent?.children.length === 0 && parentValue.includes(':global(')) ||
+            (parent && !value.includes(':global('))) {
+            return getGlobalSelectorModifiers(parent);
+        }
         const match = value.match(/(&\f( )?)?:global\(/);
         if (match === null) {
             throw new Error(`Failed to match :global() selector in "${value}". Please report a bug if it happens.`);
@@ -53,62 +94,53 @@ const stylisGlobalPlugin = (element) => {
             includeSpaceDelimiter: !!spaceDelimiter,
         };
     }
-    switch (element.type) {
-        case stylis_1.RULESET:
-            if (typeof element.props === 'string') {
-                if (process.env.NODE_ENV !== 'production') {
-                    throw new Error(`"element.props" has type "string" (${JSON.stringify(element.props, null, 2)}), it's not expected. Please report a bug if it happens.`);
-                }
-                return;
+    if (!isRuleset(element)) {
+        return;
+    }
+    Object.assign(element, {
+        props: element.props.map((cssSelector) => {
+            // The value can be changed by other middlewares, but we need an original one with `&`
+            Object.assign(element, { [ORIGINAL_VALUE_KEY]: element.value });
+            // Avoids calling tokenize() on every string
+            if (!cssSelector.includes(':global(')) {
+                return cssSelector;
             }
-            Object.assign(element, {
-                props: element.props.map((cssSelector) => {
-                    // Avoids calling tokenize() on every string
-                    if (!cssSelector.includes(':global(')) {
-                        return cssSelector;
-                    }
-                    if (element.children.length === 0) {
-                        Object.assign(element, {
-                            global: getGlobalSelectorModifiers(element.value),
-                        });
-                        return cssSelector;
-                    }
-                    const { includeBaseSelector, includeSpaceDelimiter } = element.parent?.global || getGlobalSelectorModifiers(element.value);
-                    const tokens = (0, stylis_1.tokenize)(cssSelector);
-                    let selector = '';
-                    for (let i = 0, len = tokens.length; i < len; i++) {
-                        const token = tokens[i];
-                        //
-                        // Match for ":global("
-                        if (token === ':' && tokens[i + 1] === 'global') {
-                            //
-                            // Match for ":global()"
-                            if (tokens[i + 2] === '()') {
-                                selector = [
-                                    ...tokens.slice(i + 4),
-                                    includeSpaceDelimiter ? ' ' : '',
-                                    ...(includeBaseSelector ? tokens.slice(0, i - 1) : []),
-                                    includeSpaceDelimiter ? '' : ' ',
-                                ].join('');
-                                break;
-                            }
-                            //
-                            // Match for ":global(selector)"
-                            selector = [
-                                tokens[i + 2].slice(1, -1),
-                                includeSpaceDelimiter ? ' ' : '',
-                                ...(includeBaseSelector ? tokens.slice(0, i - 1) : []),
-                                includeSpaceDelimiter ? '' : ' ',
-                            ].join('');
-                            break;
-                        }
+            if (element.children.length === 0) {
+                return cssSelector;
+            }
+            const { includeBaseSelector, includeSpaceDelimiter } = getGlobalSelectorModifiers(element);
+            const tokens = (0, stylis_1.tokenize)(cssSelector);
+            let selector = '';
+            for (let i = 0, len = tokens.length; i < len; i++) {
+                const token = tokens[i];
+                //
+                // Match for ":global("
+                if (token === ':' && tokens[i + 1] === 'global') {
+                    //
+                    // Match for ":global()"
+                    if (tokens[i + 2] === '()') {
+                        selector = [
+                            ...tokens.slice(i + 4),
+                            includeSpaceDelimiter ? ' ' : '',
+                            ...(includeBaseSelector ? tokens.slice(0, i - 1) : []),
+                            includeSpaceDelimiter ? '' : ' ',
+                        ].join('');
+                        break;
                     }
-                    return selector;
-                }),
-            });
-            break;
-        default:
-    }
+                    //
+                    // Match for ":global(selector)"
+                    selector = [
+                        tokens[i + 2].slice(1, -1),
+                        includeSpaceDelimiter ? ' ' : '',
+                        ...(includeBaseSelector ? tokens.slice(0, i - 1) : []),
+                        includeSpaceDelimiter ? '' : ' ',
+                    ].join('');
+                    break;
+                }
+            }
+            return selector;
+        }),
+    });
 };
 exports.stylisGlobalPlugin = stylisGlobalPlugin;
 function createStylisUrlReplacePlugin(filename, outputFilename) {
@@ -117,20 +149,116 @@ function createStylisUrlReplacePlugin(filename, outputFilename) {
             // When writing to a file, we need to adjust the relative paths inside url(..) expressions.
             // It'll allow css-loader to resolve an imported asset properly.
             // eslint-disable-next-line no-param-reassign
-            element.return = element.value.replace(/\b(url\((["']?))(\.[^)]+?)(\2\))/g, (match, p1, p2, p3, p4) => p1 + transformUrl(p3, outputFilename, filename) + p4);
+            element.return = element.value.replace(/\b(url\((["']?))(\.[^)]+?)(\2\))/g, (_match, p1, _p2, p3, p4) => p1 + transformUrl(p3, outputFilename, filename) + p4);
         }
     };
 }
 exports.createStylisUrlReplacePlugin = createStylisUrlReplacePlugin;
+function createKeyframeSuffixerPlugin() {
+    const prefixes = ['webkit', 'moz', 'ms', 'o', ''].map((i) => i ? `-${i}-` : '');
+    const getPrefixedProp = (prop) => prefixes.map((prefix) => `${prefix}${prop}`);
+    const buildPropsRegexp = (prop, isAtRule) => {
+        const [at, colon] = isAtRule ? ['@', ''] : ['', ':'];
+        return new RegExp(`^(${at}(?:${getPrefixedProp(prop).join('|')})${colon})\\s*`);
+    };
+    const animationNameRegexp = /:global\(([\w_-]+)\)|([\w_-]+)/;
+    const getReplacer = (startsWith, searchValue, replacer) => {
+        return (input) => {
+            const [fullMatch] = input.match(startsWith) ?? [];
+            if (fullMatch === undefined) {
+                return input;
+            }
+            const rest = input.slice(fullMatch.length);
+            return fullMatch + rest.replace(searchValue, replacer);
+        };
+    };
+    const elementToKeyframeSuffix = (el) => {
+        if (el.parent) {
+            return elementToKeyframeSuffix(el.parent);
+        }
+        return el.value.replaceAll(/[^a-zA-Z0-9_-]/g, '');
+    };
+    const animationPropsSet = new Set([
+        ...getPrefixedProp('animation'),
+        ...getPrefixedProp('animation-name'),
+    ]);
+    const getDefinedKeyframes = (element) => {
+        if (element[DEFINED_KEYFRAMES]) {
+            return element[DEFINED_KEYFRAMES];
+        }
+        if (element.parent) {
+            return getDefinedKeyframes(element.parent);
+        }
+        const keyframes = new Set();
+        for (const sibling of element.siblings ?? []) {
+            if (!isKeyframes(sibling) || sibling[IS_GLOBAL_KEYFRAMES] === true) {
+                continue;
+            }
+            keyframes.add(sibling.props[0]);
+        }
+        Object.assign(element, { [DEFINED_KEYFRAMES]: keyframes });
+        return keyframes;
+    };
+    return (element) => {
+        if (isKeyframes(element) && element.parent) {
+            const suffix = elementToKeyframeSuffix(element);
+            const replaceFn = (_match, globalMatch, scopedMatch) => globalMatch || `${scopedMatch}-${suffix}`;
+            Object.assign(element, {
+                [IS_GLOBAL_KEYFRAMES]: element.props[0]?.startsWith(':global(') ?? false,
+                props: element.props.map(getReplacer(/^\s*/, animationNameRegexp, replaceFn)),
+                value: getReplacer(buildPropsRegexp('keyframes', true), animationNameRegexp, replaceFn)(element.value),
+            });
+            return;
+        }
+        if (isDeclaration(element)) {
+            const suffix = elementToKeyframeSuffix(element);
+            const keys = [
+                'children',
+                'return',
+                'value',
+            ];
+            if (animationPropsSet.has(element.props)) {
+                const scopedKeyframes = getDefinedKeyframes(element);
+                const patch = Object.fromEntries(keys.map((key) => {
+                    const tokens = (0, stylis_1.tokenize)(element[key]);
+                    let result = '';
+                    for (let i = 0; i < tokens.length; i += 1) {
+                        if (tokens[i] === ':' &&
+                            tokens[i + 1] === 'global' &&
+                            tokens[i + 2].startsWith('(')) {
+                            const globalName = tokens[i + 2].substring(1, tokens[i + 2].length - 1);
+                            i += 2;
+                            result += globalName;
+                            if (tokens[i + 1] !== ';') {
+                                result += ' ';
+                            }
+                            continue;
+                        }
+                        if (scopedKeyframes.has(tokens[i])) {
+                            result += `${tokens[i]}-${suffix}`;
+                            continue;
+                        }
+                        result += tokens[i];
+                    }
+                    return [key, result];
+                }));
+                Object.assign(element, patch);
+            }
+        }
+    };
+}
+exports.createKeyframeSuffixerPlugin = createKeyframeSuffixerPlugin;
+const isMiddleware = (obj) => obj !== null;
 function createStylisPreprocessor(options) {
     function stylisPreprocess(selector, text) {
         const compiled = (0, stylis_1.compile)(`${selector} {${text}}\n`);
         return (0, stylis_1.serialize)(compiled, (0, stylis_1.middleware)([
             createStylisUrlReplacePlugin(options.filename, options.outputFilename),
             exports.stylisGlobalPlugin,
-            stylis_1.prefixer,
+            options.prefixer === false ? null : stylis_1.prefixer,
+            createKeyframeSuffixerPlugin(),
             stylis_1.stringify,
-        ]));
+        ].filter(isMiddleware)));
     }
     return stylisPreprocess;
 }

package/types/utils/getTagProcessor.d.ts

@@ -1,6 +1,13 @@
 import type { NodePath } from '@babel/traverse';
-import type { Identifier } from '@babel/types';
+import type { Program } from '@babel/types';
 import { BaseProcessor } from '@wyw-in-js/processor-utils';
-import type { IFileContext } from '@wyw-in-js/processor-utils';
+import type { IFileContext, TagSource } from '@wyw-in-js/processor-utils';
 import type { StrictOptions } from '@wyw-in-js/shared';
-export declare function getTagProcessor(path: NodePath<Identifier>, fileContext: IFileContext, options: Pick<StrictOptions, 'classNameSlug' | 'displayName' | 'evaluate' | 'tagResolver'>): BaseProcessor | null;
+import type { IImport } from './collectExportsAndImports';
+type DefinedProcessor = [ProcessorClass, TagSource];
+type DefinedProcessors = Map<string, DefinedProcessor>;
+export type ProcessorClass = new (...args: ConstructorParameters<typeof BaseProcessor>) => BaseProcessor;
+export declare function getProcessorForImport({ imported, source }: IImport, filename: string | null | undefined, options: Pick<StrictOptions, 'tagResolver'>): [ProcessorClass | null, TagSource];
+export declare function getDefinedProcessors(imports: IImport[], path: NodePath<Program>, filename: string | null | undefined, options: Pick<StrictOptions, 'tagResolver'>): DefinedProcessors;
+export declare function applyProcessors(path: NodePath<Program>, fileContext: IFileContext, options: Pick<StrictOptions, 'classNameSlug' | 'displayName' | 'evaluate' | 'tagResolver'>, callback: (processor: BaseProcessor) => void): void;
+export {};

package/types/utils/getTagProcessor.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTagProcessor = void 0;
+exports.applyProcessors = exports.getDefinedProcessors = exports.getProcessorForImport = void 0;
 const fs_1 = require("fs");
 const path_1 = require("path");
 const core_1 = require("@babel/core");
@@ -76,52 +76,21 @@ function getProcessorFromFile(processorPath) {
     }
     return Processor;
 }
-function getProcessorForIdentifier(path, imports, filename, options) {
-    const pathBinding = path.scope.getBinding(path.node.name);
-    if (!pathBinding) {
-        // It's not a binding, so it's not a tag
-        return [null, null, null];
-    }
+function getProcessorForImport({ imported, source }, filename, options) {
     const tagResolver = options.tagResolver ?? (() => null);
-    // FIXME: can be simplified
-    const relatedImports = imports
-        .map((i) => {
-        const { local } = i;
-        if (local === path) {
-            return [i, null];
-        }
-        if (!local.isIdentifier()) {
-            if (path.isDescendant(local)) {
-                return [i, local];
-            }
-            return null;
-        }
-        const binding = local.scope.getBinding(local.node.name);
-        if (pathBinding === binding) {
-            return [i, path];
-        }
-        return null;
-    })
-        .filter(isNotNull_1.isNotNull)
-        .filter((i) => i[1] === null || i[1].isExpression());
-    if (relatedImports.length === 0) {
-        return [null, null, null];
-    }
-    const [Processor = null, tagSource = null, tagPath = null] = relatedImports
-        .map(([{ imported, source }, p]) => {
-        const customFile = tagResolver(source, imported);
-        const processor = customFile
-            ? getProcessorFromFile(customFile)
-            : getProcessorFromPackage(source, imported, filename);
-        return [processor, { imported, source }, p];
-    })
-        .find(([proc]) => proc) ?? [];
-    return Processor === null || tagSource === null || tagPath === null
-        ? [null, null, null]
-        : [Processor, tagSource, tagPath];
+    const customFile = tagResolver(source, imported);
+    const processor = customFile
+        ? getProcessorFromFile(customFile)
+        : getProcessorFromPackage(source, imported, filename);
+    return [processor, { imported, source }];
 }
-function getBuilderForIdentifier(path, imports, filename, options) {
-    const [Processor, tagSource, tagPath] = getProcessorForIdentifier(path, imports, filename, options);
+exports.getProcessorForImport = getProcessorForImport;
+function getBuilderForIdentifier(definedProcessor, path, imports, options) {
+    const [Processor, tagSource] = definedProcessor;
+    let tagPath = path;
+    if (tagPath.parentPath?.isMemberExpression({ property: tagPath.node })) {
+        tagPath = tagPath.parentPath;
+    }
     if (!Processor || !tagSource || !tagPath) {
         return null;
     }
@@ -193,11 +162,18 @@ function getBuilderForIdentifier(path, imports, filename, options) {
             }
         });
     };
-    const astService = {
-        ...core_1.types,
+    const importHelpers = {
         addDefaultImport: (importedSource, nameHint) => (0, helper_module_imports_1.addDefault)(path, importedSource, { nameHint }),
         addNamedImport: (name, importedSource, nameHint = name) => (0, helper_module_imports_1.addNamed)(path, name, importedSource, { nameHint }),
     };
+    const astService = new Proxy(core_1.types, {
+        get(target, prop, receiver) {
+            if (prop in importHelpers) {
+                return importHelpers[prop];
+            }
+            return Reflect.get(target, prop, receiver);
+        },
+    });
     return (...args) => new Processor(params, tagSource, astService, tagPath.node.loc ?? null, replacer, ...args);
 }
 function getDisplayName(path, idx, filename) {
@@ -279,13 +255,42 @@ const getNextIndex = (state) => {
     counters.set(state, counter + 1);
     return counter;
 };
-function getTagProcessor(path, fileContext, options) {
-    const cache = (0, traversalCache_1.getTraversalCache)(path, 'getTagProcessor');
+function getDefinedProcessors(imports, path, filename, options) {
+    const cache = (0, traversalCache_1.getTraversalCache)(path, 'getDefinedProcessors');
+    if (!cache.has(path)) {
+        const defined = new Map();
+        imports.forEach((i) => {
+            const [processor, tagSource] = getProcessorForImport(i, filename, options);
+            const { local } = i;
+            if (!processor) {
+                return;
+            }
+            let name = null;
+            if (local.isIdentifier()) {
+                name = local.node.name;
+            }
+            if (name === null && local.isMemberExpression()) {
+                const property = local.get('property');
+                const object = local.get('object');
+                if (property.isIdentifier() && object.isIdentifier()) {
+                    name = `${object.node.name}.${property.node.name}`;
+                }
+            }
+            if (name === null) {
+                return;
+            }
+            defined.set(name, [processor, tagSource]);
+        });
+        cache.set(path, defined);
+    }
+    return cache.get(path);
+}
+exports.getDefinedProcessors = getDefinedProcessors;
+function createProcessorInstance(definedProcessor, imports, path, fileContext, options) {
+    const cache = (0, traversalCache_1.getTraversalCache)(path, 'createProcessorInstance');
     if (!cache.has(path.node)) {
-        const root = path.scope.getProgramParent().path;
-        const { imports } = (0, collectExportsAndImports_1.collectExportsAndImports)(root);
         try {
-            const builder = getBuilderForIdentifier(path, imports.filter(collectExportsAndImports_1.explicitImport), fileContext.filename, options);
+            const builder = getBuilderForIdentifier(definedProcessor, path, imports, options);
             if (builder) {
                 // Increment the index of the style we're processing
                 // This is used for slug generation to prevent collision
@@ -312,4 +317,54 @@ function getTagProcessor(path, fileContext, options) {
     }
     return cache.get(path.node) ?? null;
 }
-exports.getTagProcessor = getTagProcessor;
+function applyProcessors(path, fileContext, options, callback) {
+    const imports = (0, collectExportsAndImports_1.collectExportsAndImports)(path).imports.filter(collectExportsAndImports_1.explicitImport);
+    const definedProcessors = getDefinedProcessors(imports, path, fileContext.filename, options);
+    const usages = [];
+    definedProcessors.forEach((processor, idName) => {
+        if (idName.includes('.')) {
+            // It's a member expression
+            const [object, property] = idName.split('.');
+            const objBinding = path.scope.getBinding(object);
+            if (!objBinding) {
+                return;
+            }
+            objBinding.referencePaths.forEach((p) => {
+                const parent = p.parentPath;
+                if (!parent?.isMemberExpression()) {
+                    return;
+                }
+                const identifier = parent.get('property');
+                if (identifier.isIdentifier({ name: property })) {
+                    usages.push({
+                        identifier,
+                        processor,
+                    });
+                }
+            });
+            return;
+        }
+        path.scope.getBinding(idName)?.referencePaths.forEach((identifier) => {
+            if (identifier.isIdentifier()) {
+                usages.push({
+                    identifier,
+                    processor,
+                });
+            }
+        });
+    });
+    // The same order, the same slugs
+    usages.sort((a, b) => (a.identifier.node.start ?? 0) - (b.identifier.node.start ?? 0));
+    usages.forEach((usage) => {
+        const definedProcessor = usage.processor;
+        if (!definedProcessor) {
+            return;
+        }
+        const instance = createProcessorInstance(definedProcessor, imports, usage.identifier, fileContext, options);
+        if (instance === null) {
+            return;
+        }
+        callback(instance);
+    });
+}
+exports.applyProcessors = applyProcessors;

package/esm/utils/processTemplateExpression.js

@@ -1,11 +0,0 @@
-import { getTagProcessor } from './getTagProcessor';
-const processed = new WeakSet();
-export const processTemplateExpression = (p, fileContext, options, emit) => {
-  if (p.parentPath.isExportSpecifier()) return;
-  if (processed.has(p.node)) return;
-  const tagProcessor = getTagProcessor(p, fileContext, options);
-  processed.add(p.node);
-  if (tagProcessor === null) return;
-  emit(tagProcessor);
-};
-//# sourceMappingURL=processTemplateExpression.js.map

package/esm/utils/processTemplateExpression.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"processTemplateExpression.js","names":["getTagProcessor","processed","WeakSet","processTemplateExpression","p","fileContext","options","emit","parentPath","isExportSpecifier","has","node","tagProcessor","add"],"sources":["../../src/utils/processTemplateExpression.ts"],"sourcesContent":["import type { NodePath } from '@babel/traverse';\nimport type { Identifier } from '@babel/types';\n\nimport type { BaseProcessor, IFileContext } from '@wyw-in-js/processor-utils';\nimport type { StrictOptions } from '@wyw-in-js/shared';\n\nimport { getTagProcessor } from './getTagProcessor';\n\nconst processed = new WeakSet<Identifier>();\n\nexport const processTemplateExpression = (\n  p: NodePath<Identifier>,\n  fileContext: IFileContext,\n  options: Pick<\n    StrictOptions,\n    'classNameSlug' | 'displayName' | 'evaluate' | 'tagResolver'\n  >,\n  emit: (processor: BaseProcessor) => void\n) => {\n  if (p.parentPath.isExportSpecifier()) return;\n  if (processed.has(p.node)) return;\n\n  const tagProcessor = getTagProcessor(p, fileContext, options);\n\n  processed.add(p.node);\n\n  if (tagProcessor === null) return;\n\n  emit(tagProcessor);\n};\n"],"mappings":"AAMA,SAASA,eAAe,QAAQ,mBAAmB;AAEnD,MAAMC,SAAS,GAAG,IAAIC,OAAO,CAAa,CAAC;AAE3C,OAAO,MAAMC,yBAAyB,GAAGA,CACvCC,CAAuB,EACvBC,WAAyB,EACzBC,OAGC,EACDC,IAAwC,KACrC;EACH,IAAIH,CAAC,CAACI,UAAU,CAACC,iBAAiB,CAAC,CAAC,EAAE;EACtC,IAAIR,SAAS,CAACS,GAAG,CAACN,CAAC,CAACO,IAAI,CAAC,EAAE;EAE3B,MAAMC,YAAY,GAAGZ,eAAe,CAACI,CAAC,EAAEC,WAAW,EAAEC,OAAO,CAAC;EAE7DL,SAAS,CAACY,GAAG,CAACT,CAAC,CAACO,IAAI,CAAC;EAErB,IAAIC,YAAY,KAAK,IAAI,EAAE;EAE3BL,IAAI,CAACK,YAAY,CAAC;AACpB,CAAC"}

package/lib/utils/processTemplateExpression.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.processTemplateExpression = void 0;
-var _getTagProcessor = require("./getTagProcessor");
-const processed = new WeakSet();
-const processTemplateExpression = (p, fileContext, options, emit) => {
-  if (p.parentPath.isExportSpecifier()) return;
-  if (processed.has(p.node)) return;
-  const tagProcessor = (0, _getTagProcessor.getTagProcessor)(p, fileContext, options);
-  processed.add(p.node);
-  if (tagProcessor === null) return;
-  emit(tagProcessor);
-};
-exports.processTemplateExpression = processTemplateExpression;
-//# sourceMappingURL=processTemplateExpression.js.map

package/lib/utils/processTemplateExpression.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"processTemplateExpression.js","names":["_getTagProcessor","require","processed","WeakSet","processTemplateExpression","p","fileContext","options","emit","parentPath","isExportSpecifier","has","node","tagProcessor","getTagProcessor","add","exports"],"sources":["../../src/utils/processTemplateExpression.ts"],"sourcesContent":["import type { NodePath } from '@babel/traverse';\nimport type { Identifier } from '@babel/types';\n\nimport type { BaseProcessor, IFileContext } from '@wyw-in-js/processor-utils';\nimport type { StrictOptions } from '@wyw-in-js/shared';\n\nimport { getTagProcessor } from './getTagProcessor';\n\nconst processed = new WeakSet<Identifier>();\n\nexport const processTemplateExpression = (\n  p: NodePath<Identifier>,\n  fileContext: IFileContext,\n  options: Pick<\n    StrictOptions,\n    'classNameSlug' | 'displayName' | 'evaluate' | 'tagResolver'\n  >,\n  emit: (processor: BaseProcessor) => void\n) => {\n  if (p.parentPath.isExportSpecifier()) return;\n  if (processed.has(p.node)) return;\n\n  const tagProcessor = getTagProcessor(p, fileContext, options);\n\n  processed.add(p.node);\n\n  if (tagProcessor === null) return;\n\n  emit(tagProcessor);\n};\n"],"mappings":";;;;;;AAMA,IAAAA,gBAAA,GAAAC,OAAA;AAEA,MAAMC,SAAS,GAAG,IAAIC,OAAO,CAAa,CAAC;AAEpC,MAAMC,yBAAyB,GAAGA,CACvCC,CAAuB,EACvBC,WAAyB,EACzBC,OAGC,EACDC,IAAwC,KACrC;EACH,IAAIH,CAAC,CAACI,UAAU,CAACC,iBAAiB,CAAC,CAAC,EAAE;EACtC,IAAIR,SAAS,CAACS,GAAG,CAACN,CAAC,CAACO,IAAI,CAAC,EAAE;EAE3B,MAAMC,YAAY,GAAG,IAAAC,gCAAe,EAACT,CAAC,EAAEC,WAAW,EAAEC,OAAO,CAAC;EAE7DL,SAAS,CAACa,GAAG,CAACV,CAAC,CAACO,IAAI,CAAC;EAErB,IAAIC,YAAY,KAAK,IAAI,EAAE;EAE3BL,IAAI,CAACK,YAAY,CAAC;AACpB,CAAC;AAACG,OAAA,CAAAZ,yBAAA,GAAAA,yBAAA"}

package/types/utils/processTemplateExpression.d.ts

@@ -1,5 +0,0 @@
-import type { NodePath } from '@babel/traverse';
-import type { Identifier } from '@babel/types';
-import type { BaseProcessor, IFileContext } from '@wyw-in-js/processor-utils';
-import type { StrictOptions } from '@wyw-in-js/shared';
-export declare const processTemplateExpression: (p: NodePath<Identifier>, fileContext: IFileContext, options: Pick<StrictOptions, 'classNameSlug' | 'displayName' | 'evaluate' | 'tagResolver'>, emit: (processor: BaseProcessor) => void) => void;

package/types/utils/processTemplateExpression.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.processTemplateExpression = void 0;
-const getTagProcessor_1 = require("./getTagProcessor");
-const processed = new WeakSet();
-const processTemplateExpression = (p, fileContext, options, emit) => {
-    if (p.parentPath.isExportSpecifier())
-        return;
-    if (processed.has(p.node))
-        return;
-    const tagProcessor = (0, getTagProcessor_1.getTagProcessor)(p, fileContext, options);
-    processed.add(p.node);
-    if (tagProcessor === null)
-        return;
-    emit(tagProcessor);
-};
-exports.processTemplateExpression = processTemplateExpression;