@niibase/uniwind 1.6.4 → 1.8.0

package/src/metro/withUniwindConfig.ts

@@ -1,61 +0,0 @@
-import type { MetroConfig } from 'metro-config'
-import { Platform } from '../common/consts'
-import { cacheStore, patchMetroGraphToSupportUncachedModules } from './metro-css-patches'
-import { nativeResolver, webResolver } from './resolvers'
-import { UniwindConfig } from './types'
-import { uniq } from './utils'
-
-export const withUniwindConfig = <T extends MetroConfig>(
-    config: T,
-    uniwindConfig: UniwindConfig,
-): T => {
-    uniwindConfig.themes = uniq([
-        'light',
-        'dark',
-        ...(uniwindConfig.extraThemes ?? []),
-    ])
-
-    patchMetroGraphToSupportUncachedModules()
-
-    if (typeof uniwindConfig === 'undefined') {
-        throw new Error('Uniwind: You need to pass second parameter to withUniwindConfig')
-    }
-
-    if (typeof uniwindConfig.cssEntryFile === 'undefined') {
-        throw new Error(
-            'Uniwind: You need to pass css css entry file to withUniwindConfig, e.g. withUniwindConfig(config, { cssEntryFile: "./global.css" })',
-        )
-    }
-
-    return {
-        ...config,
-        cacheStores: [cacheStore],
-        transformerPath: require.resolve('./metro-transformer.cjs'),
-        transformer: {
-            ...config.transformer,
-            uniwind: uniwindConfig,
-        },
-        resolver: {
-            ...config.resolver,
-            sourceExts: [
-                ...config.resolver?.sourceExts ?? [],
-                'css',
-            ],
-            assetExts: config.resolver?.assetExts?.filter(
-                ext => ext !== 'css',
-            ),
-            resolveRequest: (context, moduleName, platform) => {
-                const resolver = config.resolver?.resolveRequest ?? context.resolveRequest
-                const platformResolver = (platform === Platform.Web ? webResolver : nativeResolver)(uniwindConfig.extraComponents ?? {})
-                const resolved = platformResolver({
-                    context,
-                    moduleName,
-                    platform,
-                    resolver,
-                })
-
-                return resolved
-            },
-        },
-    }
-}

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

package/src/vite/vite.ts

@@ -1,113 +0,0 @@
-import { normalizePath } from '@tailwindcss/node'
-import path from 'path'
-import type { Plugin } from 'vite'
-import { name as UNIWIND_PACKAGE_NAME } from '../../package.json'
-import { buildCSS } from '../css'
-import { UniwindCSSVisitor } from '../css-visitor'
-import { uniq } from '../metro/utils'
-import { buildDtsFile } from '../utils/buildDtsFile'
-import { stringifyThemes } from '../utils/stringifyThemes'
-
-type UniwindConfig = {
-    cssEntryFile: string
-    extraThemes?: Array<string>
-    dtsFile?: string
-}
-
-const dirname = typeof __dirname !== 'undefined' ? __dirname : import.meta.dirname
-const componentPath = path.resolve(
-    dirname,
-    '../module/components/web/index.js',
-)
-const styleSheetPath = path.resolve(
-    dirname,
-    '../module/components/web/createOrderedCSSStyleSheet.js',
-)
-
-export const uniwind = ({
-    cssEntryFile,
-    extraThemes,
-    dtsFile = 'uniwind-types.d.ts',
-}: UniwindConfig): Plugin => {
-    const themes = uniq([
-        'light',
-        'dark',
-        ...(extraThemes ?? []),
-    ])
-    const stringifiedThemes = stringifyThemes(themes)
-
-    return {
-        name: 'uniwind',
-        enforce: 'pre',
-        resolveId: (source, importer) => {
-            const normalizedSource = normalizePath(source)
-            const isTarget = source === './createOrderedCSSStyleSheet'
-                || normalizedSource.endsWith('react-native-web/dist/exports/StyleSheet/dom/createOrderedCSSStyleSheet.js')
-
-            if (isTarget && importer !== undefined && normalizePath(importer).includes('react-native-web/dist/exports/StyleSheet')) {
-                return styleSheetPath
-            }
-        },
-        config: () => ({
-            css: {
-                transformer: 'lightningcss',
-                lightningcss: {
-                    visitor: new UniwindCSSVisitor(themes),
-                },
-            },
-            optimizeDeps: {
-                exclude: [UNIWIND_PACKAGE_NAME, 'react-native'],
-                esbuildOptions: {
-                    plugins: [{
-                        name: 'uniwind-esbuild-plugin',
-                        setup: build => {
-                            build.onResolve(
-                                { filter: /^\.\/createOrderedCSSStyleSheet$/ },
-                                args => {
-                                    if (normalizePath(args.importer).includes('react-native-web/dist/exports/StyleSheet')) {
-                                        return { path: styleSheetPath }
-                                    }
-                                },
-                            )
-                        },
-                    }],
-                },
-            },
-            resolve: {
-                alias: [
-                    {
-                        find: /^react-native$/,
-                        replacement: componentPath,
-                        customResolver: {
-                            resolveId(_, importer) {
-                                // Check if import comes from uniwind
-                                if (importer !== undefined && normalizePath(importer).includes(`${UNIWIND_PACKAGE_NAME}/dist`)) {
-                                    return this.resolve('react-native-web')
-                                }
-
-                                return componentPath
-                            },
-                        },
-                    },
-                ],
-            },
-        }),
-        transform: (code, id) => {
-            const normalizedId = normalizePath(id)
-
-            if (normalizedId.includes(`${UNIWIND_PACKAGE_NAME}/dist`) && normalizedId.includes('config/config.js')) {
-                return {
-                    code: `${code}Uniwind.__reinit(() => ({}), ${stringifiedThemes})`,
-                }
-            }
-        },
-        buildStart: async () => {
-            await buildCSS(themes, cssEntryFile)
-            buildDtsFile(dtsFile, stringifiedThemes)
-        },
-        generateBundle: async () => {
-            await buildCSS(themes, cssEntryFile)
-            buildDtsFile(dtsFile, stringifiedThemes)
-        },
-    }
-}