@tamagui/static 1.0.1-beta.99 → 1.0.1-rc.0.1

package/types/extractor/validHTMLAttributes.d.ts

@@ -0,0 +1,98 @@
+export declare const validHTMLAttributes: {
+    autocomplete: boolean;
+    border: boolean;
+    contenteditable: boolean;
+    crossorigin: boolean;
+    dir: boolean;
+    draggable: boolean;
+    enctype: boolean;
+    formenctype: boolean;
+    formmethod: boolean;
+    formtarget: boolean;
+    inputmode: boolean;
+    kind: boolean;
+    link: boolean;
+    method: boolean;
+    preload: boolean;
+    referrerpolicy: boolean;
+    rel: boolean;
+    rev: boolean;
+    role: boolean;
+    sandbox: boolean;
+    shape: boolean;
+    spellcheck: boolean;
+    target: boolean;
+    translate: boolean;
+    type: boolean;
+    wrap: boolean;
+    'aria-autocomplete': boolean;
+    'aria-busy': boolean;
+    'aria-checked': boolean;
+    'aria-current': boolean;
+    'aria-disabled': boolean;
+    'aria-expanded': boolean;
+    'aria-haspopup': boolean;
+    'aria-hidden': boolean;
+    'aria-invalid': boolean;
+    'aria-polite': boolean;
+    'aria-modal': boolean;
+    'aria-multiline': boolean;
+    'aria-multiselectable': boolean;
+    'aria-orientation': boolean;
+    'aria-pressed': boolean;
+    'aria-readonly': boolean;
+    'aria-relevant': boolean;
+    'aria-required': boolean;
+    'aria-selected': boolean;
+    'aria-sort': boolean;
+};
+export declare const validAccessibilityAttributes: {
+    accessibilityRole: boolean;
+    accessibilityActiveDescendant: boolean;
+    accessibilityAtomic: boolean;
+    accessibilityAutoComplete: boolean;
+    accessibilityBusy: boolean;
+    accessibilityChecked: boolean;
+    accessibilityColumnCount: boolean;
+    accessibilityColumnIndex: boolean;
+    accessibilityColumnSpan: boolean;
+    accessibilityControls: boolean;
+    accessibilityCurrent: boolean;
+    accessibilityDescribedBy: boolean;
+    accessibilityDetails: boolean;
+    disabled: boolean;
+    accessibilityErrorMessage: boolean;
+    accessibilityExpanded: boolean;
+    accessibilityFlowTo: boolean;
+    accessibilityHasPopup: boolean;
+    accessibilityHidden: boolean;
+    accessibilityInvalid: boolean;
+    accessibilityKeyShortcuts: boolean;
+    accessibilityLabel: boolean;
+    accessibilityLabelledBy: boolean;
+    accessibilityLevel: boolean;
+    accessibilityLiveRegion: boolean;
+    accessibilityModal: boolean;
+    accessibilityMultiline: boolean;
+    accessibilityMultiSelectable: boolean;
+    accessibilityOrientation: boolean;
+    accessibilityOwns: boolean;
+    accessibilityPlaceholder: boolean;
+    accessibilityPosInSet: boolean;
+    accessibilityPressed: boolean;
+    accessibilityReadOnly: boolean;
+    accessibilityRequired: boolean;
+    accessibilityRoleDescription: boolean;
+    accessibilityRowCount: boolean;
+    accessibilityRowIndex: boolean;
+    accessibilityRowSpan: boolean;
+    accessibilitySelected: boolean;
+    accessibilitySetSize: boolean;
+    accessibilitySort: boolean;
+    accessibilityValueMax: boolean;
+    accessibilityValueMin: boolean;
+    accessibilityValueNow: boolean;
+    accessibilityValueText: boolean;
+    nativeID: boolean;
+};
+//# sourceMappingURL=validHTMLAttributes.d.ts.map

package/types/getPragmaOptions.d.ts

@@ -0,0 +1,9 @@
+export declare function getPragmaOptions({ source, path, disableCommentCheck, }: {
+    source: string;
+    path: string;
+    disableCommentCheck?: boolean;
+}): {
+    shouldPrintDebug: boolean | "verbose";
+    shouldDisable: boolean;
+};
+//# sourceMappingURL=getPragmaOptions.d.ts.map

package/types/helpers/memoize.d.ts

@@ -0,0 +1,8 @@
+export declare function memoize(func?: Function, resolver?: any): {
+    (...args: any[]): any;
+    cache: Map<any, any>;
+};
+export declare namespace memoize {
+    var Cache: MapConstructor;
+}
+//# sourceMappingURL=memoize.d.ts.map

