@wyw-in-js/processor-utils 1.0.5 → 2.0.0-alpha.0

package/types/utils/getClassNameAndSlug.js

@@ -1,44 +1,41 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = getClassNameAndSlug;
-const path_1 = require("path");
-const shared_1 = require("@wyw-in-js/shared");
-const buildSlug_1 = require("./buildSlug");
-const toValidCSSIdentifier_1 = require("./toValidCSSIdentifier");
-function getClassNameAndSlug(displayName, idx, options, context) {
+import { basename, dirname, extname, relative, sep, posix } from 'path';
+import { logger, slugify } from '@wyw-in-js/shared';
+import { buildSlug } from './buildSlug';
+import { toValidCSSIdentifier } from './toValidCSSIdentifier';
+export default function getClassNameAndSlug(displayName, idx, options, context) {
     const relativeFilename = (context.root && context.filename
-        ? (0, path_1.relative)(context.root, context.filename)
-        : context.filename ?? 'unknown').replace(/\\/g, path_1.posix.sep);
+        ? relative(context.root, context.filename)
+        : context.filename ?? 'unknown').replace(/\\/g, posix.sep);
     // Custom properties need to start with a letter, so we prefix the slug
     // Also use append the index of the class to the filename for uniqueness in the file
-    const slug = (0, toValidCSSIdentifier_1.toValidCSSIdentifier)(`${displayName.charAt(0).toLowerCase()}${(0, shared_1.slugify)(`${relativeFilename}:${idx}`)}`);
+    const slug = toValidCSSIdentifier(`${displayName.charAt(0).toLowerCase()}${slugify(`${relativeFilename}:${idx}`)}`);
     // Collect some useful replacement patterns from the filename
     // Available variables for the square brackets used in `classNameSlug` options
-    const ext = (0, path_1.extname)(relativeFilename);
+    const ext = extname(relativeFilename);
     const slugVars = {
         hash: slug,
         title: displayName,
         index: idx,
         file: relativeFilename,
         ext,
-        name: (0, path_1.basename)(relativeFilename, ext),
-        dir: (0, path_1.dirname)(relativeFilename).split(path_1.sep).pop(),
+        name: basename(relativeFilename, ext),
+        dir: dirname(relativeFilename).split(sep).pop(),
     };
     let className = options.displayName
-        ? `${(0, toValidCSSIdentifier_1.toValidCSSIdentifier)(displayName)}_${slug}`
+        ? `${toValidCSSIdentifier(displayName)}_${slug}`
         : slug;
     // The className can be defined by the user either as fn or a string
     if (typeof options.classNameSlug === 'function') {
         try {
-            className = (0, toValidCSSIdentifier_1.toValidCSSIdentifier)(options.classNameSlug(slug, displayName, slugVars));
+            className = toValidCSSIdentifier(options.classNameSlug(slug, displayName, slugVars));
         }
         catch {
             throw new Error('classNameSlug option must return a string');
         }
     }
     if (typeof options.classNameSlug === 'string') {
-        className = (0, toValidCSSIdentifier_1.toValidCSSIdentifier)((0, buildSlug_1.buildSlug)(options.classNameSlug, slugVars));
+        className = toValidCSSIdentifier(buildSlug(options.classNameSlug, slugVars));
     }
-    shared_1.logger.extend('template-parse:generated-meta')(`slug: ${slug}, displayName: ${displayName}, className: ${className}`);
+    logger.extend('template-parse:generated-meta')(`slug: ${slug}, displayName: ${displayName}, className: ${className}`);
     return { className, slug };
 }

