@linaria/react 4.1.4 → 4.2.0

package/dist/processors/styled.mjs

@@ -0,0 +1,260 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
+};
+var __accessCheck = (obj, member, msg) => {
+  if (!member.has(obj))
+    throw TypeError("Cannot " + msg);
+};
+var __privateGet = (obj, member, getter) => {
+  __accessCheck(obj, member, "read from private field");
+  return getter ? getter.call(obj) : member.get(obj);
+};
+var __privateAdd = (obj, member, value) => {
+  if (member.has(obj))
+    throw TypeError("Cannot add the same private member more than once");
+  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+};
+var __privateSet = (obj, member, value, setter) => {
+  __accessCheck(obj, member, "write to private field");
+  setter ? setter.call(obj, value) : member.set(obj, value);
+  return value;
+};
+var __privateWrapper = (obj, member, setter, getter) => ({
+  set _(value) {
+    __privateSet(obj, member, value, setter);
+  },
+  get _() {
+    return __privateGet(obj, member, getter);
+  }
+});
+
+// src/processors/styled.ts
+import {
+  buildSlug,
+  hasMeta,
+  TaggedTemplateProcessor,
+  validateParams,
+  ValueType,
+  toValidCSSIdentifier
+} from "@linaria/tags";
+import { slugify } from "@linaria/utils";
+var isNotNull = (x) => x !== null;
+var singleQuotedStringLiteral = (value) => ({
+  type: "StringLiteral",
+  value,
+  extra: {
+    rawValue: value,
+    raw: `'${value}'`
+  }
+});
+var _variableIdx, _variablesCache;
+var StyledProcessor = class extends TaggedTemplateProcessor {
+  constructor(params, ...args) {
+    validateParams(
+      params,
+      ["tag", ["call", "member"], ["template", "call"]],
+      "Invalid usage of `styled` tag"
+    );
+    const [tag, tagOp, template] = params;
+    if (template[0] === "call") {
+      throw TaggedTemplateProcessor.SKIP;
+    }
+    super([tag, template], ...args);
+    __publicField(this, "component");
+    __privateAdd(this, _variableIdx, 0);
+    __privateAdd(this, _variablesCache, /* @__PURE__ */ new Map());
+    let component;
+    if (tagOp[0] === "call" && tagOp.length === 2) {
+      const value = tagOp[1];
+      if (value.kind === ValueType.FUNCTION) {
+        component = "FunctionalComponent";
+      } else {
+        component = {
+          node: value.ex,
+          source: value.source
+        };
+        this.dependencies.push(value);
+      }
+    }
+    if (tagOp[0] === "member") {
+      [, component] = tagOp;
+    }
+    if (!component) {
+      throw new Error("Invalid usage of `styled` tag");
+    }
+    this.component = component;
+  }
+  addInterpolation(node, precedingCss, source, unit = "") {
+    const id = this.getVariableId(source, unit, precedingCss);
+    this.interpolations.push({
+      id,
+      node,
+      source,
+      unit
+    });
+    return id;
+  }
+  doEvaltimeReplacement() {
+    this.replacer(this.value, false);
+  }
+  doRuntimeReplacement() {
+    const t = this.astService;
+    const props = this.getProps();
+    this.replacer(
+      t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]),
+      true
+    );
+  }
+  extractRules(valueCache, cssText, loc) {
+    const rules = {};
+    let selector = `.${this.className}`;
+    let value = typeof this.component === "string" ? null : valueCache.get(this.component.node.name);
+    while (hasMeta(value)) {
+      selector += `.${value.__linaria.className}`;
+      value = value.__linaria.extends;
+    }
+    rules[selector] = {
+      cssText,
+      className: this.className,
+      displayName: this.displayName,
+      start: (loc == null ? void 0 : loc.start) ?? null
+    };
+    return rules;
+  }
+  get asSelector() {
+    return `.${this.className}`;
+  }
+  get tagExpressionArgument() {
+    const t = this.astService;
+    if (typeof this.component === "string") {
+      if (this.component === "FunctionalComponent") {
+        return t.arrowFunctionExpression([], t.blockStatement([]));
+      }
+      return singleQuotedStringLiteral(this.component);
+    }
+    return t.callExpression(t.identifier(this.component.node.name), []);
+  }
+  get tagExpression() {
+    const t = this.astService;
+    return t.callExpression(this.tag, [this.tagExpressionArgument]);
+  }
+  get value() {
+    const t = this.astService;
+    const extendsNode = typeof this.component === "string" ? null : this.component.node.name;
+    return t.objectExpression([
+      t.objectProperty(
+        t.stringLiteral("displayName"),
+        t.stringLiteral(this.displayName)
+      ),
+      t.objectProperty(
+        t.stringLiteral("__linaria"),
+        t.objectExpression([
+          t.objectProperty(
+            t.stringLiteral("className"),
+            t.stringLiteral(this.className)
+          ),
+          t.objectProperty(
+            t.stringLiteral("extends"),
+            extendsNode ? t.callExpression(t.identifier(extendsNode), []) : t.nullLiteral()
+          )
+        ])
+      )
+    ]);
+  }
+  toString() {
+    const res = (arg) => `${this.tagSourceCode()}(${arg})\`\u2026\``;
+    if (typeof this.component === "string") {
+      if (this.component === "FunctionalComponent") {
+        return res("() => {\u2026}");
+      }
+      return res(`'${this.component}'`);
+    }
+    return res(this.component.source);
+  }
+  getCustomVariableId(source, unit, precedingCss) {
+    const context = this.getVariableContext(source, unit, precedingCss);
+    const customSlugFn = this.options.variableNameSlug;
+    if (!customSlugFn) {
+      return void 0;
+    }
+    return typeof customSlugFn === "function" ? customSlugFn(context) : buildSlug(customSlugFn, context);
+  }
+  getProps() {
+    const propsObj = {
+      name: this.displayName,
+      class: this.className
+    };
+    if (this.interpolations.length) {
+      propsObj.vars = {};
+      this.interpolations.forEach(({ id, unit, node }) => {
+        const items = [this.astService.callExpression(node, [])];
+        if (unit) {
+          items.push(this.astService.stringLiteral(unit));
+        }
+        propsObj.vars[id] = items;
+      });
+    }
+    return propsObj;
+  }
+  getTagComponentProps(props) {
+    const t = this.astService;
+    const propExpressions = Object.entries(props).map(([key, value]) => {
+      if (!value) {
+        return null;
+      }
+      const keyNode = t.identifier(key);
+      if (typeof value === "string") {
+        return t.objectProperty(keyNode, t.stringLiteral(value));
+      }
+      if (typeof value === "boolean") {
+        return t.objectProperty(keyNode, t.booleanLiteral(value));
+      }
+      const vars = Object.entries(value).map(([propName, propValue]) => {
+        return t.objectProperty(
+          t.stringLiteral(propName),
+          t.arrayExpression(propValue)
+        );
+      });
+      return t.objectProperty(keyNode, t.objectExpression(vars));
+    }).filter(isNotNull);
+    return t.objectExpression(propExpressions);
+  }
+  getVariableContext(source, unit, precedingCss) {
+    const getIndex = () => {
+      return __privateWrapper(this, _variableIdx)._++;
+    };
+    return {
+      componentName: this.displayName,
+      componentSlug: this.slug,
+      get index() {
+        return getIndex();
+      },
+      precedingCss,
+      processor: this.constructor.name,
+      source,
+      unit,
+      valueSlug: slugify(source + unit)
+    };
+  }
+  getVariableId(source, unit, precedingCss) {
+    const value = source + unit;
+    if (!__privateGet(this, _variablesCache).has(value)) {
+      const id = this.getCustomVariableId(source, unit, precedingCss);
+      if (id) {
+        return toValidCSSIdentifier(id);
+      }
+      const context = this.getVariableContext(source, unit, precedingCss);
+      __privateGet(this, _variablesCache).set(value, `${this.slug}-${context.index}`);
+    }
+    return __privateGet(this, _variablesCache).get(value);
+  }
+};
+_variableIdx = new WeakMap();
+_variablesCache = new WeakMap();
+export {
+  StyledProcessor as default
+};
+//# sourceMappingURL=styled.mjs.map

