@wyw-in-js/processor-utils 1.1.0 → 2.0.0-alpha.1

package/types/ast.js

@@ -0,0 +1,80 @@
+const stringLiteralCode = (value, quote = 'double') => {
+    const json = JSON.stringify(value);
+    if (quote === 'double') {
+        return json;
+    }
+    return `'${json.slice(1, -1).replace(/'/g, "\\'")}'`;
+};
+const indent = (level) => '  '.repeat(level);
+const expressionToCodeWithContext = (expression, context) => {
+    if (expression.type === 'Identifier') {
+        return expression.name;
+    }
+    if (expression.type === 'StringLiteral') {
+        return stringLiteralCode(expression.value, context.quote);
+    }
+    if (expression.type === 'NumericLiteral' ||
+        expression.type === 'BooleanLiteral') {
+        return String(expression.value);
+    }
+    if (expression.type === 'NullLiteral') {
+        return 'null';
+    }
+    if (expression.type === 'MemberExpression') {
+        const memberExpression = expression;
+        const object = expressionToCodeWithContext(memberExpression.object, context);
+        const property = expressionToCodeWithContext(memberExpression.property, context);
+        return memberExpression.computed
+            ? `${object}[${property}]`
+            : `${object}.${property}`;
+    }
+    if (expression.type === 'CallExpression') {
+        const callExpression = expression;
+        const callee = expressionToCodeWithContext(callExpression.callee, context);
+        const args = callExpression.arguments.map((arg) => expressionToCodeWithContext(arg, {
+            ...context,
+            quote: arg.type === 'StringLiteral' ? 'single' : context.quote,
+        }));
+        return `${callee}(${args.join(', ')})`;
+    }
+    if (expression.type === 'ArrowFunctionExpression') {
+        const arrow = expression;
+        return `(${arrow.params
+            .map((param) => expressionToCodeWithContext(param, context))
+            .join(', ')}) => ${expressionToCodeWithContext(arrow.body, context)}`;
+    }
+    if (expression.type === 'ArrayExpression') {
+        return `[${expression.elements
+            .map((item) => (item ? expressionToCodeWithContext(item, context) : ''))
+            .join(', ')}]`;
+    }
+    if (expression.type === 'BlockStatement') {
+        return '{ }';
+    }
+    if (expression.type === 'ObjectExpression') {
+        const objectExpression = expression;
+        if (objectExpression.properties.length === 0) {
+            return '{}';
+        }
+        const nextIndent = context.indent + 1;
+        const properties = objectExpression.properties
+            .map((property) => {
+            const key = expressionToCodeWithContext(property.key, {
+                ...context,
+                quote: 'double',
+            });
+            const value = expressionToCodeWithContext(property.value, {
+                indent: nextIndent,
+                quote: 'double',
+            });
+            return `${indent(nextIndent)}${key}: ${value}`;
+        })
+            .join(',\n');
+        return `{\n${properties}\n${indent(context.indent)}}`;
+    }
+    return expression.type;
+};
+export const expressionToCode = (expression) => expressionToCodeWithContext(expression, {
+    indent: 0,
+    quote: 'double',
+});

package/types/diagnostics.js

@@ -1,8 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isProcessorDiagnosticArtifact = exports.createProcessorDiagnosticArtifact = exports.PROCESSOR_DIAGNOSTIC_ARTIFACT = void 0;
-exports.PROCESSOR_DIAGNOSTIC_ARTIFACT = 'wyw-in-js:diagnostic';
-const createProcessorDiagnosticArtifact = (diagnostic) => [exports.PROCESSOR_DIAGNOSTIC_ARTIFACT, diagnostic];
-exports.createProcessorDiagnosticArtifact = createProcessorDiagnosticArtifact;
-const isProcessorDiagnosticArtifact = (artifact) => artifact[0] === exports.PROCESSOR_DIAGNOSTIC_ARTIFACT;
-exports.isProcessorDiagnosticArtifact = isProcessorDiagnosticArtifact;
+export const PROCESSOR_DIAGNOSTIC_ARTIFACT = 'wyw-in-js:diagnostic';
+export const createProcessorDiagnosticArtifact = (diagnostic) => [PROCESSOR_DIAGNOSTIC_ARTIFACT, diagnostic];
+export const isProcessorDiagnosticArtifact = (artifact) => artifact[0] === PROCESSOR_DIAGNOSTIC_ARTIFACT;