package/types/utils/getVariableName.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVariableName = getVariableName;
-function getVariableName(varId, rawVariableName) {
+export function getVariableName(varId, rawVariableName) {
     switch (rawVariableName) {
         case 'raw':
             return varId;

package/types/utils/stripLines.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = stripLines;
 // Stripping away the new lines ensures that we preserve line numbers
 // This is useful in case of tools such as the stylelint pre-processor
 // This should be safe because strings cannot contain newline: https://www.w3.org/TR/CSS2/syndata.html#strings
-function stripLines(loc, text) {
+export default function stripLines(loc, text) {
     let result = String(text)
         .replace(/[\r\n]+/g, ' ')
         .trim();

package/types/utils/templateProcessor.d.ts

@@ -2,9 +2,9 @@
  * This file handles transforming template literals to class names or styled components and generates CSS content.
  * It uses CSS code from template literals and evaluated values of lazy dependencies stored in ValueCache.
  */
-import type { TemplateElement } from '@babel/types';
 import type { ExpressionValue, Replacements } from '@wyw-in-js/shared';
 import type { TaggedTemplateProcessor } from '../TaggedTemplateProcessor';
+import type { TemplateElement } from '../ast';
 import type { ValueCache, Rules } from '../types';
 import type { IOptions } from './types';
 export default function templateProcessor(tagProcessor: TaggedTemplateProcessor, [...template]: (TemplateElement | ExpressionValue)[], valueCache: ValueCache, variableNameConfig: IOptions['variableNameConfig'] | undefined): [rules: Rules, sourceMapReplacements: Replacements] | null;

package/types/utils/templateProcessor.js

@@ -1,56 +1,17 @@
-"use strict";
 /* eslint-disable no-continue */
 /**
  * This file handles transforming template literals to class names or styled components and generates CSS content.
  * It uses CSS code from template literals and evaluated values of lazy dependencies stored in ValueCache.
  */
-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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.default = templateProcessor;
-const shared_1 = require("@wyw-in-js/shared");
-const getVariableName_1 = require("./getVariableName");
-const stripLines_1 = __importDefault(require("./stripLines"));
-const throwIfInvalid_1 = __importDefault(require("./throwIfInvalid"));
-const toCSS_1 = __importStar(require("./toCSS"));
-const units_1 = require("./units");
+import { hasEvalMeta, ValueType } from '@wyw-in-js/shared';
+import { getVariableName } from './getVariableName';
+import stripLines from './stripLines';
+import throwIfInvalid from './throwIfInvalid';
+import toCSS, { isCSSable } from './toCSS';
+import { units } from './units';
 // Match any valid CSS unit not immediately followed by an alphanumeric character or underscore.
-const unitRegex = new RegExp(`^(?:${units_1.units.join('|')})(?![a-zA-Z0-9_])`);
-function templateProcessor(tagProcessor, [...template], valueCache, variableNameConfig) {
+const unitRegex = new RegExp(`^(?:${units.join('|')})(?![a-zA-Z0-9_])`);
+export default function templateProcessor(tagProcessor, [...template], valueCache, variableNameConfig) {
     const sourceMapReplacements = [];
     // Check if the variable is referenced anywhere for basic DCE
     // Only works when it's assigned to a variable
@@ -79,7 +40,7 @@ function templateProcessor(tagProcessor, [...template], valueCache, variableName
         };
         const value = 'value' in item ? item.value : valueCache.get(item.ex.name);
         // Is it props based interpolation?
-        if (item.kind === shared_1.ValueType.FUNCTION || typeof value === 'function') {
+        if (item.kind === ValueType.FUNCTION || typeof value === 'function') {
             // Check if previous expression was a CSS variable that we replaced
             // If it has a unit after it, we need to move the unit into the interpolation
             // e.g. `var(--size)px` should actually be `var(--size)`
@@ -92,12 +53,12 @@ function templateProcessor(tagProcessor, [...template], valueCache, variableName
                     template.shift();
                     const [unit] = matches;
                     const varId = tagProcessor.addInterpolation(item.ex, cssText, item.source, unit);
-                    cssText += (0, getVariableName_1.getVariableName)(varId, variableNameConfig);
+                    cssText += getVariableName(varId, variableNameConfig);
                     cssText += next.value.cooked?.substring(unit?.length ?? 0) ?? '';
                 }
                 else {
                     const varId = tagProcessor.addInterpolation(item.ex, cssText, item.source);
-                    cssText += (0, getVariableName_1.getVariableName)(varId, variableNameConfig);
+                    cssText += getVariableName(varId, variableNameConfig);
                 }
             }
             catch (e) {
@@ -108,24 +69,24 @@ function templateProcessor(tagProcessor, [...template], valueCache, variableName
             }
         }
         else {
-            (0, throwIfInvalid_1.default)(tagProcessor.isValidValue.bind(tagProcessor), value, item, item.source);
+            throwIfInvalid(tagProcessor.isValidValue.bind(tagProcessor), value, item, item.source);
             if (value !== undefined && typeof value !== 'function') {
                 // Skip the blank string instead of throw ing an error
                 if (value === '') {
                     continue;
                 }
-                if ((0, shared_1.hasEvalMeta)(value)) {
+                if (hasEvalMeta(value)) {
                     // If it's a React component wrapped in styled, get the class name
                     // Useful for interpolating components
                     cssText += `.${value.__wyw_meta.className}`;
                 }
-                else if ((0, toCSS_1.isCSSable)(value)) {
+                else if (isCSSable(value)) {
                     // If it's a plain object or an array, convert it to a CSS string
-                    cssText += (0, stripLines_1.default)(loc, (0, toCSS_1.default)(value));
+                    cssText += stripLines(loc, toCSS(value));
                 }
                 else {
                     // For anything else, assume it'll be stringified
-                    cssText += (0, stripLines_1.default)(loc, value);
+                    cssText += stripLines(loc, value);
                 }
                 sourceMapReplacements.push({
                     original: loc,

package/types/utils/throwIfInvalid.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const isLikeError = (value) => typeof value === 'object' &&
     value !== null &&
     'stack' in value &&
@@ -29,4 +27,4 @@ function throwIfInvalid(checker, value, ex, source) {
     const stringified = typeof value === 'object' ? JSON.stringify(value) : String(value);
     throw ex.buildCodeFrameError(`The expression evaluated to '${stringified}', which is probably a mistake. If you want it to be inserted into CSS, explicitly cast or transform the value to a string, e.g. - 'String(${source})'.`);
 }
-exports.default = throwIfInvalid;
+export default throwIfInvalid;

package/types/utils/toCSS.js

@@ -1,27 +1,22 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isCSSable = void 0;
-exports.default = toCSS;
-const shared_1 = require("@wyw-in-js/shared");
-const units_1 = require("./units");
+import { isBoxedPrimitive } from '@wyw-in-js/shared';
+import { unitless } from './units';
 const isCSSPropertyValue = (o) => {
-    return ((0, shared_1.isBoxedPrimitive)(o) ||
+    return (isBoxedPrimitive(o) ||
         typeof o === 'string' ||
         (typeof o === 'number' && Number.isFinite(o)));
 };
-const isCSSable = (o) => {
+export const isCSSable = (o) => {
     if (isCSSPropertyValue(o)) {
         return true;
     }
     if (Array.isArray(o)) {
-        return o.every(exports.isCSSable);
+        return o.every(isCSSable);
     }
     if (typeof o === 'object') {
-        return o !== null && Object.values(o).every(exports.isCSSable);
+        return o !== null && Object.values(o).every(isCSSable);
     }
     return false;
 };
-exports.isCSSable = isCSSable;
 const hyphenate = (s) => {
     if (s.startsWith('--')) {
         // It's a custom property which is already well formatted.
@@ -35,7 +30,7 @@ const hyphenate = (s) => {
 };
 // Some tools such as polished.js output JS objects
 // To support them transparently, we convert JS objects to CSS strings
-function toCSS(o) {
+export default function toCSS(o) {
     if (Array.isArray(o)) {
         return o.map(toCSS).join('\n');
     }
@@ -53,7 +48,7 @@ function toCSS(o) {
         return `${hyphenate(key)}: ${typeof value === 'number' &&
             value !== 0 &&
             // Strip vendor prefixes when checking if the value is unitless
-            !(key.replace(/^(Webkit|Moz|O|ms)([A-Z])(.+)$/, (match, p1, p2, p3) => `${p2.toLowerCase()}${p3}`) in units_1.unitless)
+            !(key.replace(/^(Webkit|Moz|O|ms)([A-Z])(.+)$/, (match, p1, p2, p3) => `${p2.toLowerCase()}${p3}`) in unitless)
             ? `${value}px`
             : value};`;
     })

package/types/utils/toValidCSSIdentifier.js

@@ -1,6 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toValidCSSIdentifier = toValidCSSIdentifier;
-function toValidCSSIdentifier(s) {
+export function toValidCSSIdentifier(s) {
     return s.replace(/[^-_a-z0-9\u00A0-\uFFFF]/gi, '_').replace(/^\d/, '_');
 }

package/types/utils/types.d.ts

@@ -1,4 +1,3 @@
-import type { TransformOptions } from '@babel/core';
 import type { ClassNameFn, VariableNameFn } from '@wyw-in-js/shared';
 export interface IOptions {
     classNameSlug?: string | ClassNameFn;
@@ -7,4 +6,7 @@ export interface IOptions {
     variableNameConfig?: 'var' | 'dashes' | 'raw';
     variableNameSlug?: string | VariableNameFn;
 }
-export type IFileContext = Pick<TransformOptions, 'root' | 'filename'>;
+export type IFileContext = {
+    filename?: string | null;
+    root?: string | null;
+};

package/types/utils/types.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/types/utils/units.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.unitless = exports.units = void 0;
 // https://www.w3.org/TR/css-values-4/
-exports.units = [
+export const units = [
     // font relative lengths
     'em',
     'ex',
@@ -48,7 +45,7 @@ exports.units = [
     // percentages
     '%',
 ];
-exports.unitless = {
+export const unitless = {
     animationIterationCount: true,
     borderImageOutset: true,
     borderImageSlice: true,

package/types/utils/validateParams.js

@@ -1,8 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isValidParams = isValidParams;
-exports.validateParams = validateParams;
-function isValidParams(params, constraints) {
+export function isValidParams(params, constraints) {
     const length = Math.max(params.length, constraints.length);
     for (let i = 0; i < length; i++) {
         if (params[i] === undefined || constraints[i] === undefined) {
@@ -28,7 +24,7 @@ function isValidParams(params, constraints) {
     }
     return true;
 }
-function validateParams(params, constraints, messageOrError) {
+export function validateParams(params, constraints, messageOrError) {
     if (!isValidParams(params, constraints)) {
         if (typeof messageOrError === 'string') {
             throw new Error(messageOrError);

package/lib/BaseProcessor.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.BaseProcessor = void 0;
-var _generator = _interopRequireDefault(require("@babel/generator"));
-var _shared = require("@wyw-in-js/shared");
-var _getClassNameAndSlug = _interopRequireDefault(require("./utils/getClassNameAndSlug"));
-var _toCSS = require("./utils/toCSS");
-var _validateParams = require("./utils/validateParams");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/* eslint-disable class-methods-use-this */
-
-class BaseProcessor {
-  static SKIP = Symbol('skip');
-  artifacts = [];
-  dependencies = [];
-  interpolations = [];
-  constructor(params, tagSource, astService, location, replacer, displayName, isReferenced, idx, options, context) {
-    this.tagSource = tagSource;
-    this.astService = astService;
-    this.location = location;
-    this.replacer = replacer;
-    this.displayName = displayName;
-    this.isReferenced = isReferenced;
-    this.idx = idx;
-    this.options = options;
-    this.context = context;
-    (0, _validateParams.validateParams)(params, ['callee'], 'Unknown error: a callee param is not specified');
-    const {
-      className,
-      slug
-    } = (0, _getClassNameAndSlug.default)(this.displayName, this.idx, this.options, this.context);
-    this.className = className;
-    this.slug = slug;
-    [[, this.callee]] = params;
-  }
-
-  /**
-   * A replacement for tag referenced in a template literal.
-   */
-
-  /**
-   * A replacement for the tag in evaluation time.
-   * For example, `css` tag will be replaced with its className,
-   * whereas `styled` tag will be replaced with an object with metadata.
-   */
-
-  isValidValue(value) {
-    return typeof value === 'function' || (0, _toCSS.isCSSable)(value) || (0, _shared.hasEvalMeta)(value);
-  }
-  toString() {
-    return this.tagSourceCode();
-  }
-  tagSourceCode() {
-    if (this.callee.type === 'Identifier') {
-      return this.callee.name;
-    }
-    return (0, _generator.default)(this.callee).code;
-  }
-
-  /**
-   * Perform a replacement for the tag in evaluation time.
-   * For example, `css` tag will be replaced with its className,
-   * whereas `styled` tag will be replaced with an object with metadata.
-   */
-
-  /**
-   * Perform a replacement for the tag with its runtime version.
-   * For example, `css` tag will be replaced with its className,
-   * whereas `styled` tag will be replaced with a component.
-   * If some parts require evaluated data for render,
-   * they will be replaced with placeholders.
-   */
-}
-exports.BaseProcessor = BaseProcessor;
-//# sourceMappingURL=BaseProcessor.js.map

package/lib/BaseProcessor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseProcessor.js","names":["_generator","_interopRequireDefault","require","_shared","_getClassNameAndSlug","_toCSS","_validateParams","e","__esModule","default","BaseProcessor","SKIP","Symbol","artifacts","dependencies","interpolations","constructor","params","tagSource","astService","location","replacer","displayName","isReferenced","idx","options","context","validateParams","className","slug","getClassNameAndSlug","callee","isValidValue","value","isCSSable","hasEvalMeta","toString","tagSourceCode","type","name","generator","code","exports"],"sources":["../src/BaseProcessor.ts"],"sourcesContent":["/* eslint-disable class-methods-use-this */\nimport type { NodePath, types as t } from '@babel/core';\nimport generator from '@babel/generator';\nimport type {\n  Expression,\n  Identifier,\n  SourceLocation,\n  MemberExpression,\n} from '@babel/types';\n\nimport type { Artifact, ExpressionValue } from '@wyw-in-js/shared';\nimport { hasEvalMeta } from '@wyw-in-js/shared';\n\nimport type { IInterpolation, Params, Value, ValueCache } from './types';\nimport getClassNameAndSlug from './utils/getClassNameAndSlug';\nimport { isCSSable } from './utils/toCSS';\nimport type { IFileContext, IOptions } from './utils/types';\nimport { validateParams } from './utils/validateParams';\n\nexport { Expression };\n\nexport type ProcessorParams = ConstructorParameters<typeof BaseProcessor>;\nexport type TailProcessorParams = ProcessorParams extends [Params, ...infer T]\n  ? T\n  : never;\n\nexport type TagSource = {\n  imported: string;\n  source: string;\n};\n\nexport abstract class BaseProcessor {\n  public static SKIP = Symbol('skip');\n\n  public readonly artifacts: Artifact[] = [];\n\n  public readonly className: string;\n\n  public readonly dependencies: ExpressionValue[] = [];\n\n  public interpolations: IInterpolation[] = [];\n\n  public readonly slug: string;\n\n  protected callee: Identifier | MemberExpression;\n\n  protected evaluated:\n    | Record<'dependencies' | 'expression', Value[]>\n    | undefined;\n\n  public constructor(\n    params: Params,\n    public tagSource: TagSource,\n    protected readonly astService: typeof t & {\n      addDefaultImport: (source: string, nameHint?: string) => Identifier;\n      addNamedImport: (\n        name: string,\n        source: string,\n        nameHint?: string\n      ) => Identifier;\n    },\n    public readonly location: SourceLocation | null,\n    protected readonly replacer: (\n      replacement: Expression | ((tagPath: NodePath) => Expression),\n      isPure: boolean\n    ) => void,\n    public readonly displayName: string,\n    public readonly isReferenced: boolean,\n    protected readonly idx: number,\n    protected readonly options: IOptions,\n    protected readonly context: IFileContext\n  ) {\n    validateParams(\n      params,\n      ['callee'],\n      'Unknown error: a callee param is not specified'\n    );\n\n    const { className, slug } = getClassNameAndSlug(\n      this.displayName,\n      this.idx,\n      this.options,\n      this.context\n    );\n\n    this.className = className;\n    this.slug = slug;\n\n    [[, this.callee]] = params;\n  }\n\n  /**\n   * A replacement for tag referenced in a template literal.\n   */\n  public abstract get asSelector(): string;\n\n  /**\n   * A replacement for the tag in evaluation time.\n   * For example, `css` tag will be replaced with its className,\n   * whereas `styled` tag will be replaced with an object with metadata.\n   */\n  public abstract get value(): Expression;\n\n  public isValidValue(value: unknown): value is Value {\n    return (\n      typeof value === 'function' || isCSSable(value) || hasEvalMeta(value)\n    );\n  }\n\n  public toString(): string {\n    return this.tagSourceCode();\n  }\n\n  protected tagSourceCode(): string {\n    if (this.callee.type === 'Identifier') {\n      return this.callee.name;\n    }\n\n    return generator(this.callee).code;\n  }\n\n  public abstract build(values: ValueCache): void;\n\n  /**\n   * Perform a replacement for the tag in evaluation time.\n   * For example, `css` tag will be replaced with its className,\n   * whereas `styled` tag will be replaced with an object with metadata.\n   */\n  public abstract doEvaltimeReplacement(): void;\n\n  /**\n   * Perform a replacement for the tag with its runtime version.\n   * For example, `css` tag will be replaced with its className,\n   * whereas `styled` tag will be replaced with a component.\n   * If some parts require evaluated data for render,\n   * they will be replaced with placeholders.\n   */\n  public abstract doRuntimeReplacement(): void;\n}\n"],"mappings":";;;;;;AAEA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AASA,IAAAC,OAAA,GAAAD,OAAA;AAGA,IAAAE,oBAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAEA,IAAAI,eAAA,GAAAJ,OAAA;AAAwD,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAjBxD;;AA+BO,MAAeG,aAAa,CAAC;EAClC,OAAcC,IAAI,GAAGC,MAAM,CAAC,MAAM,CAAC;EAEnBC,SAAS,GAAe,EAAE;EAI1BC,YAAY,GAAsB,EAAE;EAE7CC,cAAc,GAAqB,EAAE;EAUrCC,WAAWA,CAChBC,MAAc,EACPC,SAAoB,EACRC,UAOlB,EACeC,QAA+B,EAC5BC,QAGV,EACOC,WAAmB,EACnBC,YAAqB,EAClBC,GAAW,EACXC,OAAiB,EACjBC,OAAqB,EACxC;IAAA,KAnBOR,SAAoB,GAApBA,SAAoB;IAAA,KACRC,UAOlB,GAPkBA,UAOlB;IAAA,KACeC,QAA+B,GAA/BA,QAA+B;IAAA,KAC5BC,QAGV,GAHUA,QAGV;IAAA,KACOC,WAAmB,GAAnBA,WAAmB;IAAA,KACnBC,YAAqB,GAArBA,YAAqB;IAAA,KAClBC,GAAW,GAAXA,GAAW;IAAA,KACXC,OAAiB,GAAjBA,OAAiB;IAAA,KACjBC,OAAqB,GAArBA,OAAqB;IAExC,IAAAC,8BAAc,EACZV,MAAM,EACN,CAAC,QAAQ,CAAC,EACV,gDACF,CAAC;IAED,MAAM;MAAEW,SAAS;MAAEC;IAAK,CAAC,GAAG,IAAAC,4BAAmB,EAC7C,IAAI,CAACR,WAAW,EAChB,IAAI,CAACE,GAAG,EACR,IAAI,CAACC,OAAO,EACZ,IAAI,CAACC,OACP,CAAC;IAED,IAAI,CAACE,SAAS,GAAGA,SAAS;IAC1B,IAAI,CAACC,IAAI,GAAGA,IAAI;IAEhB,CAAC,GAAG,IAAI,CAACE,MAAM,CAAC,CAAC,GAAGd,MAAM;EAC5B;;EAEA;AACF;AACA;;EAGE;AACF;AACA;AACA;AACA;;EAGSe,YAAYA,CAACC,KAAc,EAAkB;IAClD,OACE,OAAOA,KAAK,KAAK,UAAU,IAAI,IAAAC,gBAAS,EAACD,KAAK,CAAC,IAAI,IAAAE,mBAAW,EAACF,KAAK,CAAC;EAEzE;EAEOG,QAAQA,CAAA,EAAW;IACxB,OAAO,IAAI,CAACC,aAAa,CAAC,CAAC;EAC7B;EAEUA,aAAaA,CAAA,EAAW;IAChC,IAAI,IAAI,CAACN,MAAM,CAACO,IAAI,KAAK,YAAY,EAAE;MACrC,OAAO,IAAI,CAACP,MAAM,CAACQ,IAAI;IACzB;IAEA,OAAO,IAAAC,kBAAS,EAAC,IAAI,CAACT,MAAM,CAAC,CAACU,IAAI;EACpC;;EAIA;AACF;AACA;AACA;AACA;;EAGE;AACF;AACA;AACA;AACA;AACA;AACA;AAEA;AAACC,OAAA,CAAAhC,aAAA,GAAAA,aAAA","ignoreList":[]}

package/lib/TaggedTemplateProcessor.js

@@ -1,51 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TaggedTemplateProcessor = void 0;
-var _shared = require("@wyw-in-js/shared");
-var _BaseProcessor = require("./BaseProcessor");
-var _templateProcessor = _interopRequireDefault(require("./utils/templateProcessor"));
-var _validateParams = require("./utils/validateParams");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-class TaggedTemplateProcessor extends _BaseProcessor.BaseProcessor {
-  #template;
-  constructor(params, ...args) {
-    // Should have at least two params and the first one should be a callee.
-    (0, _validateParams.validateParams)(params, ['callee', '...'], TaggedTemplateProcessor.SKIP);
-    (0, _validateParams.validateParams)(params, ['callee', 'template'], 'Invalid usage of template tag');
-    const [tag, [, template]] = params;
-    super([tag], ...args);
-    template.forEach(element => {
-      if ('kind' in element && element.kind !== _shared.ValueType.FUNCTION) {
-        this.dependencies.push(element);
-      }
-    });
-    this.#template = template;
-  }
-  build(values) {
-    if (this.artifacts.length > 0) {
-      // FIXME: why it was called twice?
-      throw new Error('Tag is already built');
-    }
-    const artifact = (0, _templateProcessor.default)(this, this.#template, values, this.options.variableNameConfig);
-    if (artifact) {
-      this.artifacts.push(['css', artifact]);
-    }
-  }
-  toString() {
-    return `${super.toString()}\`…\``;
-  }
-
-  /**
-   * It is called for each resolved expression in a template literal.
-   * @param node
-   * @param precedingCss
-   * @param source
-   * @param unit
-   * @return chunk of CSS that should be added to extracted CSS
-   */
-}
-exports.TaggedTemplateProcessor = TaggedTemplateProcessor;
-//# sourceMappingURL=TaggedTemplateProcessor.js.map

package/lib/TaggedTemplateProcessor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TaggedTemplateProcessor.js","names":["_shared","require","_BaseProcessor","_templateProcessor","_interopRequireDefault","_validateParams","e","__esModule","default","TaggedTemplateProcessor","BaseProcessor","template","constructor","params","args","validateParams","SKIP","tag","forEach","element","kind","ValueType","FUNCTION","dependencies","push","build","values","artifacts","length","Error","artifact","templateProcessor","options","variableNameConfig","toString","exports"],"sources":["../src/TaggedTemplateProcessor.ts"],"sourcesContent":["import type { TemplateElement, Expression, SourceLocation } from '@babel/types';\n\nimport type { ExpressionValue } from '@wyw-in-js/shared';\nimport { ValueType } from '@wyw-in-js/shared';\n\nimport type { TailProcessorParams } from './BaseProcessor';\nimport { BaseProcessor } from './BaseProcessor';\nimport type { ValueCache, Rules, Params } from './types';\nimport templateProcessor from './utils/templateProcessor';\nimport { validateParams } from './utils/validateParams';\n\nexport abstract class TaggedTemplateProcessor extends BaseProcessor {\n  readonly #template: (TemplateElement | ExpressionValue)[];\n\n  protected constructor(params: Params, ...args: TailProcessorParams) {\n    // Should have at least two params and the first one should be a callee.\n    validateParams(params, ['callee', '...'], TaggedTemplateProcessor.SKIP);\n\n    validateParams(\n      params,\n      ['callee', 'template'],\n      'Invalid usage of template tag'\n    );\n    const [tag, [, template]] = params;\n\n    super([tag], ...args);\n\n    template.forEach((element) => {\n      if ('kind' in element && element.kind !== ValueType.FUNCTION) {\n        this.dependencies.push(element);\n      }\n    });\n\n    this.#template = template;\n  }\n\n  public override build(values: ValueCache) {\n    if (this.artifacts.length > 0) {\n      // FIXME: why it was called twice?\n      throw new Error('Tag is already built');\n    }\n\n    const artifact = templateProcessor(\n      this,\n      this.#template,\n      values,\n      this.options.variableNameConfig\n    );\n    if (artifact) {\n      this.artifacts.push(['css', artifact]);\n    }\n  }\n\n  public override toString(): string {\n    return `${super.toString()}\\`…\\``;\n  }\n\n  /**\n   * It is called for each resolved expression in a template literal.\n   * @param node\n   * @param precedingCss\n   * @param source\n   * @param unit\n   * @return chunk of CSS that should be added to extracted CSS\n   */\n  public abstract addInterpolation(\n    node: Expression,\n    precedingCss: string,\n    source: string,\n    unit?: string\n  ): string;\n\n  public abstract extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules;\n}\n"],"mappings":";;;;;;AAGA,IAAAA,OAAA,GAAAC,OAAA;AAGA,IAAAC,cAAA,GAAAD,OAAA;AAEA,IAAAE,kBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAAwD,SAAAG,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAeG,uBAAuB,SAASC,4BAAa,CAAC;EACzD,CAACC,QAAQ;EAERC,WAAWA,CAACC,MAAc,EAAE,GAAGC,IAAyB,EAAE;IAClE;IACA,IAAAC,8BAAc,EAACF,MAAM,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAEJ,uBAAuB,CAACO,IAAI,CAAC;IAEvE,IAAAD,8BAAc,EACZF,MAAM,EACN,CAAC,QAAQ,EAAE,UAAU,CAAC,EACtB,+BACF,CAAC;IACD,MAAM,CAACI,GAAG,EAAE,GAAGN,QAAQ,CAAC,CAAC,GAAGE,MAAM;IAElC,KAAK,CAAC,CAACI,GAAG,CAAC,EAAE,GAAGH,IAAI,CAAC;IAErBH,QAAQ,CAACO,OAAO,CAAEC,OAAO,IAAK;MAC5B,IAAI,MAAM,IAAIA,OAAO,IAAIA,OAAO,CAACC,IAAI,KAAKC,iBAAS,CAACC,QAAQ,EAAE;QAC5D,IAAI,CAACC,YAAY,CAACC,IAAI,CAACL,OAAO,CAAC;MACjC;IACF,CAAC,CAAC;IAEF,IAAI,CAAC,CAACR,QAAQ,GAAGA,QAAQ;EAC3B;EAEgBc,KAAKA,CAACC,MAAkB,EAAE;IACxC,IAAI,IAAI,CAACC,SAAS,CAACC,MAAM,GAAG,CAAC,EAAE;MAC7B;MACA,MAAM,IAAIC,KAAK,CAAC,sBAAsB,CAAC;IACzC;IAEA,MAAMC,QAAQ,GAAG,IAAAC,0BAAiB,EAChC,IAAI,EACJ,IAAI,CAAC,CAACpB,QAAQ,EACde,MAAM,EACN,IAAI,CAACM,OAAO,CAACC,kBACf,CAAC;IACD,IAAIH,QAAQ,EAAE;MACZ,IAAI,CAACH,SAAS,CAACH,IAAI,CAAC,CAAC,KAAK,EAAEM,QAAQ,CAAC,CAAC;IACxC;EACF;EAEgBI,QAAQA,CAAA,EAAW;IACjC,OAAO,GAAG,KAAK,CAACA,QAAQ,CAAC,CAAC,OAAO;EACnC;;EAEA;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AAaA;AAACC,OAAA,CAAA1B,uBAAA,GAAAA,uBAAA","ignoreList":[]}

package/lib/index.js

@@ -1,67 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  BaseProcessor: true,
-  buildSlug: true,
-  isValidParams: true,
-  validateParams: true,
-  TaggedTemplateProcessor: true,
-  toValidCSSIdentifier: true
-};
-Object.defineProperty(exports, "BaseProcessor", {
-  enumerable: true,
-  get: function () {
-    return _BaseProcessor.BaseProcessor;
-  }
-});
-Object.defineProperty(exports, "TaggedTemplateProcessor", {
-  enumerable: true,
-  get: function () {
-    return _TaggedTemplateProcessor.TaggedTemplateProcessor;
-  }
-});
-Object.defineProperty(exports, "buildSlug", {
-  enumerable: true,
-  get: function () {
-    return _buildSlug.buildSlug;
-  }
-});
-Object.defineProperty(exports, "isValidParams", {
-  enumerable: true,
-  get: function () {
-    return _validateParams.isValidParams;
-  }
-});
-Object.defineProperty(exports, "toValidCSSIdentifier", {
-  enumerable: true,
-  get: function () {
-    return _toValidCSSIdentifier.toValidCSSIdentifier;
-  }
-});
-Object.defineProperty(exports, "validateParams", {
-  enumerable: true,
-  get: function () {
-    return _validateParams.validateParams;
-  }
-});
-var _BaseProcessor = require("./BaseProcessor");
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-var _buildSlug = require("./utils/buildSlug");
-var _validateParams = require("./utils/validateParams");
-var _TaggedTemplateProcessor = require("./TaggedTemplateProcessor");
-var _toValidCSSIdentifier = require("./utils/toValidCSSIdentifier");
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["_BaseProcessor","require","_types","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_buildSlug","_validateParams","_TaggedTemplateProcessor","_toValidCSSIdentifier"],"sources":["../src/index.ts"],"sourcesContent":["export { BaseProcessor } from './BaseProcessor';\nexport type {\n  Expression,\n  TagSource,\n  ProcessorParams,\n  TailProcessorParams,\n} from './BaseProcessor';\nexport * from './types';\nexport { buildSlug } from './utils/buildSlug';\nexport type { IOptions, IFileContext } from './utils/types';\nexport { isValidParams, validateParams } from './utils/validateParams';\nexport type { MapParams, ParamConstraints } from './utils/validateParams';\nexport { TaggedTemplateProcessor } from './TaggedTemplateProcessor';\nexport { toValidCSSIdentifier } from './utils/toValidCSSIdentifier';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAOA,IAAAC,MAAA,GAAAD,OAAA;AAAAE,MAAA,CAAAC,IAAA,CAAAF,MAAA,EAAAG,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAJ,MAAA,CAAAI,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAZ,MAAA,CAAAI,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,UAAA,GAAAd,OAAA;AAEA,IAAAe,eAAA,GAAAf,OAAA;AAEA,IAAAgB,wBAAA,GAAAhB,OAAA;AACA,IAAAiB,qBAAA,GAAAjB,OAAA","ignoreList":[]}

package/lib/types.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=types.js.map

package/lib/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","names":[],"sources":["../src/types.ts"],"sourcesContent":["import type {\n  Expression,\n  Identifier,\n  TemplateElement,\n  MemberExpression,\n} from '@babel/types';\n\nimport type { ExpressionValue, Location, WYWEvalMeta } from '@wyw-in-js/shared';\n\nexport type CSSPropertyValue = string | number;\n\nexport type ObjectWithSelectors = {\n  [key: string]:\n    | ObjectWithSelectors\n    | CSSPropertyValue\n    | (ObjectWithSelectors | CSSPropertyValue)[];\n};\n\nexport type CSSable = ObjectWithSelectors[string];\n\nexport type Value = (() => void) | WYWEvalMeta | CSSable;\n\nexport type ValueCache = Map<string | number | boolean | null, unknown>;\n\nexport interface ICSSRule {\n  atom?: boolean;\n  className: string;\n  cssText: string;\n  displayName: string;\n  start: Location | null | undefined;\n}\n\nexport interface IInterpolation {\n  id: string;\n  node: Expression;\n  source: string;\n  unit: string;\n}\n\nexport type Rules = Record<string, ICSSRule>;\n\nexport type CalleeParam = readonly ['callee', Identifier | MemberExpression];\nexport type CallParam = readonly ['call', ...ExpressionValue[]];\nexport type MemberParam = readonly ['member', string];\nexport type TemplateParam = readonly [\n  'template',\n  (TemplateElement | ExpressionValue)[],\n];\n\nexport type Param = CalleeParam | CallParam | MemberParam | TemplateParam;\nexport type Params = readonly Param[];\n"],"mappings":"","ignoreList":[]}

package/lib/utils/buildSlug.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.buildSlug = buildSlug;
-const PLACEHOLDER = /\[(.*?)]/g;
-const isValidArgName = (key, args) => key in args;
-function buildSlug(pattern, args) {
-  return pattern.replace(PLACEHOLDER, (_, name) => isValidArgName(name, args) ? args[name].toString() : '');
-}
-//# sourceMappingURL=buildSlug.js.map

package/lib/utils/buildSlug.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"buildSlug.js","names":["PLACEHOLDER","isValidArgName","key","args","buildSlug","pattern","replace","_","name","toString"],"sources":["../../src/utils/buildSlug.ts"],"sourcesContent":["const PLACEHOLDER = /\\[(.*?)]/g;\n\nconst isValidArgName = <TArgs extends Record<string, { toString(): string }>>(\n  key: string | number | symbol,\n  args: TArgs\n): key is keyof TArgs => key in args;\n\nexport function buildSlug<TArgs extends Record<string, { toString(): string }>>(\n  pattern: string,\n  args: TArgs\n) {\n  return pattern.replace(PLACEHOLDER, (_, name: string) =>\n    isValidArgName(name, args) ? args[name].toString() : ''\n  );\n}\n"],"mappings":";;;;;;AAAA,MAAMA,WAAW,GAAG,WAAW;AAE/B,MAAMC,cAAc,GAAGA,CACrBC,GAA6B,EAC7BC,IAAW,KACYD,GAAG,IAAIC,IAAI;AAE7B,SAASC,SAASA,CACvBC,OAAe,EACfF,IAAW,EACX;EACA,OAAOE,OAAO,CAACC,OAAO,CAACN,WAAW,EAAE,CAACO,CAAC,EAAEC,IAAY,KAClDP,cAAc,CAACO,IAAI,EAAEL,IAAI,CAAC,GAAGA,IAAI,CAACK,IAAI,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAG,EACvD,CAAC;AACH","ignoreList":[]}