package/dist/processors/styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type {\n  CallExpression,\n  Expression,\n  ObjectExpression,\n  SourceLocation,\n  StringLiteral,\n} from '@babel/types';\n\nimport type {\n  Params,\n  Rules,\n  TailProcessorParams,\n  ValueCache,\n  WrappedNode,\n} from '@linaria/tags';\nimport {\n  buildSlug,\n  hasMeta,\n  TaggedTemplateProcessor,\n  validateParams,\n  ValueType,\n  toValidCSSIdentifier,\n} from '@linaria/tags';\nimport type { IVariableContext } from '@linaria/utils';\nimport { slugify } from '@linaria/utils';\n\nconst isNotNull = <T>(x: T | null): x is T => x !== null;\n\nexport interface IProps {\n  atomic?: boolean;\n  class?: string;\n  name: string;\n  vars?: Record<string, Expression[]>;\n}\n\nconst singleQuotedStringLiteral = (value: string): StringLiteral => ({\n  type: 'StringLiteral',\n  value,\n  extra: {\n    rawValue: value,\n    raw: `'${value}'`,\n  },\n});\n\nexport default class StyledProcessor extends TaggedTemplateProcessor {\n  public component: WrappedNode;\n\n  #variableIdx = 0;\n\n  #variablesCache = new Map<string, string>();\n\n  constructor(params: Params, ...args: TailProcessorParams) {\n    validateParams(\n      params,\n      ['tag', ['call', 'member'], ['template', 'call']],\n      'Invalid usage of `styled` tag'\n    );\n\n    const [tag, tagOp, template] = params;\n\n    if (template[0] === 'call') {\n      // It is already transformed styled-literal. Skip it.\n      // eslint-disable-next-line @typescript-eslint/no-throw-literal\n      throw TaggedTemplateProcessor.SKIP;\n    }\n\n    super([tag, template], ...args);\n\n    let component: WrappedNode | undefined;\n    if (tagOp[0] === 'call' && tagOp.length === 2) {\n      const value = tagOp[1];\n      if (value.kind === ValueType.FUNCTION) {\n        component = 'FunctionalComponent';\n      } else {\n        component = {\n          node: value.ex,\n          source: value.source,\n        };\n\n        this.dependencies.push(value);\n      }\n    }\n\n    if (tagOp[0] === 'member') {\n      [, component] = tagOp;\n    }\n\n    if (!component) {\n      throw new Error('Invalid usage of `styled` tag');\n    }\n\n    this.component = component;\n  }\n\n  public override addInterpolation(\n    node: Expression,\n    precedingCss: string,\n    source: string,\n    unit = ''\n  ): string {\n    const id = this.getVariableId(source, unit, precedingCss);\n\n    this.interpolations.push({\n      id,\n      node,\n      source,\n      unit,\n    });\n\n    return id;\n  }\n\n  public override doEvaltimeReplacement(): void {\n    this.replacer(this.value, false);\n  }\n\n  public override doRuntimeReplacement(): void {\n    const t = this.astService;\n\n    const props = this.getProps();\n\n    this.replacer(\n      t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]),\n      true\n    );\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    let selector = `.${this.className}`;\n\n    // If `styled` wraps another component and not a primitive,\n    // get its class name to create a more specific selector\n    // it'll ensure that styles are overridden properly\n    let value =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node.name);\n    while (hasMeta(value)) {\n      selector += `.${value.__linaria.className}`;\n      value = value.__linaria.extends;\n    }\n\n    rules[selector] = {\n      cssText,\n      className: this.className,\n      displayName: this.displayName,\n      start: loc?.start ?? null,\n    };\n\n    return rules;\n  }\n\n  public override get asSelector(): string {\n    return `.${this.className}`;\n  }\n\n  protected get tagExpressionArgument(): Expression {\n    const t = this.astService;\n    if (typeof this.component === 'string') {\n      if (this.component === 'FunctionalComponent') {\n        return t.arrowFunctionExpression([], t.blockStatement([]));\n      }\n\n      return singleQuotedStringLiteral(this.component);\n    }\n\n    return t.callExpression(t.identifier(this.component.node.name), []);\n  }\n\n  protected get tagExpression(): CallExpression {\n    const t = this.astService;\n    return t.callExpression(this.tag, [this.tagExpressionArgument]);\n  }\n\n  public override get value(): ObjectExpression {\n    const t = this.astService;\n    const extendsNode =\n      typeof this.component === 'string' ? null : this.component.node.name;\n\n    return t.objectExpression([\n      t.objectProperty(\n        t.stringLiteral('displayName'),\n        t.stringLiteral(this.displayName)\n      ),\n      t.objectProperty(\n        t.stringLiteral('__linaria'),\n        t.objectExpression([\n          t.objectProperty(\n            t.stringLiteral('className'),\n            t.stringLiteral(this.className)\n          ),\n          t.objectProperty(\n            t.stringLiteral('extends'),\n            extendsNode\n              ? t.callExpression(t.identifier(extendsNode), [])\n              : t.nullLiteral()\n          ),\n        ])\n      ),\n    ]);\n  }\n\n  public override toString(): string {\n    const res = (arg: string) => `${this.tagSourceCode()}(${arg})\\`…\\``;\n\n    if (typeof this.component === 'string') {\n      if (this.component === 'FunctionalComponent') {\n        return res('() => {…}');\n      }\n\n      return res(`'${this.component}'`);\n    }\n\n    return res(this.component.source);\n  }\n\n  protected getCustomVariableId(\n    source: string,\n    unit: string,\n    precedingCss: string\n  ) {\n    const context = this.getVariableContext(source, unit, precedingCss);\n    const customSlugFn = this.options.variableNameSlug;\n    if (!customSlugFn) {\n      return undefined;\n    }\n\n    return typeof customSlugFn === 'function'\n      ? customSlugFn(context)\n      : buildSlug(customSlugFn, context);\n  }\n\n  protected getProps(): IProps {\n    const propsObj: IProps = {\n      name: this.displayName,\n      class: this.className,\n    };\n\n    // If we found any interpolations, also pass them, so they can be applied\n    if (this.interpolations.length) {\n      propsObj.vars = {};\n      this.interpolations.forEach(({ id, unit, node }) => {\n        const items: Expression[] = [this.astService.callExpression(node, [])];\n\n        if (unit) {\n          items.push(this.astService.stringLiteral(unit));\n        }\n\n        propsObj.vars![id] = items;\n      });\n    }\n\n    return propsObj;\n  }\n\n  protected getTagComponentProps(props: IProps): ObjectExpression {\n    const t = this.astService;\n\n    const propExpressions = Object.entries(props)\n      .map(([key, value]: [key: string, value: IProps[keyof IProps]]) => {\n        if (!value) {\n          return null;\n        }\n\n        const keyNode = t.identifier(key);\n\n        if (typeof value === 'string') {\n          return t.objectProperty(keyNode, t.stringLiteral(value));\n        }\n\n        if (typeof value === 'boolean') {\n          return t.objectProperty(keyNode, t.booleanLiteral(value));\n        }\n\n        const vars = Object.entries(value).map(([propName, propValue]) => {\n          return t.objectProperty(\n            t.stringLiteral(propName),\n            t.arrayExpression(propValue)\n          );\n        });\n\n        return t.objectProperty(keyNode, t.objectExpression(vars));\n      })\n      .filter(isNotNull);\n\n    return t.objectExpression(propExpressions);\n  }\n\n  protected getVariableContext(\n    source: string,\n    unit: string,\n    precedingCss: string\n  ): IVariableContext {\n    const getIndex = () => {\n      // eslint-disable-next-line no-plusplus\n      return this.#variableIdx++;\n    };\n\n    return {\n      componentName: this.displayName,\n      componentSlug: this.slug,\n      get index() {\n        return getIndex();\n      },\n      precedingCss,\n      processor: this.constructor.name,\n      source,\n      unit,\n      valueSlug: slugify(source + unit),\n    };\n  }\n\n  protected getVariableId(\n    source: string,\n    unit: string,\n    precedingCss: string\n  ): string {\n    const value = source + unit;\n    if (!this.#variablesCache.has(value)) {\n      const id = this.getCustomVariableId(source, unit, precedingCss);\n      if (id) {\n        return toValidCSSIdentifier(id);\n      }\n\n      const context = this.getVariableContext(source, unit, precedingCss);\n\n      // make the variable unique to this styled component\n      this.#variablesCache.set(value, `${this.slug}-${context.index}`);\n    }\n\n    return this.#variablesCache.get(value)!;\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@linaria/react",
   "description": "Blazing fast zero-runtime CSS in JS library",
-  "version": "4.1.4",
+  "version": "4.2.0",
   "bugs": "https://github.com/callstack/linaria/issues",
   "dependencies": {
     "@emotion/is-prop-valid": "^0.8.8",
-    "@linaria/core": "^4.1.3",
-    "@linaria/tags": "^4.1.3",
+    "@linaria/core": "^4.2.0",
+    "@linaria/tags": "^4.1.4",
+    "@linaria/utils": "^4.2.2",
     "ts-invariant": "^0.10.3"
   },
   "devDependencies": {
@@ -24,18 +25,17 @@
     "./package.json": "./package.json",
     ".": {
       "types": "./types/index.d.ts",
-      "import": "./esm/index.js",
-      "default": "./lib/index.js"
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.js"
     },
     "./*": {
       "types": "./types/*.d.ts",
-      "import": "./esm/*.js",
-      "default": "./lib/*.js"
+      "import": "./dist/*.mjs",
+      "default": "./dist/*.js"
     }
   },
   "files": [
-    "esm/",
-    "lib/",
+    "dist/",
     "processors/",
     "types/"
   ],
@@ -50,11 +50,11 @@
   "license": "MIT",
   "linaria": {
     "tags": {
-      "styled": "./lib/processors/styled.js"
+      "styled": "./dist/processors/styled.js"
     }
   },
-  "main": "lib/index.js",
-  "module": "esm/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
   "peerDependencies": {
     "react": ">=16"
   },
@@ -63,6 +63,15 @@
   },
   "repository": "git@github.com:callstack/linaria.git",
   "sideEffects": false,
