@niibase/uniwind 1.6.3 → 1.7.0

package/src/metro/compileVirtual.ts

@@ -1,85 +0,0 @@
-import { compile } from '@tailwindcss/node'
-import { Scanner } from '@tailwindcss/oxide'
-import { transform } from 'lightningcss'
-import path from 'path'
-import { Platform } from '../common/consts'
-import { UniwindCSSVisitor } from '../css-visitor'
-import { addMetaToStylesTemplate } from './addMetaToStylesTemplate'
-import { Logger } from './logger'
-import { ProcessorBuilder } from './processor'
-import { Polyfills } from './types'
-import { serializeJSObject } from './utils'
-
-type CompileVirtualConfig = {
-    cssPath: string
-    css: string
-    platform: Platform
-    themes: Array<string>
-    polyfills: Polyfills | undefined
-    debug: boolean | undefined
-    candidates?: Array<string>
-}
-
-export const compileVirtual = async ({ css, cssPath, platform, themes, polyfills, debug, candidates }: CompileVirtualConfig) => {
-    const compiler = await compile(css, {
-        base: path.dirname(cssPath),
-        onDependency: () => void 0,
-    })
-    const scanner = new Scanner({
-        sources: [
-            ...compiler.sources,
-            {
-                negated: false,
-                pattern: '**/*',
-                base: path.dirname(cssPath),
-            },
-        ],
-    })
-    const tailwindCSS = compiler.build(candidates ?? scanner.scan())
-
-    if (platform === Platform.Web) {
-        return transform({
-            code: Buffer.from(tailwindCSS),
-            filename: 'uniwind.css',
-            visitor: new UniwindCSSVisitor(themes),
-        }).code.toString()
-    }
-
-    const Processor = new ProcessorBuilder(themes, polyfills)
-
-    Logger.debug = debug === true
-    Processor.transform(tailwindCSS)
-
-    const stylesheet = serializeJSObject(
-        addMetaToStylesTemplate(Processor, platform),
-        (key, value) => `"${key}": ${value}`,
-    )
-    const vars = serializeJSObject(
-        Processor.vars,
-        (key, value) => `get "${key}"() { return ${value} }`,
-    )
-    const scopedVars = Object.fromEntries(
-        Object.entries(Processor.scopedVars)
-            .map(([scopedVarsName, scopedVars]) => [
-                scopedVarsName,
-                serializeJSObject(scopedVars, (key, value) => `get "${key}"() { return ${value} }`),
-            ]),
-    )
-    const keyframes = serializeJSObject(
-        Processor.keyframes,
-        (key, value) => `get "${key}"() { return ${value} }`,
-    )
-    const serializedScopedVars = Object.entries(scopedVars)
-        .map(([scopedVarsName, scopedVars]) => `"${scopedVarsName}": ({ ${scopedVars} }),`)
-        .join('')
-    const currentColorVar = `get currentColor() { return rt.colorScheme === 'dark' ? '#ffffff' : '#000000' },`
-
-    return [
-        '({',
-        `scopedVars: ({ ${serializedScopedVars} }),`,
-        `vars: ({ ${currentColorVar} ${vars} }),`,
-        `stylesheet: ({ ${stylesheet} }),`,
-        `keyframes: ({ ${keyframes} }),`,
-        '})',
-    ].join('')
-}

package/src/metro/index.ts

@@ -1 +0,0 @@
-export * from './withUniwindConfig'

package/src/metro/injectThemes.ts

@@ -1,23 +0,0 @@
-import { buildCSS } from '../css'
-import { buildDtsFile } from '../utils/buildDtsFile'
-import { stringifyThemes } from '../utils/stringifyThemes'
-
-type InjectThemesConfig = {
-    themes: Array<string>
-    dtsPath?: string
-    input: string
-}
-
-export const injectThemes = async ({
-    themes,
-    dtsPath = 'uniwind-types.d.ts',
-    input,
-}: InjectThemesConfig) => {
-    const stringifiedThemes = stringifyThemes(themes)
-
-    buildDtsFile(dtsPath, stringifiedThemes)
-    await buildCSS(themes, input)
-
-    // js generation
-    return stringifiedThemes
-}

package/src/metro/metro-transformer.ts