package/types/index.d.ts

@@ -1,7 +1,10 @@
 export { BaseProcessor } from './BaseProcessor';
+export { expressionToCode } from './ast';
 export { createProcessorDiagnosticArtifact, isProcessorDiagnosticArtifact, PROCESSOR_DIAGNOSTIC_ARTIFACT, } from './diagnostics';
 export type { ProcessorDiagnosticArtifact } from './diagnostics';
-export type { Expression, TagSource, ProcessorParams, TailProcessorParams, } from './BaseProcessor';
+export type { ArrayExpression, ArrowFunctionExpression, AstService, BaseAstNode, BlockStatement, BooleanLiteral, CallExpression, Expression, Identifier, MemberExpression, NullLiteral, NumericLiteral, ObjectExpression, ObjectProperty, SourceLocation, StringLiteral, TemplateElement, } from './ast';
+export type { ProcessorParams, TagSource, TailProcessorParams, } from './BaseProcessor';
+export type { ProcessorStaticClassNameValue, ProcessorStaticContext, ProcessorStaticDebugReason, ProcessorStaticDependency, ProcessorStaticInterpolationResolver, ProcessorStaticMetadata, ProcessorStaticOpaqueComponentValue, ProcessorStaticRuntimeCallbackValue, ProcessorStaticSelectorChainValue, ProcessorStaticSerializableValue, ProcessorStaticTagTargetResolver, ProcessorStaticUnresolvedValue, ProcessorStaticValue, } from './static';
 export * from './types';
 export { buildSlug } from './utils/buildSlug';
 export type { IOptions, IFileContext } from './utils/types';

package/types/index.js

@@ -1,33 +1,8 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.toValidCSSIdentifier = exports.TaggedTemplateProcessor = exports.validateParams = exports.isValidParams = exports.buildSlug = exports.PROCESSOR_DIAGNOSTIC_ARTIFACT = exports.isProcessorDiagnosticArtifact = exports.createProcessorDiagnosticArtifact = exports.BaseProcessor = void 0;
-var BaseProcessor_1 = require("./BaseProcessor");
-Object.defineProperty(exports, "BaseProcessor", { enumerable: true, get: function () { return BaseProcessor_1.BaseProcessor; } });
-var diagnostics_1 = require("./diagnostics");
-Object.defineProperty(exports, "createProcessorDiagnosticArtifact", { enumerable: true, get: function () { return diagnostics_1.createProcessorDiagnosticArtifact; } });
-Object.defineProperty(exports, "isProcessorDiagnosticArtifact", { enumerable: true, get: function () { return diagnostics_1.isProcessorDiagnosticArtifact; } });
-Object.defineProperty(exports, "PROCESSOR_DIAGNOSTIC_ARTIFACT", { enumerable: true, get: function () { return diagnostics_1.PROCESSOR_DIAGNOSTIC_ARTIFACT; } });
-__exportStar(require("./types"), exports);
-var buildSlug_1 = require("./utils/buildSlug");
-Object.defineProperty(exports, "buildSlug", { enumerable: true, get: function () { return buildSlug_1.buildSlug; } });
-var validateParams_1 = require("./utils/validateParams");
-Object.defineProperty(exports, "isValidParams", { enumerable: true, get: function () { return validateParams_1.isValidParams; } });
-Object.defineProperty(exports, "validateParams", { enumerable: true, get: function () { return validateParams_1.validateParams; } });
-var TaggedTemplateProcessor_1 = require("./TaggedTemplateProcessor");
-Object.defineProperty(exports, "TaggedTemplateProcessor", { enumerable: true, get: function () { return TaggedTemplateProcessor_1.TaggedTemplateProcessor; } });
-var toValidCSSIdentifier_1 = require("./utils/toValidCSSIdentifier");
-Object.defineProperty(exports, "toValidCSSIdentifier", { enumerable: true, get: function () { return toValidCSSIdentifier_1.toValidCSSIdentifier; } });
+export { BaseProcessor } from './BaseProcessor';
+export { expressionToCode } from './ast';
+export { createProcessorDiagnosticArtifact, isProcessorDiagnosticArtifact, PROCESSOR_DIAGNOSTIC_ARTIFACT, } from './diagnostics';
+export * from './types';
+export { buildSlug } from './utils/buildSlug';
+export { isValidParams, validateParams } from './utils/validateParams';
+export { TaggedTemplateProcessor } from './TaggedTemplateProcessor';
+export { toValidCSSIdentifier } from './utils/toValidCSSIdentifier';

