Big News: Socket raises $60M Series C at a $1B valuation to secure software supply chains for AI-driven development.Announcement →
Sign In

@linaria/react

Package Overview
Dependencies
Maintainers
4
Versions
53
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@linaria/react - npm Package Compare versions

Comparing version
3.0.0-beta.22
 to
4.0.0-beta.0
+41
-48
esm/processors/styled.js
import BaseProcessor from '@linaria/core/processors/BaseProcessor';
export function hasMeta(value) {
return typeof value === 'object' && value !== null && '__linaria' in value;
}
import { ValueType } from '@linaria/core/processors/types';
import hasMeta from '@linaria/core/processors/utils/hasMeta';

@@ -18,2 +17,5 @@ const isNotNull = x => x !== null;

export default class StyledProcessor extends BaseProcessor {
#variableIdx = 0;
#variablesCache = new Map();
constructor(...args) {

@@ -25,19 +27,10 @@ super(...args);

if (type === 'call' && rest.length === 0) {
const [source, path] = value;
if (path.node.type === 'StringLiteral') {
component = path.node.value;
} else if (path.node.type === 'ArrowFunctionExpression' || path.node.type === 'FunctionExpression') {
// Special case when styled wraps a function
// It's actually the same as wrapping a built-in tag
if (value.kind === ValueType.FUNCTION) {
component = 'FunctionalComponent';
} else {
component = {
node: path.node,
source
node: value.ex,
source: value.source
};
this.dependencies.push({
ex: path,
source
});
this.dependencies.push(value);
}

@@ -47,7 +40,3 @@ }

if (type === 'member') {
if (value.node.type === 'Identifier') {
component = value.node.name;
} else if (value.node.type === 'StringLiteral') {
component = value.node.value;
}
component = value;
}

@@ -62,4 +51,4 @@

addInterpolation(node, source) {
const id = this.getVariableId(source);
addInterpolation(node, source, unit = '') {
const id = this.getVariableId(source + unit);
this.interpolations.push({

@@ -69,7 +58,17 @@ id,

source,
unit: ''
unit
});
return `var(--${id})`;
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) {

@@ -81,3 +80,3 @@ const rules = {};

let value = typeof this.component === 'string' ? null : valueCache.get(this.component.node);
let value = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);

@@ -95,11 +94,5 @@ while (hasMeta(value)) {

};
return [rules, this.className];
return rules;
}
getRuntimeReplacement(classes, uniqInterpolations) {
const t = this.astService;
const props = this.getProps(classes, uniqInterpolations);
return [t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]), true];
}
get asSelector() {

@@ -120,3 +113,3 @@ return `.${this.className}`;

return t.identifier(this.component.source);
return t.callExpression(t.identifier(this.component.node.name), []);
}

@@ -129,14 +122,9 @@

get valueSource() {
const extendsNode = typeof this.component === 'string' ? null : this.component.source;
return `{
displayName: "${this.displayName}",
__linaria: {
className: "${this.className}",
extends: ${extendsNode}
}
}`;
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())]))]);
}
getProps(classes, uniqInterpolations) {
getProps() {
const propsObj = {

@@ -149,3 +137,3 @@ name: this.displayName,

propsObj.vars = {};
uniqInterpolations.forEach(({
this.interpolations.forEach(({
id,

@@ -155,3 +143,3 @@ unit,

}) => {
const items = [node];
const items = [this.astService.callExpression(node, [])];

@@ -196,4 +184,9 @@ if (unit) {

getVariableId(value) {
// make the variable unique to this styled component
return `${this.slug}-${this.interpolations.length}`;
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);
}

@@ -200,0 +193,0 @@ 

+1
-1
esm/processors/styled.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"styled.js","names":["BaseProcessor","hasMeta","value","isNotNull","x","singleQuotedStringLiteral","type","extra","rawValue","raw","StyledProcessor","constructor","args","component","rest","params","length","source","path","node","dependencies","push","ex","name","Error","addInterpolation","id","getVariableId","interpolations","unit","extractRules","valueCache","cssText","loc","rules","selector","className","get","__linaria","extends","displayName","start","getRuntimeReplacement","classes","uniqInterpolations","t","astService","props","getProps","callExpression","tagExpression","getTagComponentProps","asSelector","tagExpressionArgument","arrowFunctionExpression","blockStatement","identifier","tagExp","valueSource","extendsNode","propsObj","class","vars","forEach","items","stringLiteral","propExpressions","Object","entries","map","key","keyNode","objectProperty","booleanLiteral","propName","propValue","arrayExpression","objectExpression","filter","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 { StyledMeta } from '@linaria/core';\nimport type { ProcessorParams } from '@linaria/core/processors/BaseProcessor';\nimport BaseProcessor from '@linaria/core/processors/BaseProcessor';\nimport type {\n Rules,\n WrappedNode,\n IInterpolation,\n ValueCache,\n} from '@linaria/core/processors/types';\n\nexport function hasMeta(value: unknown): value is StyledMeta {\n return typeof value === 'object' && value !== null && '__linaria' in value;\n}\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 BaseProcessor {\n public component: WrappedNode;\n\n constructor(...args: ProcessorParams) {\n super(...args);\n\n let component: WrappedNode | undefined;\n const [type, value, ...rest] = this.params[0] ?? [];\n if (type === 'call' && rest.length === 0) {\n const [source, path] = value;\n if (path.node.type === 'StringLiteral') {\n component = path.node.value;\n } else if (\n path.node.type === 'ArrowFunctionExpression' ||\n path.node.type === 'FunctionExpression'\n ) {\n // Special case when styled wraps a function\n // It's actually the same as wrapping a built-in tag\n component = 'FunctionalComponent';\n } else {\n component = {\n node: path.node,\n source,\n };\n this.dependencies.push({\n ex: path,\n source,\n });\n }\n }\n\n if (type === 'member') {\n if (value.node.type === 'Identifier') {\n component = value.node.name;\n } else if (value.node.type === 'StringLiteral') {\n component = value.node.value;\n }\n }\n\n if (!component || this.params.length > 1) {\n throw new Error('Invalid usage of `styled` tag');\n }\n\n this.component = component;\n }\n\n public override addInterpolation(node: Expression, source: string) {\n const id = this.getVariableId(source);\n\n this.interpolations.push({\n id,\n node,\n source,\n unit: '',\n });\n\n return `var(--${id})`;\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): [Rules, string] {\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);\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, this.className];\n }\n\n public override getRuntimeReplacement(\n classes: string,\n uniqInterpolations: IInterpolation[]\n ): [Expression, boolean] {\n const t = this.astService;\n\n const props = this.getProps(classes, uniqInterpolations);\n\n return [\n t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]),\n true,\n ];\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.identifier(this.component.source);\n }\n\n protected get tagExpression(): CallExpression {\n const t = this.astService;\n return t.callExpression(this.tagExp, [this.tagExpressionArgument]);\n }\n\n public override get valueSource(): string {\n const extendsNode =\n typeof this.component === 'string' ? null : this.component.source;\n return `{\n displayName: \"${this.displayName}\",\n __linaria: {\n className: \"${this.className}\",\n extends: ${extendsNode}\n }\n }`;\n }\n\n protected getProps(\n classes: string,\n uniqInterpolations: IInterpolation[]\n ): 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 uniqInterpolations.forEach(({ id, unit, node }) => {\n const items: Expression[] = [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 // make the variable unique to this styled component\n return `${this.slug}-${this.interpolations.length}`;\n }\n}\n"],"mappings":"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"}
{"version":3,"file":"styled.js","names":["BaseProcessor","ValueType","hasMeta","isNotNull","x","singleQuotedStringLiteral","value","type","extra","rawValue","raw","StyledProcessor","variableIdx","variablesCache","Map","constructor","args","component","rest","params","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","tagExp","extendsNode","objectExpression","objectProperty","stringLiteral","nullLiteral","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 { ProcessorParams } from '@linaria/core/processors/BaseProcessor';\nimport BaseProcessor from '@linaria/core/processors/BaseProcessor';\nimport type {\n Rules,\n WrappedNode,\n ValueCache,\n} from '@linaria/core/processors/types';\nimport { ValueType } from '@linaria/core/processors/types';\nimport hasMeta from '@linaria/core/processors/utils/hasMeta';\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 BaseProcessor {\n public component: WrappedNode;\n\n #variableIdx = 0;\n\n #variablesCache = new Map<string, string>();\n\n constructor(...args: ProcessorParams) {\n super(...args);\n\n let component: WrappedNode | undefined;\n const [type, value, ...rest] = this.params[0] ?? [];\n if (type === 'call' && rest.length === 0) {\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 (type === 'member') {\n component = value;\n }\n\n if (!component || this.params.length > 1) {\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.tagExp, [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 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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"}
+44
-51
lib/processors/styled.js

@@ -7,12 +7,11 @@ "use strict";

exports.default = void 0;
exports.hasMeta = hasMeta;
var _BaseProcessor = _interopRequireDefault(require("@linaria/core/processors/BaseProcessor"));
var _types = require("@linaria/core/processors/types");
var _hasMeta = _interopRequireDefault(require("@linaria/core/processors/utils/hasMeta"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function hasMeta(value) {
return typeof value === 'object' && value !== null && '__linaria' in value;
}
const isNotNull = x => x !== null;

@@ -30,2 +29,5 @@

class StyledProcessor extends _BaseProcessor.default {
#variableIdx = 0;
#variablesCache = new Map();
constructor(...args) {

@@ -39,19 +41,10 @@ var _this$params$;

if (type === 'call' && rest.length === 0) {
const [source, path] = value;
if (path.node.type === 'StringLiteral') {
component = path.node.value;
} else if (path.node.type === 'ArrowFunctionExpression' || path.node.type === 'FunctionExpression') {
// Special case when styled wraps a function
// It's actually the same as wrapping a built-in tag
if (value.kind === _types.ValueType.FUNCTION) {
component = 'FunctionalComponent';
} else {
component = {
node: path.node,
source
node: value.ex,
source: value.source
};
this.dependencies.push({
ex: path,
source
});
this.dependencies.push(value);
}

@@ -61,7 +54,3 @@ }

if (type === 'member') {
if (value.node.type === 'Identifier') {
component = value.node.name;
} else if (value.node.type === 'StringLiteral') {
component = value.node.value;
}
component = value;
}

@@ -76,4 +65,4 @@

addInterpolation(node, source) {
const id = this.getVariableId(source);
addInterpolation(node, source, unit = '') {
const id = this.getVariableId(source + unit);
this.interpolations.push({

@@ -83,7 +72,17 @@ id,

source,
unit: ''
unit
});
return `var(--${id})`;
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) {

@@ -97,5 +96,5 @@ var _loc$start;

let value = typeof this.component === 'string' ? null : valueCache.get(this.component.node);
let value = typeof this.component === 'string' ? null : valueCache.get(this.component.node.name);
while (hasMeta(value)) {
while ((0, _hasMeta.default)(value)) {
selector += `.${value.__linaria.className}`;

@@ -111,11 +110,5 @@ value = value.__linaria.extends;

};
return [rules, this.className];
return rules;
}
getRuntimeReplacement(classes, uniqInterpolations) {
const t = this.astService;
const props = this.getProps(classes, uniqInterpolations);
return [t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]), true];
}
get asSelector() {

@@ -136,3 +129,3 @@ return `.${this.className}`;

return t.identifier(this.component.source);
return t.callExpression(t.identifier(this.component.node.name), []);
}

@@ -145,14 +138,9 @@

get valueSource() {
const extendsNode = typeof this.component === 'string' ? null : this.component.source;
return `{
displayName: "${this.displayName}",
__linaria: {
className: "${this.className}",
extends: ${extendsNode}
}
}`;
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())]))]);
}
getProps(classes, uniqInterpolations) {
getProps() {
const propsObj = {

@@ -165,3 +153,3 @@ name: this.displayName,

propsObj.vars = {};
uniqInterpolations.forEach(({
this.interpolations.forEach(({
id,

@@ -171,3 +159,3 @@ unit,

}) => {
const items = [node];
const items = [this.astService.callExpression(node, [])];

@@ -212,4 +200,9 @@ if (unit) {

getVariableId(value) {
// make the variable unique to this styled component
return `${this.slug}-${this.interpolations.length}`;
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);
}

@@ -216,0 +209,0 @@ 

+1
-1
lib/processors/styled.js.map

@@ -1,1 +0,1 @@

{"version":3,"file":"styled.js","names":["hasMeta","value","isNotNull","x","singleQuotedStringLiteral","type","extra","rawValue","raw","StyledProcessor","BaseProcessor","constructor","args","component","rest","params","length","source","path","node","dependencies","push","ex","name","Error","addInterpolation","id","getVariableId","interpolations","unit","extractRules","valueCache","cssText","loc","rules","selector","className","get","__linaria","extends","displayName","start","getRuntimeReplacement","classes","uniqInterpolations","t","astService","props","getProps","callExpression","tagExpression","getTagComponentProps","asSelector","tagExpressionArgument","arrowFunctionExpression","blockStatement","identifier","tagExp","valueSource","extendsNode","propsObj","class","vars","forEach","items","stringLiteral","propExpressions","Object","entries","map","key","keyNode","objectProperty","booleanLiteral","propName","propValue","arrayExpression","objectExpression","filter","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 { StyledMeta } from '@linaria/core';\nimport type { ProcessorParams } from '@linaria/core/processors/BaseProcessor';\nimport BaseProcessor from '@linaria/core/processors/BaseProcessor';\nimport type {\n Rules,\n WrappedNode,\n IInterpolation,\n ValueCache,\n} from '@linaria/core/processors/types';\n\nexport function hasMeta(value: unknown): value is StyledMeta {\n return typeof value === 'object' && value !== null && '__linaria' in value;\n}\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 BaseProcessor {\n public component: WrappedNode;\n\n constructor(...args: ProcessorParams) {\n super(...args);\n\n let component: WrappedNode | undefined;\n const [type, value, ...rest] = this.params[0] ?? [];\n if (type === 'call' && rest.length === 0) {\n const [source, path] = value;\n if (path.node.type === 'StringLiteral') {\n component = path.node.value;\n } else if (\n path.node.type === 'ArrowFunctionExpression' ||\n path.node.type === 'FunctionExpression'\n ) {\n // Special case when styled wraps a function\n // It's actually the same as wrapping a built-in tag\n component = 'FunctionalComponent';\n } else {\n component = {\n node: path.node,\n source,\n };\n this.dependencies.push({\n ex: path,\n source,\n });\n }\n }\n\n if (type === 'member') {\n if (value.node.type === 'Identifier') {\n component = value.node.name;\n } else if (value.node.type === 'StringLiteral') {\n component = value.node.value;\n }\n }\n\n if (!component || this.params.length > 1) {\n throw new Error('Invalid usage of `styled` tag');\n }\n\n this.component = component;\n }\n\n public override addInterpolation(node: Expression, source: string) {\n const id = this.getVariableId(source);\n\n this.interpolations.push({\n id,\n node,\n source,\n unit: '',\n });\n\n return `var(--${id})`;\n }\n\n public override extractRules(\n valueCache: ValueCache,\n cssText: string,\n loc?: SourceLocation | null\n ): [Rules, string] {\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);\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, this.className];\n }\n\n public override getRuntimeReplacement(\n classes: string,\n uniqInterpolations: IInterpolation[]\n ): [Expression, boolean] {\n const t = this.astService;\n\n const props = this.getProps(classes, uniqInterpolations);\n\n return [\n t.callExpression(this.tagExpression, [this.getTagComponentProps(props)]),\n true,\n ];\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.identifier(this.component.source);\n }\n\n protected get tagExpression(): CallExpression {\n const t = this.astService;\n return t.callExpression(this.tagExp, [this.tagExpressionArgument]);\n }\n\n public override get valueSource(): string {\n const extendsNode =\n typeof this.component === 'string' ? null : this.component.source;\n return `{\n displayName: \"${this.displayName}\",\n __linaria: {\n className: \"${this.className}\",\n extends: ${extendsNode}\n }\n }`;\n }\n\n protected getProps(\n classes: string,\n uniqInterpolations: IInterpolation[]\n ): 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 uniqInterpolations.forEach(({ id, unit, node }) => {\n const items: Expression[] = [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 // make the variable unique to this styled component\n return `${this.slug}-${this.interpolations.length}`;\n }\n}\n"],"mappings":"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"}
{"version":3,"file":"styled.js","names":["isNotNull","x","singleQuotedStringLiteral","value","type","extra","rawValue","raw","StyledProcessor","BaseProcessor","variableIdx","variablesCache","Map","constructor","args","component","rest","params","length","kind","ValueType","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","hasMeta","__linaria","extends","displayName","start","asSelector","tagExpressionArgument","arrowFunctionExpression","blockStatement","identifier","tagExp","extendsNode","objectExpression","objectProperty","stringLiteral","nullLiteral","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 { ProcessorParams } from '@linaria/core/processors/BaseProcessor';\nimport BaseProcessor from '@linaria/core/processors/BaseProcessor';\nimport type {\n Rules,\n WrappedNode,\n ValueCache,\n} from '@linaria/core/processors/types';\nimport { ValueType } from '@linaria/core/processors/types';\nimport hasMeta from '@linaria/core/processors/utils/hasMeta';\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 BaseProcessor {\n public component: WrappedNode;\n\n #variableIdx = 0;\n\n #variablesCache = new Map<string, string>();\n\n constructor(...args: ProcessorParams) {\n super(...args);\n\n let component: WrappedNode | undefined;\n const [type, value, ...rest] = this.params[0] ?? [];\n if (type === 'call' && rest.length === 0) {\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 (type === 'member') {\n component = value;\n }\n\n if (!component || this.params.length > 1) {\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.tagExp, [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 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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"}
+2
-2
package.json
{
"name": "@linaria/react",
"description": "Blazing fast zero-runtime CSS in JS library",
"version": "3.0.0-beta.22",
"version": "4.0.0-beta.0",
"bugs": "https://github.com/callstack/linaria/issues",
"dependencies": {
"@emotion/is-prop-valid": "^0.8.8",
"@linaria/core": "^3.0.0-beta.22",
"@linaria/core": "^4.0.0-beta.0",
"ts-invariant": "^0.10.3"

@@ -10,0 +10,0 @@ },

+8
-8
types/processors/styled.d.ts
import type { CallExpression, Expression, ObjectExpression, SourceLocation } from '@babel/types';
import type { StyledMeta } from '@linaria/core';
import type { ProcessorParams } from '@linaria/core/processors/BaseProcessor';
import BaseProcessor from '@linaria/core/processors/BaseProcessor';
import type { Rules, WrappedNode, IInterpolation, ValueCache } from '@linaria/core/processors/types';
export declare function hasMeta(value: unknown): value is StyledMeta;
import type { Rules, WrappedNode, ValueCache } from '@linaria/core/processors/types';
export interface IProps {

@@ -14,14 +12,16 @@ atomic?: boolean;

export default class StyledProcessor extends BaseProcessor {
#private;
component: WrappedNode;
constructor(...args: ProcessorParams);
addInterpolation(node: Expression, source: string): string;
extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): [Rules, string];
getRuntimeReplacement(classes: string, uniqInterpolations: IInterpolation[]): [Expression, boolean];
addInterpolation(node: Expression, source: string, unit?: string): string;
doEvaltimeReplacement(): void;
doRuntimeReplacement(): void;
extractRules(valueCache: ValueCache, cssText: string, loc?: SourceLocation | null): Rules;
get asSelector(): string;
protected get tagExpressionArgument(): Expression;
protected get tagExpression(): CallExpression;
get valueSource(): string;
protected getProps(classes: string, uniqInterpolations: IInterpolation[]): IProps;
get value(): ObjectExpression;
protected getProps(): IProps;
protected getTagComponentProps(props: IProps): ObjectExpression;
protected getVariableId(value: string): string;
}