package/types/index.d.ts

@@ -1,9 +1,10 @@
-export { TamaguiOptions } from './types';
-export { createExtractor } from './extractor/createExtractor';
-export { literalToAst } from './extractor/literalToAst';
-export * from './constants';
-export * from './extractor/extractToClassNames';
-export * from './extractor/extractHelpers';
-export * from '@tamagui/patch-rnw';
-export * from './extractor/loadTamagui';
+export { TamaguiOptions } from './types.js';
+export { createExtractor } from './extractor/createExtractor.js';
+export { literalToAst } from './extractor/literalToAst.js';
+export * from './constants.js';
+export * from './extractor/extractToClassNames.js';
+export * from './extractor/extractHelpers.js';
+export * from './extractor/loadTamagui.js';
+export * from './require.js';
+export * from './getPragmaOptions.js';
 //# sourceMappingURL=index.d.ts.map

package/types/require.d.ts

@@ -0,0 +1,4 @@
+export declare const getNameToPaths: () => {};
+export declare function registerRequire(): any;
+export declare function unregisterRequire(): void;
+//# sourceMappingURL=require.d.ts.map

package/types/types.d.ts

@@ -1,34 +1,29 @@
-import { NodePath } from '@babel/traverse';
+import type { NodePath } from '@babel/traverse';
 import * as t from '@babel/types';
-import { PseudoStyles } from '@tamagui/core-node';
-import { StyleObject } from '@tamagui/core-node';
-import { ViewStyle } from 'react-native';
+import type { PseudoStyles, StaticConfig } from '@tamagui/core-node';
+import type { StyleObject } from '@tamagui/helpers';
+import type { TamaguiOptions } from '@tamagui/helpers-node';
+import type { ViewStyle } from 'react-native';
+import { LoadedComponents } from './index';
+export type { TamaguiOptions } from '@tamagui/helpers-node';
 export type { StyleObject } from '@tamagui/helpers';
 export declare type ClassNameObject = t.StringLiteral | t.Expression;
 export interface CacheObject {
     [key: string]: any;
 }