@@ -1,116 +0,0 @@
-import fs from 'fs'
-import type { JsTransformerConfig, JsTransformOptions } from 'metro-transform-worker'
-import path from 'path'
-import { name } from '../../package.json'
-import { Platform } from '../common/consts'
-import { compileVirtual } from './compileVirtual'
-import { injectThemes } from './injectThemes'
-import { UniwindConfig } from './types'
-
-let worker: typeof import('metro-transform-worker')
-
-try {
-    try {
-        const { unstable_transformerPath } = require('@expo/metro-config') as typeof import('@expo/metro-config')
-
-        worker = require(unstable_transformerPath)
-    } catch {
-        worker = require('@expo/metro-config/build/transform-worker/transform-worker.js')
-    }
-} catch {
-    worker = require('metro-transform-worker')
-}
-
-export const transform = async (
-    config: JsTransformerConfig & {
-        uniwind: UniwindConfig
-    },
-    projectRoot: string,
-    filePath: string,
-    data: Buffer,
-    options: JsTransformOptions,
-) => {
-    const isCss = options.type !== 'asset' && path.join(process.cwd(), config.uniwind.cssEntryFile) === path.join(projectRoot, filePath)
-
-    if (filePath.endsWith('/components/web/metro-injected.js')) {
-        const cssPath = path.join(process.cwd(), config.uniwind.cssEntryFile)
-        const injectedThemesCode = await injectThemes({
-            input: cssPath,
-            themes: config.uniwind.themes,
-            dtsPath: config.uniwind.dtsFile,
-        })
-
-        data = Buffer.from(
-            [
-                `import { Uniwind } from '${name}';`,
-                `Uniwind.__reinit(() => ({}), ${injectedThemesCode});`,
-            ].join(''),
-            'utf-8',
-        )
-    }
-
-    if (!isCss) {
-        return worker.transform(config, projectRoot, filePath, data, options)
-    }
-
-    const getPlatform = () => {
-        if (!config.uniwind.isTV) {
-            return options.platform as Platform
-        }
-
-        if (options.platform === Platform.Android) {
-            return Platform.AndroidTV
-        }
-
-        if (options.platform === Platform.iOS) {
-            return Platform.AppleTV
-        }
-
-        throw new Error(`Platform ${options.platform} not supported`)
-    }
-
-    const cssPath = path.join(process.cwd(), config.uniwind.cssEntryFile)
-    const injectedThemesCode = await injectThemes({
-        input: cssPath,
-        themes: config.uniwind.themes,
-        dtsPath: config.uniwind.dtsFile,
-    })
-    const css = fs.readFileSync(cssPath, 'utf-8')
-    const platform = getPlatform()
-    const virtualCode = await compileVirtual({
-        css,
-        platform,
-        themes: config.uniwind.themes,
-        polyfills: config.uniwind.polyfills,
-        cssPath,
-        debug: config.uniwind.debug,
-    })
-    const isWeb = platform === Platform.Web
-
-    data = Buffer.from(
-        isWeb
-            ? virtualCode
-            : [
-                `const { Uniwind } = require('${name}');`,
-                `Uniwind.__reinit(rt => ${virtualCode}, ${injectedThemesCode});`,
-            ].join(''),
-        'utf-8',
-    )
-
-    const transform: any = await worker.transform(
-        config,
-        projectRoot,
-        `${filePath}${isWeb ? '' : '.js'}`,
-        data,
-        options,
-    )
-
-    transform.output[0].data.css ??= {}
-    transform.output[0].data.css.skipCache = true
-
-    if (!isWeb) {
-        transform.output[0].data.css.code = ''
-    }
-
-    return transform
-}

package/src/metro/processor/index.ts

@@ -1 +0,0 @@
-export * from './processor'

package/src/metro/utils/index.ts

@@ -1,2 +0,0 @@
-export * from './common'
-export * from './serialize'

package/src/types.ts

@@ -1,23 +0,0 @@
-export enum StyleDependency {
-    ColorScheme = 1,
-    Theme = 2,
-    Dimensions = 3,
-    Orientation = 4,
-    Insets = 5,
-    FontScale = 6,
-    Rtl = 7,
-    AdaptiveThemes = 8,
-    Variables = 9,
-}
-
-export const enum Orientation {
-    Portrait = 'portrait',
-    Landscape = 'landscape',
-}
-
-export const enum ColorScheme {
-    Light = 'light',
-    Dark = 'dark',
-}
-
-export interface UniwindConfig {}

package/src/utils/stringifyThemes.ts

@@ -1 +0,0 @@
-export const stringifyThemes = (themes: Array<string> = []) => `[${themes.map((theme) => `'${theme}'`).join(', ')}]`

package/src/vite/index.d.ts

@@ -1,9 +0,0 @@
-import type { Plugin } from 'vite'
-
-type UniwindConfig = {
-    cssEntryFile: string
-    extraThemes?: Array<string>
-    dtsFile?: string
-}
-
-export declare function uniwind(config: UniwindConfig): Plugin