vite-plugin-taro 0.3.2 → 0.4.0

package/dist/node/css/css-pipeline.js

@@ -1,154 +0,0 @@
-import fs from 'node:fs/promises';
-import path from 'node:path';
-import { extractSourceCandidates } from '@tailwindcss-mangle/engine';
-import { createContext } from 'weapp-tailwindcss/core';
-import { createWeappTailwindcssGenerator, resolveTailwindV4Source } from 'weapp-tailwindcss/generator';
-import { WeappTailwindcss } from 'weapp-tailwindcss/vite';
-import { normalizeModuleId } from '../utils/modules.js';
-import { resolvePackageFile } from '../utils/packages.js';
-const wxStyleOptions = {
-    cssCalc: false,
-    autoprefixer: false,
-    rem2rpx: true,
-    px2rpx: true
-};
-/** Owns Tailwind's Vite integration and native WX patch synchronization. */
-export class CssPipeline {
-    plugins;
-    // Each Tailwind CSS entry can define a different design system, so additions must pass every relevant validator.
-    entries = new Map();
-    // Vite can report the same source more than once; avoid repeating extraction and validation.
-    sourceCache = new Map();
-    // Upstream owns WX JavaScript escaping; this context is deliberately reused between patches.
-    wxContext;
-    // CSS transforms arrive after configResolved, so the Vite root is retained for source and module resolution.
-    root;
-    // Only classes represented by a completed WX build are safe to publish in a JavaScript-only patch.
-    builtClassSet = new Set();
-    /** Composes the upstream web/WX plugins and adds candidate tracking only for native WX patches. */
-    constructor(target) {
-        const pipeline = this;
-        const wx = target === 'wx';
-        this.plugins = [
-            wx
-                ? {
-                    name: 'vite-plugin-taro:wx-tailwind-pipeline',
-                    enforce: 'pre',
-                    configResolved(config) {
-                        pipeline.resolveWx(config);
-                    },
-                    async transform(code, id) {
-                        if (!isTailwindCssEntry(code, id))
-                            return;
-                        await pipeline.registerCssEntry(id, code);
-                    }
-                }
-                : undefined,
-            ...(WeappTailwindcss({
-                appType: 'taro',
-                // Route split Tailwind imports around Vite's unresolved production CSS package imports.
-                rewriteCssImports: true,
-                generator: { target: wx ? 'weapp' : 'web' },
-                ...(wx ? wxStyleOptions : {}),
-                logLevel: 'silent'
-            }) ?? [])
-        ];
-    }
-    /** Records every utility guaranteed to exist after a successful full WX build. */
-    async captureFullBuild() {
-        this.sourceCache.clear();
-        // Preserve removed development CSS, matching upstream's append-only HMR default.
-        for (const { generator } of this.entries.values()) {
-            const result = await generator.generate({ scanSources: true });
-            for (const candidate of result.classSet)
-                this.builtClassSet.add(candidate);
-        }
-    }
-    /** Applies upstream mini-program compatibility transforms to Taro's fully materialized WXSS. */
-    async transformWxss(code) {
-        return (await this.getWxContext().transformWxss(code)).css;
-    }
-    /** Escapes a JavaScript-only WX patch, or rejects it when its utilities require new WXSS. */
-    async transformNativePatch(code, filename, files) {
-        if (await this.hasAddedCandidates(files))
-            return { requiresFullBuild: true };
-        const result = await this.getWxContext().transformJs(code, {
-            runtimeSet: this.builtClassSet,
-            filename,
-            generateMap: false
-        });
-        return { code: result.code };
-    }
-    /** Retains Vite's root for resolving later CSS transforms and changed-file notifications. */
-    resolveWx(config) {
-        this.root = config.root;
-    }
-    /** Creates one validator per Tailwind entry and refreshes the shared upstream WX transformer. */
-    async registerCssEntry(id, source) {
-        const file = resolveFile(id, this.getRoot());
-        if (this.entries.get(file)?.source === source)
-            return;
-        const base = path.dirname(file);
-        const resolved = await resolveTailwindV4Source({
-            projectRoot: this.getRoot(),
-            cwd: this.getRoot(),
-            base,
-            baseFallbacks: [resolvePackageFile()],
-            css: source,
-            cssSources: [{ file, base, css: source, dependencies: [file] }]
-        });
-        this.entries.set(file, { source, generator: createWeappTailwindcssGenerator(resolved) });
-        this.wxContext = createContext({
-            appType: 'taro',
-            cssEntries: [...this.entries.keys()],
-            tailwindcssBasedir: this.getRoot(),
-            generator: { target: 'weapp' },
-            ...wxStyleOptions,
-            logLevel: 'silent'
-        });
-    }
-    /** Incrementally checks changed source files for utilities absent from the completed WX build. */
-    async hasAddedCandidates(files) {
-        for (const input of files) {
-            const file = resolveFile(input, this.getRoot());
-            if (!/\.[cm]?[jt]sx?$/.test(file))
-                continue;
-            const source = await fs.readFile(file, 'utf8');
-            if (this.sourceCache.get(file) === source)
-                continue;
-            this.sourceCache.set(file, source);
-            const extracted = await extractSourceCandidates(source, path.extname(file).slice(1));
-            for (const { generator } of this.entries.values()) {
-                const candidates = await generator.validateCandidates(extracted);
-                // Native WX patches bypass Vite; a new utility therefore requires synchronized WXSS first.
-                for (const candidate of candidates)
-                    if (!this.builtClassSet.has(candidate))
-                        return true;
-            }
-        }
-        return false;
-    }
-    /** Returns the initialized WX transformer and detects invalid lifecycle ordering. */
-    getWxContext() {
-        if (!this.wxContext)
-            throw new Error('WX CSS pipeline was used before Vite resolved.');
-        return this.wxContext;
-    }
-    /** Returns the resolved project root and detects use before Vite configuration. */
-    getRoot() {
-        if (!this.root)
-            throw new Error('WX CSS pipeline was used before Vite resolved.');
-        return this.root;
-    }
-}
-/** Identifies style modules that establish a Tailwind design system. */
-function isTailwindCssEntry(code, id) {
-    return (/\.(?:css|scss|sass|less|styl|stylus)(?:$|[?#])/.test(id) &&
-        /@(?:import|reference)\s+(?:url\(\s*)?["']tailwindcss(?:\/[^"']*)?["']/.test(code));
-}
-/** Converts Vite IDs, including /@fs/ IDs and query strings, into normalized absolute paths. */
-function resolveFile(id, root) {
-    const normalized = normalizeModuleId(id).replace(/[?#].*$/, '');
-    const file = normalized.startsWith('/@fs/') ? normalized.slice('/@fs'.length) : normalized;
-    return normalizeModuleId(path.resolve(root, file));
-}

package/dist/node/plugins/conditional-directives.d.ts

@@ -1,3 +0,0 @@
-import type { Plugin } from 'vite';
-import type { BuildContext } from '../build-context.ts';
-export declare function createConditionalDirectivePlugin(context: BuildContext): Plugin;

package/dist/node/plugins/taro-runtime.d.ts

@@ -1,5 +0,0 @@
-import type { Plugin } from 'vite';
-/** Public IDs used by Taro's API transform and generated target modules. */
-export declare const virtualTaroApiId = "virtual:taro/api";
-/** Resolves target-neutral Taro shims once instead of duplicating this concern in every target plugin. */
-export declare function createTaroRuntimePlugin(): Plugin;

package/dist/node/plugins/taro-runtime.js

@@ -1,18 +0,0 @@
-import { resolvePackageFile } from '../utils/packages.js';
-/** Public IDs used by Taro's API transform and generated target modules. */
-export const virtualTaroApiId = 'virtual:taro/api';
-const virtualTaroComponentsId = 'virtual:taro/components';
-const runtimeModules = new Map([
-    [virtualTaroApiId, resolvePackageFile('dist/runtime/taro/api.js')],
-    [virtualTaroComponentsId, resolvePackageFile('dist/runtime/taro/components.js')]
-]);
-/** Resolves target-neutral Taro shims once instead of duplicating this concern in every target plugin. */
-export function createTaroRuntimePlugin() {
-    return {
-        name: 'vite-plugin-taro:runtime',
-        enforce: 'pre',
-        resolveId(id) {
-            return runtimeModules.get(id);
-        }
-    };
-}

package/dist/node/targets/h5/plugin.d.ts

@@ -1,6 +0,0 @@
-import type { PluginOption, UserConfig } from 'vite';
-import type { BuildContext } from '../../build-context.ts';
-/** Creates the plugins that own the complete H5 target lifecycle. */
-export declare function createH5TargetPlugins(context: BuildContext): PluginOption[];
-/** Supplies the complete H5 target configuration from the same target owner as its plugins. */
-export declare function createH5ViteConfig(context: BuildContext): UserConfig;

package/dist/node/targets/h5/plugin.js

@@ -1,117 +0,0 @@
-import babel from '@rolldown/plugin-babel';
-import { virtualTaroApiId } from '../../plugins/taro-runtime.js';
-import { stripVirtualPrefix } from '../../utils/modules.js';
-import { packageRequire } from '../../utils/packages.js';
-import { createH5IndexHtmlTags, isH5VirtualModuleId, loadH5VirtualModule } from './virtual-modules.js';
-/** Creates the plugins that own the complete H5 target lifecycle. */
-export function createH5TargetPlugins(context) {
-    return [...createH5SupportPlugins(), createH5TargetPlugin(context)];
-}
-function createH5TargetPlugin(context) {
-    return {
-        name: 'vite-plugin-taro:h5',
-        resolveId: {
-            order: 'pre',
-            handler(id) {
-                return isH5VirtualModuleId(id) ? `\0${id}` : undefined;
-            }
-        },
-        load: {
-            order: 'post',
-            handler(id) {
-                return loadH5VirtualModule(stripVirtualPrefix(id), context);
-            }
-        },
-        transformIndexHtml: {
-            order: 'pre',
-            handler() {
-                return createH5IndexHtmlTags(context);
-            }
-        }
-    };
-}
-/** Creates H5-only Babel transforms for Stencil CSS ordering and Taro API imports. */
-function createH5SupportPlugins() {
-    return [
-        babel({
-            include: /[\\/]@stencil[\\/]core[\\/]internal[\\/]client[\\/]index\.js(?:\?.*)?$/,
-            exclude: [],
-            plugins: [rewriteStencilStyleInsertion]
-        }),
-        babel({
-            plugins: [
-                [
-                    packageRequire.resolve('babel-plugin-transform-taroapi'),
-                    {
-                        packageName: virtualTaroApiId,
-                        definition: packageRequire(packageRequire.resolve('@tarojs/plugin-platform-h5/dist/definition.json'))
-                    }
-                ]
-            ]
-        })
-    ];
-}
-/** Keeps Stencil-injected Taro component styles before application stylesheets. */
-function rewriteStencilStyleInsertion() {
-    return {
-        name: 'rewrite-stencil-style-insertion',
-        visitor: {
-            CallExpression(path) {
-                if (!isStencilStyleInsertBeforeCall(path))
-                    return;
-                path.get('arguments.1').replaceWithSourceString(`scopeId.startsWith('sc-taro-') ? styleContainerNode.querySelector('style,link[rel="stylesheet"]') : styleContainerNode.querySelector('link')`);
-            }
-        }
-    };
-}
-function isStencilStyleInsertBeforeCall(path) {
-    return (path.get('callee').matchesPattern('styleContainerNode.insertBefore') &&
-        path.get('arguments.0').toString() === 'styleElm' &&
-        path.get('arguments.1').toString() === "styleContainerNode.querySelector('link')");
-}
-/** Supplies the complete H5 target configuration from the same target owner as its plugins. */
-export function createH5ViteConfig(context) {
-    return {
-        define: createH5TaroDefines(),
-        resolve: {
-            mainFields: ['main:h5', 'browser', 'module', 'jsnext:main', 'jsnext'],
-            alias: [
-                {
-                    find: /^@stencil\/core\/internal\/client$/,
-                    replacement: packageRequire.resolve('@stencil/core/internal/client', {
-                        paths: [packageRequire.resolve('@tarojs/components/package.json')]
-                    })
-                },
-                {
-                    find: /^@tarojs\/components$/,
-                    replacement: packageRequire.resolve('@tarojs/components/lib/react')
-                },
-                {
-                    find: /^@tarojs\/components\/dist\/components$/,
-                    replacement: packageRequire.resolve('@tarojs/components/dist/components')
-                },
-                {
-                    find: /^@tarojs\/taro$/,
-                    replacement: packageRequire.resolve('@tarojs/plugin-platform-h5/dist/runtime/apis')
-                }
-            ]
-        },
-        optimizeDeps: {
-            exclude: ['@stencil/core/internal/client']
-        },
-        build: {
-            target: 'es2018',
-            minify: !context.development
-        }
-    };
-}
-function createH5TaroDefines() {
-    return {
-        'process.env.FRAMEWORK': JSON.stringify('react'),
-        'process.env.SUPPORT_TARO_POLYFILL': JSON.stringify('disabled'),
-        'process.env.TARO_ENV': JSON.stringify('h5'),
-        'process.env.TARO_PLATFORM': JSON.stringify('web'),
-        'process.env.SUPPORT_DINGTALK_NAVIGATE': JSON.stringify('disabled'),
-        DEPRECATED_ADAPTER_COMPONENT: 'false'
-    };
-}

package/dist/node/targets/h5/virtual-modules.d.ts

@@ -1,5 +0,0 @@
-import type { HtmlTagDescriptor } from 'vite';
-import type { BuildContext } from '../../build-context.ts';
-export declare function isH5VirtualModuleId(id: string): boolean;
-export declare function loadH5VirtualModule(id: string, context: BuildContext): string | undefined;
-export declare function createH5IndexHtmlTags(context: BuildContext): HtmlTagDescriptor[] | undefined;

package/dist/node/targets/h5/virtual-modules.js

@@ -1,60 +0,0 @@
-import { createPageComponentImportPath, toViteFileImportPath } from '../../utils/modules.js';
-import { resolvePackageFile } from '../../utils/packages.js';
-const h5TaroRuntimeImportPath = toViteFileImportPath(resolvePackageFile('dist/runtime/h5/taro-runtime.js'));
-const virtualH5EntryId = 'virtual:vite-plugin-taro/h5';
-export function isH5VirtualModuleId(id) {
-    return id === virtualH5EntryId;
-}
-export function loadH5VirtualModule(id, context) {
-    if (id === virtualH5EntryId)
-        return createH5EntrySource(context);
-}
-export function createH5IndexHtmlTags(context) {
-    if (context.project.target !== 'h5')
-        return;
-    return [
-        {
-            tag: 'script',
-            attrs: { type: 'module' },
-            children: `import '${virtualH5EntryId}'`,
-            injectTo: 'body'
-        }
-    ];
-}
-function createH5EntrySource(context) {
-    const appConfig = JSON.stringify(createH5AppConfig(context.project.appConfig));
-    const routes = createH5RoutesSource(context.project.pages);
-    return `import {
-    createHashHistory,
-    createReactApp,
-    createRouter,
-    handleAppMount,
-    window
-} from ${JSON.stringify(h5TaroRuntimeImportPath)}
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import AppComponent from ${JSON.stringify(toViteFileImportPath(context.project.appComponentFile))}
-
-const config = window.__taroAppConfig = ${appConfig}
-config.routes = ${routes}
-const app = createReactApp(AppComponent, React, ReactDOM, config)
-const history = createHashHistory({ window })
-handleAppMount(config, history)
-createRouter(history, app, config, React)
-`;
-}
-function createH5AppConfig(sharedAppConfig) {
-    return { router: {}, ...sharedAppConfig };
-}
-function createH5RoutesSource(pages) {
-    const routes = pages.map((page) => [
-        'Object.assign({',
-        `  path: ${JSON.stringify(page.path)},`,
-        '  load: async function(context, params) {',
-        `    const page = await import(${JSON.stringify(createPageComponentImportPath(page.path))})`,
-        '    return [page, context, params]',
-        '  }',
-        `}, ${JSON.stringify(page.config)})`
-    ].join('\n'));
-    return `[\n${routes.join(',\n')}\n]`;
-}

package/dist/node/targets/wx/companion-assets.d.ts

@@ -1,19 +0,0 @@
-import type { BuildContext } from '../../build-context.ts';
-type WxAssetSource = string | Uint8Array;
-export type WxBundle = Record<string, {
-    type: 'asset' | 'chunk';
-    source?: WxAssetSource;
-    modules?: Record<string, {
-        renderedExports?: string[];
-    }>;
-}>;
-type WxAssetEmitter = {
-    emitFile(asset: {
-        type: 'asset';
-        fileName: string;
-        source: WxAssetSource;
-    }): string;
-    warn(message: string): void;
-};
-export declare function emitWxCompanionAssets(emitter: WxAssetEmitter, bundle: WxBundle, context: BuildContext): Promise<void>;
-export {};

package/dist/node/targets/wx/companion-assets.js

@@ -1,129 +0,0 @@
-import path from 'node:path';
-import { recursiveMerge } from '@tarojs/helper';
-import { Weapp as WxPlatform } from '@tarojs/plugin-platform-weapp';
-import { normalizeModuleId } from '../../utils/modules.js';
-import { packageRequire } from '../../utils/packages.js';
-const taroWxComponentsPath = packageRequire.resolve('@tarojs/plugin-platform-weapp/dist/components-react');
-const templateBuilder = createWxTemplateBuilder();
-export async function emitWxCompanionAssets(emitter, bundle, context) {
-    for (const asset of await createWxCompanionAssets(bundle, context)) {
-        if (!asset)
-            continue;
-        if (asset.source === undefined) {
-            emitter.warn(`[vite-plugin-taro] WX companion asset "${asset.fileName}" is missing its source and was not emitted.`);
-            continue;
-        }
-        emitter.emitFile({ type: 'asset', fileName: asset.fileName, source: asset.source });
-    }
-}
-async function createWxCompanionAssets(bundle, context) {
-    const json = (value) => (context.development ? JSON.stringify(value, null, 2) : JSON.stringify(value));
-    return [
-        { fileName: 'app.json', source: json(context.project.appConfig) },
-        { fileName: 'app.wxss', source: await context.css.transformWxss(collectWxBundleStyles(bundle)) },
-        {
-            fileName: 'base.wxml',
-            source: templateBuilder.buildTemplate(collectWxTemplateComponentConfig(bundle))
-        },
-        { fileName: 'utils.wxs', source: templateBuilder.buildXScript() },
-        { fileName: 'comp.wxml', source: templateBuilder.buildBaseComponentTemplate('.wxml') },
-        { fileName: 'comp.json', source: json(createWxComponentConfig()) },
-        { fileName: 'project.config.json', source: json(createWxProjectConfig(context)) },
-        context.project.projectPrivateConfigJson
-            ? { fileName: 'project.private.config.json', source: json(context.project.projectPrivateConfigJson) }
-            : undefined,
-        { fileName: 'sitemap.json', source: json(context.project.sitemapJson) },
-        ...context.project.pages.flatMap((page) => [
-            {
-                fileName: `${page.path}.wxml`,
-                source: templateBuilder.buildPageTemplate(relativeWxRootAsset(page.path, 'base.wxml'), {
-                    content: page.config,
-                    path: page.path
-                })
-            },
-            {
-                fileName: `${page.path}.json`,
-                source: json({
-                    ...page.config,
-                    usingComponents: { comp: relativeWxRootAsset(page.path, 'comp') }
-                })
-            },
-            { fileName: `${page.path}.wxss`, source: '' }
-        ])
-    ];
-}
-function createWxProjectConfig(context) {
-    const projectConfig = context.project.projectConfigJson;
-    const setting = isJsonObject(projectConfig.setting) ? projectConfig.setting : {};
-    return {
-        ...projectConfig,
-        setting: { ...setting, compileHotReLoad: true }
-    };
-}
-function isJsonObject(value) {
-    return typeof value === 'object' && value !== null && !Array.isArray(value);
-}
-function createWxTemplateBuilder() {
-    const platform = new WxPlatform({ helper: { recursiveMerge }, modifyWebpackChain() { }, registerPlatform() { } }, {}, {});
-    platform.modifyTemplate({});
-    return platform.template;
-}
-function relativeWxRootAsset(pagePath, rootAsset) {
-    const relativePath = path.posix.relative(path.posix.dirname(pagePath), rootAsset);
-    return relativePath.startsWith('.') ? relativePath : `./${relativePath}`;
-}
-function collectWxTemplateComponentConfig(bundle) {
-    const config = {
-        includes: new Set([
-            'view',
-            'catch-view',
-            'static-view',
-            'pure-view',
-            'click-view',
-            'scroll-view',
-            'image',
-            'static-image',
-            'text',
-            'static-text'
-        ]),
-        exclude: new Set(),
-        thirdPartyComponents: new Map(),
-        includeAll: false
-    };
-    const components = findBundleModule(bundle, taroWxComponentsPath);
-    for (const name of components?.renderedExports ?? [])
-        config.includes.add(toDashed(name));
-    return config;
-}
-function findBundleModule(bundle, resolvedId) {
-    const normalizedResolvedId = normalizeModuleId(resolvedId);
-    for (const item of Object.values(bundle)) {
-        if (item.type !== 'chunk')
-            continue;
-        const found = Object.entries(item.modules ?? {}).find(([id]) => normalizeModuleId(id) === normalizedResolvedId);
-        if (found)
-            return found[1];
-    }
-}
-function toDashed(value) {
-    return value.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-function createWxComponentConfig() {
-    return {
-        component: true,
-        styleIsolation: 'apply-shared',
-        usingComponents: { comp: './comp' }
-    };
-}
-function collectWxBundleStyles(bundle) {
-    const styles = [];
-    for (const [fileName, item] of Object.entries(bundle)) {
-        if (item.type !== 'asset' || !fileName.endsWith('.css'))
-            continue;
-        const source = typeof item.source === 'string' ? item.source : new TextDecoder().decode(item.source);
-        if (source)
-            styles.push(source);
-        delete bundle[fileName];
-    }
-    return styles.join('\n');
-}

package/dist/node/targets/wx/dev-server/development-session.d.ts

@@ -1,32 +0,0 @@
-import type { ViteDevServer } from 'vite';
-import type { BuildContext } from '../../../build-context.ts';
-type WxDevServerContext = Pick<BuildContext, 'vite' | 'css'>;
-/** Owns one WX bundled-development graph and all writes to its fixed output directory. */
-export declare class WxDevelopmentSession {
-    private readonly context;
-    private readonly server;
-    private readonly adapter;
-    private readonly updateTransport;
-    private readonly outDir;
-    private readonly initialBundle;
-    private readonly outputQueue;
-    private readonly fullBuildScheduler;
-    private originalPrintUrls;
-    private snapshot;
-    constructor(context: WxDevServerContext, server: ViteDevServer);
-    private get config();
-    install(): void;
-    close(): Promise<void>;
-    private readonly printUrls;
-    private readonly handleHttpListening;
-    private readonly handleWatchedFile;
-    private handleBundleOutput;
-    private finalizeAppStyles;
-    private handlePatch;
-    private handleError;
-    private requestFullBuild;
-    private waitForInitialBundle;
-    private reportOutputError;
-    private reportRebuildError;
-}
-export {};