+  "tsup": {
+    "entry": [
+      "src/index.ts",
+      "src/processors/styled.ts"
+    ],
+    "splitting": false,
+    "sourcemap": true,
+    "clean": true
+  },
   "types": "types/index.d.ts",
   "typesVersions": {
     "*": {
@@ -72,11 +81,10 @@
     }
   },
   "scripts": {
-    "build": "npm run build:lib && npm run build:esm && npm run build:declarations",
+    "build": "npm run build:dist && npm run build:declarations",
     "build:corejs-test": "cross-env NODE_ENV=legacy babel src --out-dir lib --extensions '.js,.jsx,.ts,.tsx' --ignore \"src/processors/**/*\"",
     "build:declarations": "tsc --emitDeclarationOnly --outDir types",
-    "build:esm": "babel src --out-dir esm --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
-    "build:lib": "cross-env NODE_ENV=legacy babel src --out-dir lib --extensions '.js,.jsx,.ts,.tsx' --source-maps --delete-dir-on-start",
+    "build:dist": "tsup --format cjs,esm",
     "test": "jest --config ../../jest.config.js --rootDir .",
     "test:dts": "dtslint --localTs ../../node_modules/typescript/lib __dtslint__",
     "typecheck": "tsc --noEmit --composite false",

package/processors/styled.js

@@ -2,4 +2,4 @@ Object.defineProperty(exports, '__esModule', {
   value: true,
 });
 
-exports.default = require('../lib/processors/styled').default;
+exports.default = require('../dist/processors/styled').default;

package/types/processors/styled.d.ts

@@ -1,6 +1,7 @@
 import type { CallExpression, Expression, ObjectExpression, SourceLocation } from '@babel/types';
-import type { Rules, WrappedNode, ValueCache, Params, TailProcessorParams } from '@linaria/tags';
+import type { Params, Rules, TailProcessorParams, ValueCache, WrappedNode } from '@linaria/tags';
 import { TaggedTemplateProcessor } from '@linaria/tags';
+import type { IVariableContext } from '@linaria/utils';
 export interface IProps {
     atomic?: boolean;
     class?: string;
@@ -11,7 +12,7 @@ export default class StyledProcessor extends TaggedTemplateProcessor {
     #private;
     component: WrappedNode;
     constructor(params: Params, ...args: TailProcessorParams);
-    addInterpolation(node: Expression, source: string, unit?: string): string;
+    addInterpolation(node: Expression, precedingCss: string, source: string, unit?: string): string;
     doEvaltimeReplacement(): void;
     doRuntimeReplacement(): void;
     extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): Rules;
@@ -20,7 +21,9 @@ export default class StyledProcessor extends TaggedTemplateProcessor {
     protected get tagExpression(): CallExpression;
     get value(): ObjectExpression;
     toString(): string;
+    protected getCustomVariableId(source: string, unit: string, precedingCss: string): string | undefined;
     protected getProps(): IProps;
     protected getTagComponentProps(props: IProps): ObjectExpression;
-    protected getVariableId(value: string): string;
+    protected getVariableContext(source: string, unit: string, precedingCss: string): IVariableContext;
+    protected getVariableId(source: string, unit: string, precedingCss: string): string;
 }

package/esm/index.js

@@ -1,2 +0,0 @@
-export { default as styled } from './styled';
-//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["default","styled"],"sources":["../src/index.ts"],"sourcesContent":["export { default as styled } from './styled';\nexport type { StyledJSXIntrinsics, Styled } from './styled';\nexport type { CSSProperties } from '@linaria/core';\nexport type { StyledMeta } from '@linaria/tags';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC"}

package/esm/processors/styled.js

@@ -1,205 +0,0 @@
-import { TaggedTemplateProcessor, ValueType, hasMeta, validateParams } from '@linaria/tags';
-
-const isNotNull = x => x !== null;
-
-const singleQuotedStringLiteral = value => ({
-  type: 'StringLiteral',
-  value,
-  extra: {
-    rawValue: value,
-    raw: `'${value}'`
-  }
-});
-
-export default class StyledProcessor extends TaggedTemplateProcessor {
-  #variableIdx = 0;
-  #variablesCache = new Map();
-
-  constructor(params, ...args) {
-    validateParams(params, ['tag', ['call', 'member'], ['template', 'call']], 'Invalid usage of `styled` tag');
-    const [tag, tagOp, template] = params;
-
-    if (template[0] === 'call') {
-      // It is already transformed styled-literal. Skip it.
-      // eslint-disable-next-line @typescript-eslint/no-throw-literal
-      throw TaggedTemplateProcessor.SKIP;
-    }
-
-    super([tag, template], ...args);
-    let component;
-
-    if (tagOp[0] === 'call' && tagOp.length === 2) {
-      const value = tagOp[1];
-
-      if (value.kind === ValueType.FUNCTION) {
-        component = 'FunctionalComponent';
-      } else {
-        component = {
-          node: value.ex,
-          source: value.source
-        };
-        this.dependencies.push(value);
-      }
-    }
-
-    if (tagOp[0] === 'member') {
-      [, component] = tagOp;
-    }
-
-    if (!component) {
-      throw new Error('Invalid usage of `styled` tag');
-    }
-
-    this.component = component;
-  }
-
-  addInterpolation(node, source, unit = '') {
-    const id = this.getVariableId(source + unit);
-    this.interpolations.push({
-      id,
-      node,
-      source,
-      unit
-    });
-    return id;
-  }
-
-  doEvaltimeReplacement() {
-    this.replacer(this.value, false);
-  }
-
-  doRuntimeReplacement() {
-    const t = this.astService;
-    const props = this.getProps();
-    this.replacer(t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]), true);
-  }
-
-  extractRules(valueCache, cssText, loc) {
-    const rules = {};
-    let selector = `.${this.className}`; // If `styled` wraps another component and not a primitive,
-    // get its class name to create a more specific selector
-    // it'll ensure that styles are overridden properly
-
-    let value = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);
-
-    while (hasMeta(value)) {
-      selector += `.${value.__linaria.className}`;
-      value = value.__linaria.extends;
-    }
-
-    rules[selector] = {
-      cssText,
-      className: this.className,
-      displayName: this.displayName,
-      start: loc?.start ?? null
-    };
-    return rules;
-  }
-
-  get asSelector() {
-    return `.${this.className}`;
-  }
-
-  get tagExpressionArgument() {
-    const t = this.astService;
-
-    if (typeof this.component === 'string') {
-      if (this.component === 'FunctionalComponent') {
-        return t.arrowFunctionExpression([], t.blockStatement([]));
-      }
-
-      return singleQuotedStringLiteral(this.component);
-    }
-
-    return t.callExpression(t.identifier(this.component.node.name), []);
-  }
-
-  get tagExpression() {
-    const t = this.astService;
-    return t.callExpression(this.tag, [this.tagExpressionArgument]);
-  }
-
-  get value() {
-    const t = this.astService;
-    const extendsNode = typeof this.component === 'string' ? null : this.component.node.name;
-    return t.objectExpression([t.objectProperty(t.stringLiteral('displayName'), t.stringLiteral(this.displayName)), t.objectProperty(t.stringLiteral('__linaria'), t.objectExpression([t.objectProperty(t.stringLiteral('className'), t.stringLiteral(this.className)), t.objectProperty(t.stringLiteral('extends'), extendsNode ? t.callExpression(t.identifier(extendsNode), []) : t.nullLiteral())]))]);
-  }
-
-  toString() {
-    const res = arg => `${this.tagSourceCode()}(${arg})\`…\``;
-
-    if (typeof this.component === 'string') {
-      if (this.component === 'FunctionalComponent') {
-        return res('() => {…}');
-      }
-
-      return res(`'${this.component}'`);
-    }
-
-    return res(this.component.source);
-  }
-
-  getProps() {
-    const propsObj = {
-      name: this.displayName,
-      class: this.className
-    }; // If we found any interpolations, also pass them, so they can be applied
-
-    if (this.interpolations.length) {
-      propsObj.vars = {};
-      this.interpolations.forEach(({
-        id,
-        unit,
-        node
-      }) => {
-        const items = [this.astService.callExpression(node, [])];
-
-        if (unit) {
-          items.push(this.astService.stringLiteral(unit));
-        }
-
-        propsObj.vars[id] = items;
-      });
-    }
-
-    return propsObj;
-  }
-
-  getTagComponentProps(props) {
-    const t = this.astService;
-    const propExpressions = Object.entries(props).map(([key, value]) => {
-      if (!value) {
-        return null;
-      }
-
-      const keyNode = t.identifier(key);
-
-      if (typeof value === 'string') {
-        return t.objectProperty(keyNode, t.stringLiteral(value));
-      }
-
-      if (typeof value === 'boolean') {
-        return t.objectProperty(keyNode, t.booleanLiteral(value));
-      }
-
-      const vars = Object.entries(value).map(([propName, propValue]) => {
-        return t.objectProperty(t.stringLiteral(propName), t.arrayExpression(propValue));
-      });
-      return t.objectProperty(keyNode, t.objectExpression(vars));
-    }).filter(isNotNull);
-    return t.objectExpression(propExpressions);
-  } // eslint-disable-next-line @typescript-eslint/no-unused-vars
-
-
-  getVariableId(value) {
-    if (!this.#variablesCache.has(value)) {
-      // make the variable unique to this styled component
-      // eslint-disable-next-line no-plusplus
-      this.#variablesCache.set(value, `${this.slug}-${this.#variableIdx++}`);
-    }
-
-    return this.#variablesCache.get(value);
-  }
-
-}
-//# sourceMappingURL=styled.js.map

