@tamagui/static 1.0.1-rc.1.3 → 1.0.1-rc.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/constants.js.map +2 -2
- package/dist/extractor/buildClassName.js +0 -2
- package/dist/extractor/buildClassName.js.map +2 -2
- package/dist/extractor/createEvaluator.js.map +1 -1
- package/dist/extractor/createExtractor.js +31 -66
- package/dist/extractor/createExtractor.js.map +2 -2
- package/dist/extractor/extractHelpers.js +1 -1
- package/dist/extractor/extractHelpers.js.map +2 -2
- package/dist/extractor/extractMediaStyle.js.map +1 -1
- package/dist/extractor/extractToClassNames.js +7 -24
- package/dist/extractor/extractToClassNames.js.map +3 -3
- package/dist/extractor/generatedUid.js +4 -6
- package/dist/extractor/generatedUid.js.map +3 -3
- package/dist/types.js.map +1 -1
- package/package.json +15 -15
- package/src/constants.ts +0 -1
- package/src/extractor/buildClassName.ts +1 -2
- package/src/extractor/createEvaluator.ts +1 -1
- package/src/extractor/createExtractor.ts +91 -75
- package/src/extractor/extractHelpers.ts +2 -2
- package/src/extractor/extractMediaStyle.ts +1 -1
- package/src/extractor/extractToClassNames.ts +8 -27
- package/src/extractor/generatedUid.ts +4 -5
- package/src/types.ts +1 -1
- package/types/extractor/buildClassName.d.ts +1 -1
- package/types/extractor/bundle.d.ts +1 -1
- package/types/extractor/createEvaluator.d.ts +1 -1
- package/types/extractor/createExtractor.d.ts +2 -2
- package/types/extractor/extractHelpers.d.ts +1 -1
- package/types/extractor/extractToClassNames.d.ts +3 -3
- package/types/extractor/loadTamagui.d.ts +4 -4
- package/types/types.d.ts +10 -10
- package/src/extractor/ensureImportingConcat.ts +0 -32
package/dist/constants.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../src/constants.ts"],
|
|
4
|
-
"sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAAzB;AAEO,MAAM,gBAAgB;
|
|
4
|
+
"sourcesContent": ["import findCacheDir from 'find-cache-dir'\n\nexport const CSS_FILE_NAME = '__snack.css'\n\n// ENSURE THIS ISNT THE SAME AS THE SEPARATOR USED FOR STYLE KEYS\nexport const MEDIA_SEP = '_'\n\n// ensure cache dir\nexport const cacheDir = findCacheDir({ name: 'tamagui', create: true })\n\nexport const FAILED_EVAL = Symbol('failed_style_eval')\n\nexport const SHOULD_DEBUG = process.env.DEBUG === '*' || process.env.DEBUG?.startsWith('tamagui')\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAAzB;AAEO,MAAM,gBAAgB;AAGtB,MAAM,YAAY;AAGlB,MAAM,eAAW,sBAAAA,SAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAE9C,MAAM,eAAe,QAAQ,IAAI,UAAU,SAAO,aAAQ,IAAI,UAAZ,mBAAmB,WAAW;",
|
|
6
6
|
"names": ["findCacheDir"]
|
|
7
7
|
}
|
|
@@ -29,13 +29,11 @@ __export(buildClassName_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(buildClassName_exports);
|
|
31
31
|
var t = __toESM(require("@babel/types"));
|
|
32
|
-
var import_helpers = require("@tamagui/helpers");
|
|
33
32
|
const buildClassName = (objectsIn, extras = "") => {
|
|
34
33
|
let objects = buildClassNameLogic(objectsIn);
|
|
35
34
|
if (!objects)
|
|
36
35
|
return null;
|
|
37
36
|
if (t.isStringLiteral(objects)) {
|
|
38
|
-
objects.value = (0, import_helpers.concatClassName)(objects.value);
|
|
39
37
|
objects.value = `${extras} ${objects.value}`;
|
|
40
38
|
} else {
|
|
41
39
|
objects = t.binaryExpression("+", t.stringLiteral(extras), objects);
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/extractor/buildClassName.ts"],
|
|
4
|
-
"sourcesContent": ["import * as t from '@babel/types'\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;
|
|
4
|
+
"sourcesContent": ["import * as t from '@babel/types'\n\nimport type { ClassNameObject } from '../types.js'\n\ntype Builder = (\n objects: ClassNameObject[],\n extras?: string\n) => t.Expression | t.StringLiteral | null\n\nexport const buildClassName: Builder = (objectsIn, extras = '') => {\n let objects = buildClassNameLogic(objectsIn)\n if (!objects) return null\n if (t.isStringLiteral(objects)) {\n // objects.value = objects.value\n objects.value = `${extras} ${objects.value}`\n } else {\n objects = t.binaryExpression('+', t.stringLiteral(extras), objects)\n }\n return objects\n}\n\nexport const buildClassNameLogic: Builder = (objects) => {\n return objects.reduce<t.Expression | null>((acc, val) => {\n if (acc == null) {\n if (\n // pass conditional expressions through\n t.isConditionalExpression(val) ||\n // pass non-null literals through\n t.isStringLiteral(val) ||\n t.isNumericLiteral(val)\n ) {\n return val\n }\n return t.logicalExpression('||', val, t.stringLiteral(''))\n }\n\n let inner: t.Expression\n if (t.isStringLiteral(val)) {\n if (t.isStringLiteral(acc)) {\n // join adjacent string literals\n return t.stringLiteral(`${acc.value} ${val.value}`)\n }\n inner = t.stringLiteral(` ${val.value}`)\n } else if (t.isLiteral(val)) {\n inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n } else if (t.isConditionalExpression(val) || t.isBinaryExpression(val)) {\n if (t.isStringLiteral(acc)) {\n return t.binaryExpression('+', t.stringLiteral(`${acc.value} `), val)\n }\n inner = t.binaryExpression('+', t.stringLiteral(' '), val)\n } else if (t.isIdentifier(val) || t.isMemberExpression(val)) {\n // identifiers and member expressions make for reasonable ternaries\n inner = t.conditionalExpression(\n val,\n t.binaryExpression('+', t.stringLiteral(' '), val),\n t.stringLiteral('')\n )\n } else {\n if (t.isStringLiteral(acc)) {\n return t.binaryExpression(\n '+',\n t.stringLiteral(`${acc.value} `),\n t.logicalExpression('||', val, t.stringLiteral(''))\n )\n }\n // use a logical expression for more complex prop values\n inner = t.binaryExpression(\n '+',\n t.stringLiteral(' '),\n t.logicalExpression('||', val, t.stringLiteral(''))\n )\n }\n\n return t.binaryExpression('+', acc, inner)\n }, null)\n}\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AASZ,MAAM,iBAA0B,CAAC,WAAW,SAAS,OAAO;AACjE,MAAI,UAAU,oBAAoB,SAAS;AAC3C,MAAI,CAAC;AAAS,WAAO;AACrB,MAAI,EAAE,gBAAgB,OAAO,GAAG;AAE9B,YAAQ,QAAQ,GAAG,UAAU,QAAQ;AAAA,EACvC,OAAO;AACL,cAAU,EAAE,iBAAiB,KAAK,EAAE,cAAc,MAAM,GAAG,OAAO;AAAA,EACpE;AACA,SAAO;AACT;AAEO,MAAM,sBAA+B,CAAC,YAAY;AACvD,SAAO,QAAQ,OAA4B,CAAC,KAAK,QAAQ;AACvD,QAAI,OAAO,MAAM;AACf,UAEE,EAAE,wBAAwB,GAAG,KAE7B,EAAE,gBAAgB,GAAG,KACrB,EAAE,iBAAiB,GAAG,GACtB;AACA,eAAO;AAAA,MACT;AACA,aAAO,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,IAC3D;AAEA,QAAI;AACJ,QAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAE1B,eAAO,EAAE,cAAc,GAAG,IAAI,SAAS,IAAI,OAAO;AAAA,MACpD;AACA,cAAQ,EAAE,cAAc,IAAI,IAAI,OAAO;AAAA,IACzC,WAAW,EAAE,UAAU,GAAG,GAAG;AAC3B,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,wBAAwB,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AACtE,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,IAAI,QAAQ,GAAG,GAAG;AAAA,MACtE;AACA,cAAQ,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,IAC3D,WAAW,EAAE,aAAa,GAAG,KAAK,EAAE,mBAAmB,GAAG,GAAG;AAE3D,cAAQ,EAAE;AAAA,QACR;AAAA,QACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG;AAAA,QACjD,EAAE,cAAc,EAAE;AAAA,MACpB;AAAA,IACF,OAAO;AACL,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE;AAAA,UACP;AAAA,UACA,EAAE,cAAc,GAAG,IAAI,QAAQ;AAAA,UAC/B,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,QACpD;AAAA,MACF;AAEA,cAAQ,EAAE;AAAA,QACR;AAAA,QACA,EAAE,cAAc,GAAG;AAAA,QACnB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC;AAAA,MACpD;AAAA,IACF;AAEA,WAAO,EAAE,iBAAiB,KAAK,KAAK,KAAK;AAAA,EAC3C,GAAG,IAAI;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/extractor/createEvaluator.ts"],
|
|
4
|
-
"sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { createCSSVariable } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\n\nimport { FAILED_EVAL } from '../constants.js'\nimport { TamaguiOptionsWithFileInfo } from '../types.js'\nimport { evaluateAstNode } from './evaluateAstNode.js'\nimport { isValidThemeHook } from './extractHelpers.js'\n\nexport function createEvaluator({\n props,\n staticNamespace,\n sourcePath,\n traversePath,\n shouldPrintDebug,\n}: {\n props: TamaguiOptionsWithFileInfo\n staticNamespace: Record<string, any>\n sourcePath
|
|
4
|
+
"sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport { createCSSVariable } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\n\nimport { FAILED_EVAL } from '../constants.js'\nimport { TamaguiOptionsWithFileInfo } from '../types.js'\nimport { evaluateAstNode } from './evaluateAstNode.js'\nimport { isValidThemeHook } from './extractHelpers.js'\n\nexport function createEvaluator({\n props,\n staticNamespace,\n sourcePath,\n traversePath,\n shouldPrintDebug,\n}: {\n props: TamaguiOptionsWithFileInfo\n staticNamespace: Record<string, any>\n sourcePath?: string\n traversePath?: NodePath<t.JSXElement>\n shouldPrintDebug: boolean | 'verbose'\n}) {\n // called when evaluateAstNode encounters a dynamic-looking prop\n const evalFn = (n: t.Node) => {\n // themes\n if (\n t.isMemberExpression(n) &&\n t.isIdentifier(n.property) &&\n traversePath &&\n isValidThemeHook(props, traversePath, n, sourcePath)\n ) {\n const key = n.property.name\n if (shouldPrintDebug) {\n // eslint-disable-next-line no-console\n console.log(' > found theme prop', key)\n }\n return createCSSVariable(key)\n }\n // variable\n if (t.isIdentifier(n) && typeof staticNamespace[n.name] !== 'undefined') {\n return staticNamespace[n.name]\n }\n const evalContext = vm.createContext(staticNamespace)\n const codeWithTypescriptAnnotations = `(${generate(n as any).code})`\n const code = esbuild\n .transformSync(codeWithTypescriptAnnotations, { loader: 'tsx' })\n .code.replace(/;\\n$/, '')\n\n if (shouldPrintDebug) {\n // eslint-disable-next-line no-console\n console.log('evaluating', code)\n }\n return vm.runInContext(code, evalContext)\n }\n\n return (n: t.Node) => {\n return evaluateAstNode(n, evalFn)\n }\n}\n\nexport function createSafeEvaluator(attemptEval: (n: t.Node) => any) {\n return (n: t.Node) => {\n try {\n return attemptEval(n)\n } catch (err) {\n return FAILED_EVAL\n }\n }\n}\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAe;AAEf,uBAAqB;AAErB,QAAmB;AACnB,uBAAkC;AAClC,qBAAoB;AAEpB,uBAA4B;AAE5B,6BAAgC;AAChC,4BAAiC;AAE1B,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMG;AAED,QAAM,SAAS,CAAC,MAAc;AAE5B,QACE,EAAE,mBAAmB,CAAC,KACtB,EAAE,aAAa,EAAE,QAAQ,KACzB,oBACA,wCAAiB,OAAO,cAAc,GAAG,UAAU,GACnD;AACA,YAAM,MAAM,EAAE,SAAS;AACvB,UAAI,kBAAkB;AAEpB,gBAAQ,IAAI,0BAA0B,GAAG;AAAA,MAC3C;AACA,iBAAO,oCAAkB,GAAG;AAAA,IAC9B;AAEA,QAAI,EAAE,aAAa,CAAC,KAAK,OAAO,gBAAgB,EAAE,UAAU,aAAa;AACvE,aAAO,gBAAgB,EAAE;AAAA,IAC3B;AACA,UAAM,cAAc,UAAAA,QAAG,cAAc,eAAe;AACpD,UAAM,gCAAgC,QAAI,iBAAAC,SAAS,CAAQ,EAAE;AAC7D,UAAM,OAAO,eAAAC,QACV,cAAc,+BAA+B,EAAE,QAAQ,MAAM,CAAC,EAC9D,KAAK,QAAQ,QAAQ,EAAE;AAE1B,QAAI,kBAAkB;AAEpB,cAAQ,IAAI,cAAc,IAAI;AAAA,IAChC;AACA,WAAO,UAAAF,QAAG,aAAa,MAAM,WAAW;AAAA,EAC1C;AAEA,SAAO,CAAC,MAAc;AACpB,eAAO,wCAAgB,GAAG,MAAM;AAAA,EAClC;AACF;AAEO,SAAS,oBAAoB,aAAiC;AACnE,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,YAAY,CAAC;AAAA,IACtB,SAAS,KAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
|
|
6
6
|
"names": ["vm", "generate", "esbuild"]
|
|
7
7
|
}
|
|
@@ -37,7 +37,6 @@ var import_createEvaluator = require("./createEvaluator.js");
|
|
|
37
37
|
var import_evaluateAstNode = require("./evaluateAstNode.js");
|
|
38
38
|
var import_extractHelpers = require("./extractHelpers.js");
|
|
39
39
|
var import_findTopmostFunction = require("./findTopmostFunction.js");
|
|
40
|
-
var import_getPrefixLogs = require("./getPrefixLogs.js");
|
|
41
40
|
var import_getStaticBindingsForScope = require("./getStaticBindingsForScope.js");
|
|
42
41
|
var import_literalToAst = require("./literalToAst.js");
|
|
43
42
|
var import_loadTamagui = require("./loadTamagui.js");
|
|
@@ -134,13 +133,10 @@ function createExtractor({ logger = console } = { logger: console }) {
|
|
|
134
133
|
if (disable === true || Array.isArray(disable) && disable.includes(sourcePath)) {
|
|
135
134
|
return null;
|
|
136
135
|
}
|
|
137
|
-
if (sourcePath === "") {
|
|
138
|
-
throw new Error(`Must provide a source file name`);
|
|
139
|
-
}
|
|
140
136
|
if (!components) {
|
|
141
137
|
throw new Error(`Must provide components`);
|
|
142
138
|
}
|
|
143
|
-
if (includeExtensions && !includeExtensions.some((ext) => sourcePath.endsWith(ext))) {
|
|
139
|
+
if (sourcePath && includeExtensions && !includeExtensions.some((ext) => sourcePath.endsWith(ext))) {
|
|
144
140
|
if (shouldPrintDebug) {
|
|
145
141
|
logger.info(
|
|
146
142
|
`Ignoring file due to includeExtensions: ${sourcePath}, includeExtensions: ${includeExtensions.join(
|
|
@@ -301,58 +297,17 @@ function createExtractor({ logger = console } = { logger: console }) {
|
|
|
301
297
|
if (!t.isIdentifier(path.node.callee) || path.node.callee.name !== "styled") {
|
|
302
298
|
return;
|
|
303
299
|
}
|
|
304
|
-
const
|
|
305
|
-
const
|
|
306
|
-
if (!
|
|
300
|
+
const variableName = t.isVariableDeclarator(path.parent) && t.isIdentifier(path.parent.id) ? path.parent.id.name : "unknown";
|
|
301
|
+
const parentNode = path.node.arguments[0];
|
|
302
|
+
if (!t.isIdentifier(parentNode)) {
|
|
307
303
|
return;
|
|
308
304
|
}
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
}
|
|
314
|
-
if (Array.isArray(disableExtractFoundComponents) && disableExtractFoundComponents.includes(name)) {
|
|
315
|
-
return;
|
|
316
|
-
}
|
|
317
|
-
try {
|
|
318
|
-
if (shouldPrintDebug) {
|
|
319
|
-
logger.info(`Unknown component ${name}, attempting dynamic load: ${sourcePath}`);
|
|
320
|
-
}
|
|
321
|
-
const out2 = (0, import_loadTamagui.loadTamaguiSync)({
|
|
322
|
-
forceExports: true,
|
|
323
|
-
components: [sourcePath]
|
|
324
|
-
});
|
|
325
|
-
if (!(out2 == null ? void 0 : out2.components)) {
|
|
326
|
-
if (shouldPrintDebug) {
|
|
327
|
-
logger.info(`Couldn't load, got ${out2}`);
|
|
328
|
-
}
|
|
329
|
-
return;
|
|
330
|
-
}
|
|
331
|
-
propsWithFileInfo.allLoadedComponents = [
|
|
332
|
-
...propsWithFileInfo.allLoadedComponents,
|
|
333
|
-
...out2.components
|
|
334
|
-
];
|
|
335
|
-
Component = out2.components.flatMap((x) => x.nameToInfo[name] ?? [])[0];
|
|
336
|
-
if (shouldPrintDebug === "verbose") {
|
|
337
|
-
logger.info([`Tamagui Loaded`, JSON.stringify(out2.components), !!Component].join(" "));
|
|
338
|
-
}
|
|
339
|
-
} catch (err) {
|
|
340
|
-
if (shouldPrintDebug) {
|
|
341
|
-
logger.info(
|
|
342
|
-
`${(0, import_getPrefixLogs.getPrefixLogs)(
|
|
343
|
-
options
|
|
344
|
-
)} skip optimize styled(${name}), unable to pre-process (DEBUG=tamagui for more)`
|
|
345
|
-
);
|
|
346
|
-
}
|
|
347
|
-
if (process.env.DEBUG === "tamagui") {
|
|
348
|
-
logger.info(
|
|
349
|
-
` Disable this with "disableExtractFoundComponents" in your build-time configuration.
|
|
350
|
-
|
|
351
|
-
${err.message} ${err.stack}`
|
|
352
|
-
);
|
|
353
|
-
}
|
|
354
|
-
}
|
|
305
|
+
const parentName = parentNode.name;
|
|
306
|
+
const definition = path.node.arguments[1];
|
|
307
|
+
if (!parentName || !definition || !t.isObjectExpression(definition)) {
|
|
308
|
+
return;
|
|
355
309
|
}
|
|
310
|
+
const Component = getValidImportedComponent(parentName);
|
|
356
311
|
if (!Component) {
|
|
357
312
|
return;
|
|
358
313
|
}
|
|
@@ -393,20 +348,29 @@ function createExtractor({ logger = console } = { logger: console }) {
|
|
|
393
348
|
styles[property.key.name] = out2;
|
|
394
349
|
}
|
|
395
350
|
}
|
|
396
|
-
const out = (0, import_core_node.getSplitStyles)(
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
351
|
+
const out = (0, import_core_node.getSplitStyles)(
|
|
352
|
+
styles,
|
|
353
|
+
Component.staticConfig,
|
|
354
|
+
defaultTheme,
|
|
355
|
+
{
|
|
356
|
+
focus: false,
|
|
357
|
+
hover: false,
|
|
358
|
+
unmounted: true,
|
|
359
|
+
press: false,
|
|
360
|
+
pressIn: false,
|
|
361
|
+
resolveVariablesAs: "variable",
|
|
362
|
+
noClassNames: false
|
|
363
|
+
},
|
|
364
|
+
void 0,
|
|
365
|
+
void 0,
|
|
366
|
+
void 0,
|
|
367
|
+
shouldPrintDebug
|
|
368
|
+
);
|
|
405
369
|
const classNames = {
|
|
406
370
|
...out.classNames
|
|
407
371
|
};
|
|
408
372
|
if (shouldPrintDebug) {
|
|
409
|
-
logger.info([`Extracted styled(${
|
|
373
|
+
logger.info([`Extracted styled(${variableName})
|
|
410
374
|
`, JSON.stringify(styles, null, 2), "\n rulesToInsert:", out.rulesToInsert.flatMap((rule) => rule.rules).join("\n")].join(" "));
|
|
411
375
|
}
|
|
412
376
|
definition.properties = skipped;
|
|
@@ -424,7 +388,7 @@ function createExtractor({ logger = console } = { logger: console }) {
|
|
|
424
388
|
}
|
|
425
389
|
res.styled++;
|
|
426
390
|
if (shouldPrintDebug) {
|
|
427
|
-
logger.info(`Extracted styled(${
|
|
391
|
+
logger.info(`Extracted styled(${variableName})`);
|
|
428
392
|
}
|
|
429
393
|
},
|
|
430
394
|
JSXElement(traversePath) {
|
|
@@ -671,7 +635,8 @@ function createExtractor({ logger = console } = { logger: console }) {
|
|
|
671
635
|
let didInline = false;
|
|
672
636
|
const attributes = keys.map((key) => {
|
|
673
637
|
const val = out[key];
|
|
674
|
-
|
|
638
|
+
const isStyle = isValidStyleKey(key, staticConfig);
|
|
639
|
+
if (isStyle) {
|
|
675
640
|
return {
|
|
676
641
|
type: "style",
|
|
677
642
|
value: { [key]: styleValue },
|