-export interface TamaguiOptions {
-    components: string[];
-    config?: string;
-    evaluateVars?: boolean;
-    importsWhitelist?: string[];
-    disable?: boolean;
-    disableExtraction?: boolean;
-    disableDebugAttr?: boolean;
-    disableExtractInlineMedia?: boolean;
-    disableExtractVariables?: boolean;
-    excludeReactNativeWebExports?: string[];
-    exclude?: RegExp;
-    logTimings?: boolean;
-    prefixLogs?: string;
-    cssPath?: string;
-    cssData?: any;
-    deoptProps?: Set<string>;
-    excludeProps?: Set<string>;
-    inlineProps?: Set<string>;
-    forceExtractStyleDefinitions?: boolean;
+export interface LogOptions {
+    clear?: boolean;
+    timestamp?: boolean;
+    error?: Error | null;
 }
+export interface Logger {
+    info(msg: string, options?: LogOptions): void;
+    warn(msg: string, options?: LogOptions): void;
+    error(msg: string, options?: LogOptions): void;
+}
+export declare type ExtractorOptions = {
+    logger?: Logger;
+};
 export declare type ExtractedAttrAttr = {
     type: 'attr';
     value: t.JSXAttribute | t.JSXSpreadAttribute;
@@ -44,6 +39,7 @@ export declare type ExtractedAttr = ExtractedAttrAttr | {
     value: Ternary;
 } | ExtractedAttrStyle;
 export declare type ExtractTagProps = {
+    parserProps: TamaguiOptionsWithFileInfo;
     attrs: ExtractedAttr[];
     node: t.JSXOpeningElement;
     attemptEval: (exprNode: t.Node, evalFn?: ((node: t.Node) => any) | undefined) => any;
@@ -53,13 +49,18 @@ export declare type ExtractTagProps = {
     lineNumbers: string;
     filePath: string;
     isFlattened: boolean;
+    completeProps: Record<string, any>;
+    staticConfig: StaticConfig;
+};
+export declare type TamaguiOptionsWithFileInfo = TamaguiOptions & {
+    sourcePath: string;
+    allLoadedComponents: LoadedComponents[];
 };
-export declare type ExtractorParseProps = TamaguiOptions & {
+export declare type ExtractorParseProps = Omit<TamaguiOptionsWithFileInfo, 'allLoadedComponents'> & {
     target: 'native' | 'html';
-    sourcePath?: string;
     shouldPrintDebug?: boolean | 'verbose';
     onExtractTag: (props: ExtractTagProps) => void;
-    getFlattenedNode: (props: {
+    getFlattenedNode?: (props: {
         isTextView: boolean;
         tag: string;
     }) => string;

package/types/webpackPlugin.d.ts

@@ -0,0 +1,4 @@
+export declare class TamaguiWebpackPlugin {
+    apply(compiler: any): void;
+}
+//# sourceMappingURL=webpackPlugin.d.ts.map

package/dist/cjs/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/constants.ts"],
-  "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\n// SEE matching one in concatClassName\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')\nexport const CONCAT_CLASSNAME_IMPORT = 'concatClassName'\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAyB;AAElB,MAAM,gBAAgB;AAItB,MAAM,YAAY;AAGlB,MAAM,WAAW,mCAAa,EAAE,MAAM,WAAW,QAAQ,KAAK,CAAC;AAE/D,MAAM,cAAc,OAAO,mBAAmB;AAC9C,MAAM,0BAA0B;",
-  "names": []
-}

package/dist/cjs/extractor/accessSafe.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/accessSafe.ts"],
-  "sourcesContent": ["import * as t from '@babel/types'\n\n// accessSafe wraps memberExpressions in object/null checks\n// TODO: inject this as a function? this gets pretty repetitive\nexport function accessSafe(obj: t.Expression, member: string): t.LogicalExpression {\n  return t.logicalExpression(\n    '&&',\n    t.logicalExpression(\n      '&&',\n      // typeof obj === 'object\n      t.binaryExpression('===', t.unaryExpression('typeof', obj), t.stringLiteral('object')),\n      // obj !== null\n      t.binaryExpression('!==', obj, t.nullLiteral())\n    ),\n    // obj.member\n    t.memberExpression(obj, t.identifier(member), false)\n  )\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AAIZ,oBAAoB,KAAmB,QAAqC;AACjF,SAAO,EAAE,kBACP,MACA,EAAE,kBACA,MAEA,EAAE,iBAAiB,OAAO,EAAE,gBAAgB,UAAU,GAAG,GAAG,EAAE,cAAc,QAAQ,CAAC,GAErF,EAAE,iBAAiB,OAAO,KAAK,EAAE,YAAY,CAAC,CAChD,GAEA,EAAE,iBAAiB,KAAK,EAAE,WAAW,MAAM,GAAG,KAAK,CACrD;AACF;",
-  "names": []
-}

package/dist/cjs/extractor/babelParse.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/babelParse.ts"],
-  "sourcesContent": ["import * as babelParser from '@babel/parser'\n\nconst plugins: babelParser.ParserPlugin[] = [\n  'asyncGenerators',\n  'classProperties',\n  'dynamicImport',\n  'functionBind',\n  'jsx',\n  'numericSeparator',\n  'objectRestSpread',\n  'optionalCatchBinding',\n  'decorators-legacy',\n  'typescript',\n  'optionalChaining',\n  'nullishCoalescingOperator',\n]\n\nexport const parserOptions: babelParser.ParserOptions = Object.freeze({\n  plugins,\n  sourceType: 'module',\n})\n\nconst parser = babelParser.parse.bind(babelParser)\n\nexport function babelParse(code: string | Buffer): any {\n  return parser(code.toString(), parserOptions)\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAE7B,MAAM,UAAsC;AAAA,EAC1C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,gBAA2C,OAAO,OAAO;AAAA,EACpE;AAAA,EACA,YAAY;AACd,CAAC;AAED,MAAM,SAAS,YAAY,MAAM,KAAK,WAAW;AAE1C,oBAAoB,MAA4B;AACrD,SAAO,OAAO,KAAK,SAAS,GAAG,aAAa;AAC9C;",
-  "names": []
-}

package/dist/cjs/extractor/buildClassName.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/buildClassName.ts"],
-  "sourcesContent": ["import * as t from '@babel/types'\n\nimport { ClassNameObject } from '../types'\n\nexport function buildClassName(\n  classNameObjects: ClassNameObject[]\n): t.Expression | t.StringLiteral | null {\n  return classNameObjects.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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAAmB;AAIZ,wBACL,kBACuC;AACvC,SAAO,iBAAiB,OAA4B,CAAC,KAAK,QAAQ;AAChE,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,sBACR,KACA,EAAE,iBAAiB,KAAK,EAAE,cAAc,GAAG,GAAG,GAAG,GACjD,EAAE,cAAc,EAAE,CACpB;AAAA,IACF,OAAO;AACL,UAAI,EAAE,gBAAgB,GAAG,GAAG;AAC1B,eAAO,EAAE,iBACP,KACA,EAAE,cAAc,GAAG,IAAI,QAAQ,GAC/B,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,MACF;AAEA,cAAQ,EAAE,iBACR,KACA,EAAE,cAAc,GAAG,GACnB,EAAE,kBAAkB,MAAM,KAAK,EAAE,cAAc,EAAE,CAAC,CACpD;AAAA,IACF;AAEA,WAAO,EAAE,iBAAiB,KAAK,KAAK,KAAK;AAAA,EAC3C,GAAG,IAAI;AACT;",
-  "names": []
-}

package/dist/cjs/extractor/createEvaluator.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/extractor/createEvaluator.ts"],
-  "sourcesContent": ["import vm from 'vm'\n\nimport generate from '@babel/generator'\nimport { NodePath } from '@babel/traverse'\nimport * as t from '@babel/types'\nimport type { TamaguiConfig } from '@tamagui/core'\nimport { createCSSVariable } from '@tamagui/core-node'\nimport esbuild from 'esbuild'\n\nimport { FAILED_EVAL } from '../constants'\nimport { evaluateAstNode } from './evaluateAstNode'\nimport { isValidThemeHook } from './extractHelpers'\n\nexport function createEvaluator({\n  tamaguiConfig,\n  staticNamespace,\n  sourcePath,\n  traversePath,\n  shouldPrintDebug,\n}: {\n  tamaguiConfig: TamaguiConfig\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(traversePath, n, sourcePath)\n    ) {\n      const key = n.property.name\n      if (shouldPrintDebug) {\n        console.log('    > found theme prop', key)\n      }\n      console.log('SHOULD FIND THEME (NESTED NOW)', key) // tamaguiConfig.themes)\n      // if (!themeKeys.has(key)) {\n      //   throw new Error(`    > accessing non-existent theme key: ${key}`)\n      // }\n      return createCSSVariable(key)\n    }\n    // variable\n    if (t.isIdentifier(n) && staticNamespace.hasOwnProperty(n.name)) {\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      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"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAe;AAEf,uBAAqB;AAErB,QAAmB;AAEnB,uBAAkC;AAClC,qBAAoB;AAEpB,uBAA4B;AAC5B,6BAAgC;AAChC,4BAAiC;AAE1B,yBAAyB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAOC;AAED,QAAM,SAAS,CAAC,MAAc;AAE5B,QACE,EAAE,mBAAmB,CAAC,KACtB,EAAE,aAAa,EAAE,QAAQ,KACzB,gBACA,4CAAiB,cAAc,GAAG,UAAU,GAC5C;AACA,YAAM,MAAM,EAAE,SAAS;AACvB,UAAI,kBAAkB;AACpB,gBAAQ,IAAI,0BAA0B,GAAG;AAAA,MAC3C;AACA,cAAQ,IAAI,kCAAkC,GAAG;AAIjD,aAAO,wCAAkB,GAAG;AAAA,IAC9B;AAEA,QAAI,EAAE,aAAa,CAAC,KAAK,gBAAgB,eAAe,EAAE,IAAI,GAAG;AAC/D,aAAO,gBAAgB,EAAE;AAAA,IAC3B;AACA,UAAM,cAAc,kBAAG,cAAc,eAAe;AACpD,UAAM,gCAAgC,IAAI,8BAAS,CAAQ,EAAE;AAC7D,UAAM,OAAO,uBACV,cAAc,+BAA+B,EAAE,QAAQ,MAAM,CAAC,EAC9D,KAAK,QAAQ,QAAQ,EAAE;AAE1B,QAAI,kBAAkB;AACpB,cAAQ,IAAI,cAAc,IAAI;AAAA,IAChC;AACA,WAAO,kBAAG,aAAa,MAAM,WAAW;AAAA,EAC1C;AAEA,SAAO,CAAC,MAAc;AACpB,WAAO,4CAAgB,GAAG,MAAM;AAAA,EAClC;AACF;AAEO,6BAA6B,aAAiC;AACnE,SAAO,CAAC,MAAc;AACpB,QAAI;AACF,aAAO,YAAY,CAAC;AAAA,IACtB,SAAS,KAAP;AACA,aAAO;AAAA,IACT;AAAA,EACF;AACF;",
-  "names": []
-}