package/types/static.d.ts

@@ -0,0 +1,63 @@
+import type { SourceLocation } from './ast';
+import type { IFileContext, IOptions } from './utils/types';
+import type { IInterpolation } from './types';
+import type { TagSource } from './BaseProcessor';
+export type ProcessorStaticSerializableValue = {
+    kind: 'serializable';
+    value: unknown;
+};
+export type ProcessorStaticClassNameValue = {
+    className: string;
+    kind: 'class-name';
+    value?: unknown;
+};
+export type ProcessorStaticSelectorChainValue = {
+    className: string;
+    kind: 'selector-chain';
+    selectors: string[];
+    value?: unknown;
+};
+export type ProcessorStaticRuntimeCallbackValue = {
+    kind: 'runtime-callback';
+    source?: string;
+    value?: unknown;
+};
+export type ProcessorStaticOpaqueComponentValue = {
+    className?: string;
+    kind: 'opaque-component';
+    value?: unknown;
+};
+export type ProcessorStaticUnresolvedValue = {
+    details?: Readonly<Record<string, unknown>>;
+    kind: 'unresolved';
+    reason: string;
+};
+export type ProcessorStaticValue = ProcessorStaticClassNameValue | ProcessorStaticOpaqueComponentValue | ProcessorStaticRuntimeCallbackValue | ProcessorStaticSelectorChainValue | ProcessorStaticSerializableValue | ProcessorStaticUnresolvedValue;
+export type ProcessorStaticDependency = Readonly<{
+    imported?: string;
+    local?: string;
+    reason?: string;
+    source?: string;
+}>;
+export type ProcessorStaticDebugReason = Readonly<{
+    details?: Readonly<Record<string, unknown>>;
+    reason: string;
+}>;
+export type ProcessorStaticMetadata = Readonly<{
+    className: string;
+    displayName: string;
+    isReferenced: boolean;
+    location: SourceLocation | null;
+    slug: string;
+    tagSource: TagSource;
+}>;
+export type ProcessorStaticContext = Readonly<{
+    fileContext: Readonly<IFileContext>;
+    metadata: ProcessorStaticMetadata;
+    options: Readonly<IOptions>;
+    addDependency(dependency: ProcessorStaticDependency): void;
+    debug(reason: ProcessorStaticDebugReason): void;
+    unresolved(reason: string, details?: Readonly<Record<string, unknown>>): ProcessorStaticUnresolvedValue;
+}>;
+export type ProcessorStaticInterpolationResolver = (interpolation: IInterpolation, value: ProcessorStaticValue, context: ProcessorStaticContext) => ProcessorStaticValue | null | undefined;
+export type ProcessorStaticTagTargetResolver = (target: ProcessorStaticValue, context: ProcessorStaticContext) => ProcessorStaticValue | null | undefined;

package/types/static.js

@@ -0,0 +1 @@
+export {};

package/types/types.d.ts

@@ -1,5 +1,5 @@
-import type { Expression, Identifier, TemplateElement, MemberExpression } from '@babel/types';
 import type { ExpressionValue, Location, WYWEvalMeta } from '@wyw-in-js/shared';
+import type { Expression, Identifier, MemberExpression, TemplateElement } from './ast';
 export type CSSPropertyValue = string | number;
 export type ObjectWithSelectors = {
     [key: string]: ObjectWithSelectors | CSSPropertyValue | (ObjectWithSelectors | CSSPropertyValue)[];

package/types/types.js

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

package/types/utils/buildSlug.js

@@ -1,8 +1,5 @@
-"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) {
+export function buildSlug(pattern, args) {
     return pattern.replace(PLACEHOLDER, (_, name) => isValidArgName(name, args) ? args[name].toString() : '');
 }

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);