package/esm/processors/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styled.js","names":["TaggedTemplateProcessor","ValueType","hasMeta","validateParams","isNotNull","x","singleQuotedStringLiteral","value","type","extra","rawValue","raw","StyledProcessor","variableIdx","variablesCache","Map","constructor","params","args","tag","tagOp","template","SKIP","component","length","kind","FUNCTION","node","ex","source","dependencies","push","Error","addInterpolation","unit","id","getVariableId","interpolations","doEvaltimeReplacement","replacer","doRuntimeReplacement","t","astService","props","getProps","callExpression","tagExpression","getTagComponentProps","extractRules","valueCache","cssText","loc","rules","selector","className","get","name","__linaria","extends","displayName","start","asSelector","tagExpressionArgument","arrowFunctionExpression","blockStatement","identifier","extendsNode","objectExpression","objectProperty","stringLiteral","nullLiteral","toString","res","arg","tagSourceCode","propsObj","class","vars","forEach","items","propExpressions","Object","entries","map","key","keyNode","booleanLiteral","propName","propValue","arrayExpression","filter","has","set","slug"],"sources":["../../src/processors/styled.ts"],"sourcesContent":["import type {\n  CallExpression,\n  Expression,\n  ObjectExpression,\n  SourceLocation,\n  StringLiteral,\n} from '@babel/types';\n\nimport type {\n  Rules,\n  WrappedNode,\n  ValueCache,\n  Params,\n  TailProcessorParams,\n} from '@linaria/tags';\nimport {\n  TaggedTemplateProcessor,\n  ValueType,\n  hasMeta,\n  validateParams,\n} from '@linaria/tags';\n\nconst isNotNull = <T>(x: T | null): x is T => x !== null;\n\nexport interface IProps {\n  atomic?: boolean;\n  class?: string;\n  name: string;\n  vars?: Record<string, Expression[]>;\n}\n\nconst singleQuotedStringLiteral = (value: string): StringLiteral => ({\n  type: 'StringLiteral',\n  value,\n  extra: {\n    rawValue: value,\n    raw: `'${value}'`,\n  },\n});\n\nexport default class StyledProcessor extends TaggedTemplateProcessor {\n  public component: WrappedNode;\n\n  #variableIdx = 0;\n\n  #variablesCache = new Map<string, string>();\n\n  constructor(params: Params, ...args: TailProcessorParams) {\n    validateParams(\n      params,\n      ['tag', ['call', 'member'], ['template', 'call']],\n      'Invalid usage of `styled` tag'\n    );\n\n    const [tag, tagOp, template] = params;\n\n    if (template[0] === 'call') {\n      // It is already transformed styled-literal. Skip it.\n      // eslint-disable-next-line @typescript-eslint/no-throw-literal\n      throw TaggedTemplateProcessor.SKIP;\n    }\n\n    super([tag, template], ...args);\n\n    let component: WrappedNode | undefined;\n    if (tagOp[0] === 'call' && tagOp.length === 2) {\n      const value = tagOp[1];\n      if (value.kind === ValueType.FUNCTION) {\n        component = 'FunctionalComponent';\n      } else {\n        component = {\n          node: value.ex,\n          source: value.source,\n        };\n\n        this.dependencies.push(value);\n      }\n    }\n\n    if (tagOp[0] === 'member') {\n      [, component] = tagOp;\n    }\n\n    if (!component) {\n      throw new Error('Invalid usage of `styled` tag');\n    }\n\n    this.component = component;\n  }\n\n  public override addInterpolation(\n    node: Expression,\n    source: string,\n    unit = ''\n  ): string {\n    const id = this.getVariableId(source + unit);\n\n    this.interpolations.push({\n      id,\n      node,\n      source,\n      unit,\n    });\n\n    return id;\n  }\n\n  public override doEvaltimeReplacement(): void {\n    this.replacer(this.value, false);\n  }\n\n  public override doRuntimeReplacement(): void {\n    const t = this.astService;\n\n    const props = this.getProps();\n\n    this.replacer(\n      t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]),\n      true\n    );\n  }\n\n  public override extractRules(\n    valueCache: ValueCache,\n    cssText: string,\n    loc?: SourceLocation | null\n  ): Rules {\n    const rules: Rules = {};\n\n    let selector = `.${this.className}`;\n\n    // If `styled` wraps another component and not a primitive,\n    // get its class name to create a more specific selector\n    // it'll ensure that styles are overridden properly\n    let value =\n      typeof this.component === 'string'\n        ? null\n        : valueCache.get(this.component.node.name);\n    while (hasMeta(value)) {\n      selector += `.${value.__linaria.className}`;\n      value = value.__linaria.extends;\n    }\n\n    rules[selector] = {\n      cssText,\n      className: this.className,\n      displayName: this.displayName,\n      start: loc?.start ?? null,\n    };\n\n    return rules;\n  }\n\n  public override get asSelector(): string {\n    return `.${this.className}`;\n  }\n\n  protected get tagExpressionArgument(): Expression {\n    const t = this.astService;\n    if (typeof this.component === 'string') {\n      if (this.component === 'FunctionalComponent') {\n        return t.arrowFunctionExpression([], t.blockStatement([]));\n      }\n\n      return singleQuotedStringLiteral(this.component);\n    }\n\n    return t.callExpression(t.identifier(this.component.node.name), []);\n  }\n\n  protected get tagExpression(): CallExpression {\n    const t = this.astService;\n    return t.callExpression(this.tag, [this.tagExpressionArgument]);\n  }\n\n  public override get value(): ObjectExpression {\n    const t = this.astService;\n    const extendsNode =\n      typeof this.component === 'string' ? null : this.component.node.name;\n\n    return t.objectExpression([\n      t.objectProperty(\n        t.stringLiteral('displayName'),\n        t.stringLiteral(this.displayName)\n      ),\n      t.objectProperty(\n        t.stringLiteral('__linaria'),\n        t.objectExpression([\n          t.objectProperty(\n            t.stringLiteral('className'),\n            t.stringLiteral(this.className)\n          ),\n          t.objectProperty(\n            t.stringLiteral('extends'),\n            extendsNode\n              ? t.callExpression(t.identifier(extendsNode), [])\n              : t.nullLiteral()\n          ),\n        ])\n      ),\n    ]);\n  }\n\n  public override toString(): string {\n    const res = (arg: string) => `${this.tagSourceCode()}(${arg})\\`…\\``;\n\n    if (typeof this.component === 'string') {\n      if (this.component === 'FunctionalComponent') {\n        return res('() => {…}');\n      }\n\n      return res(`'${this.component}'`);\n    }\n\n    return res(this.component.source);\n  }\n\n  protected getProps(): IProps {\n    const propsObj: IProps = {\n      name: this.displayName,\n      class: this.className,\n    };\n\n    // If we found any interpolations, also pass them, so they can be applied\n    if (this.interpolations.length) {\n      propsObj.vars = {};\n      this.interpolations.forEach(({ id, unit, node }) => {\n        const items: Expression[] = [this.astService.callExpression(node, [])];\n\n        if (unit) {\n          items.push(this.astService.stringLiteral(unit));\n        }\n\n        propsObj.vars![id] = items;\n      });\n    }\n\n    return propsObj;\n  }\n\n  protected getTagComponentProps(props: IProps): ObjectExpression {\n    const t = this.astService;\n\n    const propExpressions = Object.entries(props)\n      .map(([key, value]: [key: string, value: IProps[keyof IProps]]) => {\n        if (!value) {\n          return null;\n        }\n\n        const keyNode = t.identifier(key);\n\n        if (typeof value === 'string') {\n          return t.objectProperty(keyNode, t.stringLiteral(value));\n        }\n\n        if (typeof value === 'boolean') {\n          return t.objectProperty(keyNode, t.booleanLiteral(value));\n        }\n\n        const vars = Object.entries(value).map(([propName, propValue]) => {\n          return t.objectProperty(\n            t.stringLiteral(propName),\n            t.arrayExpression(propValue)\n          );\n        });\n\n        return t.objectProperty(keyNode, t.objectExpression(vars));\n      })\n      .filter(isNotNull);\n\n    return t.objectExpression(propExpressions);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  protected getVariableId(value: string): string {\n    if (!this.#variablesCache.has(value)) {\n      // make the variable unique to this styled component\n      // eslint-disable-next-line no-plusplus\n      this.#variablesCache.set(value, `${this.slug}-${this.#variableIdx++}`);\n    }\n\n    return this.#variablesCache.get(value)!;\n  }\n}\n"],"mappings":"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"}