vite-plugin-taro 0.2.2 → 0.3.0

package/dist/vite/plugins.js

@@ -1,186 +0,0 @@
-import { normalizeModuleId } from './utils.js';
-/**
- * Applies Taro-style conditional compilation comments before Vite parses source files.
- *
- * Mirrors Taro's CSS #ifdef/#ifndef handling, generalized before Vite parses code.
- */
-export function createVitePluginTaroConditionalDirectivePlugin(context) {
-    const target = context.target;
-    return {
-        name: 'vite-plugin-taro-conditional-directives',
-        enforce: 'pre',
-        transform(code, id) {
-            if (!isConditionalDirectiveSource(id) || !code.includes('#if'))
-                return;
-            return { code: transformConditionalDirectives(code, target), map: null };
-        }
-    };
-}
-/**
- * Filters files where Taro's conditional comments are meaningful.
- *
- * Plugin-only: source filter for generalized conditional-directive transform.
- */
-function isConditionalDirectiveSource(id) {
-    const normalizedId = normalizeModuleId(id);
-    if (normalizedId.includes('/node_modules/'))
-        return false;
-    return /\.(?:[cm]?[jt]sx?|css|s[ac]ss|less|styl)(?:\?|$)/.test(normalizedId);
-}
-/**
- * Removes inactive blocks guarded by Taro conditional comments.
- *
- * Mirrors Taro's CSS #ifdef/#ifndef handling.
- */
-function transformConditionalDirectives(code, target) {
-    const lines = code.match(/[^\n]*(?:\n|$)/g) ?? [];
-    const frames = [];
-    let transformed = '';
-    for (const line of lines) {
-        if (!line)
-            continue;
-        const directive = parseConditionalDirective(line);
-        const lineEnding = getLineEnding(line);
-        if (directive) {
-            updateConditionalDirectiveFrames(frames, directive, target);
-            transformed += lineEnding;
-            continue;
-        }
-        transformed += isDirectiveStackActive(frames) ? line : lineEnding;
-    }
-    return transformed;
-}
-/**
- * Parses one Taro conditional compilation directive from a comment-only line.
- *
- * Mirrors Taro's CSS comment-token handling.
- */
-function parseConditionalDirective(line) {
-    const match = line.match(/^\s*(?:(?:\/\/)|(?:\/\*))\s*#(ifdef|ifndef|if|elif|else|endif)\b([^*\r\n]*)/);
-    if (!match)
-        return;
-    const name = toConditionalDirectiveName(match[1]);
-    if (!name)
-        return;
-    return {
-        name,
-        expression: match[2]?.replace(/\*\/$/, '').trim() ?? ''
-    };
-}
-/**
- * Converts a regex capture into a supported directive name.
- *
- * Mirrors Taro's CSS #ifdef/#ifndef/#endif token handling.
- */
-function toConditionalDirectiveName(value) {
-    if (value === 'ifdef' ||
-        value === 'ifndef' ||
-        value === 'if' ||
-        value === 'elif' ||
-        value === 'else' ||
-        value === 'endif') {
-        return value;
-    }
-}
-/**
- * Updates the active conditional stack using Taro-style #ifdef/#ifndef/#else/#endif semantics.
- *
- * Plugin-only: stack-based #if/#elif/#else support has no Taro webpack counterpart.
- */
-function updateConditionalDirectiveFrames(frames, directive, target) {
-    if (directive.name === 'ifdef' || directive.name === 'ifndef' || directive.name === 'if') {
-        const conditionMatched = evaluateConditionalDirective(directive, target);
-        const parentActive = isDirectiveStackActive(frames);
-        frames.push({ parentActive, active: parentActive && conditionMatched, matched: conditionMatched });
-        return;
-    }
-    const currentFrame = frames.at(-1);
-    if (!currentFrame)
-        return;
-    if (directive.name === 'elif') {
-        if (currentFrame.matched) {
-            currentFrame.active = false;
-            return;
-        }
-        const conditionMatched = evaluateConditionalDirective(directive, target);
-        currentFrame.active = currentFrame.parentActive && conditionMatched;
-        currentFrame.matched = conditionMatched;
-        return;
-    }
-    if (directive.name === 'else') {
-        currentFrame.active = currentFrame.parentActive && !currentFrame.matched;
-        currentFrame.matched = true;
-        return;
-    }
-    if (directive.name === 'endif')
-        frames.pop();
-}
-/**
- * Evaluates the small expression subset used by Taro conditional comments.
- *
- * Mirrors Taro's simple CSS platform membership checks.
- */
-function evaluateConditionalDirective(directive, target) {
-    if (directive.name === 'ifndef')
-        return !matchesDirectiveTarget(directive.expression, target);
-    if (directive.name === 'ifdef')
-        return matchesDirectiveTarget(directive.expression, target);
-    return evaluateConditionalExpression(directive.expression, target);
-}
-/**
- * Supports simple #if expressions with !, &&, and || over the configured target token.
- *
- * Plugin-only: #if expressions with && and || have no Taro webpack counterpart.
- */
-function evaluateConditionalExpression(expression, target) {
-    const orTerms = expression.split('||');
-    return orTerms.some((term) => term
-        .split('&&')
-        .map((factor) => factor.trim())
-        .filter(Boolean)
-        .every((factor) => evaluateConditionalFactor(factor, target)));
-}
-/**
- * Evaluates one target token, optionally negated.
- *
- * Plugin-only: negated #if factors have no Taro webpack counterpart.
- */
-function evaluateConditionalFactor(factor, target) {
-    let token = factor.replace(/[()]/g, '').trim();
-    let negated = false;
-    while (token.startsWith('!')) {
-        negated = !negated;
-        token = token.slice(1).trim();
-    }
-    const matched = matchesDirectiveTarget(token, target);
-    return negated ? !matched : matched;
-}
-/**
- * Checks whether a directive target list includes the current target.
- *
- * Mirrors Taro's simple CSS platform membership checks.
- */
-function matchesDirectiveTarget(expression, target) {
-    const tokens = expression
-        .split(/[\s,|&()!]+/)
-        .map((token) => token.trim().toLowerCase())
-        .filter(Boolean);
-    return tokens.includes(target);
-}
-/**
- * Preserves source line counts when conditional blocks are stripped.
- *
- * Plugin-only: preserves Vite source-map line counts while stripping conditional blocks.
- */
-function getLineEnding(line) {
-    const match = line.match(/\r?\n$/);
-    return match?.[0] ?? '';
-}
-/**
- * Returns whether all active nested conditional frames include the current line.
- *
- * Plugin-only: stack activity helper for generalized conditional directives.
- */
-function isDirectiveStackActive(frames) {
-    return frames.every((frame) => frame.active);
-}

package/dist/vite/tailwindcss.d.ts

@@ -1,3 +0,0 @@
-import type { PluginOption } from 'vite';
-import type { VitePluginTaroBuildContext } from './types.ts';
-export declare function createTailwindcssPlugins(context: VitePluginTaroBuildContext): PluginOption[];

package/dist/vite/tailwindcss.js

@@ -1,35 +0,0 @@
-import tailwindcss from '@tailwindcss/vite';
-import { WeappTailwindcss } from 'weapp-tailwindcss/vite';
-export function createTailwindcssPlugins(context) {
-    if (context.target === 'h5')
-        return [tailwindcss()];
-    const plugins = WeappTailwindcss({
-        appType: 'taro',
-        generator: {
-            target: 'weapp'
-        },
-        tailwindcss: {
-            version: 4,
-            packageName: 'tailwindcss'
-        },
-        cssCalc: false,
-        // skyline does not support -webkit prefix.
-        autoprefixer: false,
-        postcssOptions: {
-            // Tailwind v4 prod mode emits legacy :before/:after selectors; skyline requires ::before/::after.
-            plugins: [createWechatPseudoElementPlugin()]
-        },
-        rem2rpx: true,
-        px2rpx: true
-    });
-    return plugins ?? [];
-}
-function createWechatPseudoElementPlugin() {
-    const legacyPseudoElementPattern = /(?<!:):(before|after)\b/g;
-    return {
-        postcssPlugin: 'vite-plugin-taro-wechat-pseudo-elements',
-        Rule(rule) {
-            rule.selector = rule.selector.replace(legacyPseudoElementPattern, '::$1');
-        }
-    };
-}

package/dist/vite/targets/h5.d.ts

@@ -1,31 +0,0 @@
-import type { HtmlTagDescriptor, PluginOption, UserConfig } from 'vite';
-import type { VitePluginTaroBuildContext } from '../types.ts';
-/**
- * Checks whether an id belongs to an H5 virtual module.
- */
-export declare function isH5VirtualModuleId(id: string): boolean;
-/**
- * Loads generated source for H5 virtual modules.
- */
-export declare function loadH5VirtualModule(cleanId: string, context: VitePluginTaroBuildContext): string | undefined;
-/**
- * Configures the Vite pieces needed for Taro H5 resolve/runtime behavior.
- */
-export declare function createH5ViteConfig(): UserConfig;
-/**
- * Creates H5-only support plugins used before the target emitter runs.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-platform-h5/src/program.ts#L219-L249
- */
-export declare function createH5SupportPlugins(): PluginOption[];
-/**
- * Injects vite-plugin-taro's generated Web entry into Vite's HTML shell.
- */
-export declare function createWebIndexHtmlTags(context: VitePluginTaroBuildContext): HtmlTagDescriptor[] | undefined;
-/**
- * Builds the generated Web entry around Taro's official Web router/runtime APIs.
- * Base Taro CSS is imported before the app; component CSS order is handled by rewriteStencilStyleInsertion.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/h5.ts#L120-L150
- */
-export declare function createWebEntry(context: VitePluginTaroBuildContext): string;

package/dist/vite/targets/h5.js

@@ -1,201 +0,0 @@
-import babel from '@rolldown/plugin-babel';
-import react from '@vitejs/plugin-react';
-import { h5ShimImportPath, isProd, nodeRequire } from '../constants.js';
-import { createPageComponentImport, toImportPath } from '../utils.js';
-import { virtualTaroApiId } from '../virtual-modules.js';
-const virtualH5Id = 'virtual:vite-plugin-taro/h5';
-const patchStencilCssOrder = true;
-/**
- * Checks whether an id belongs to an H5 virtual module.
- */
-export function isH5VirtualModuleId(id) {
-    return id === virtualH5Id;
-}
-/**
- * Loads generated source for H5 virtual modules.
- */
-export function loadH5VirtualModule(cleanId, context) {
-    if (cleanId !== virtualH5Id)
-        return;
-    return createWebEntry(context);
-}
-/**
- * Configures the Vite pieces needed for Taro H5 resolve/runtime behavior.
- */
-export function createH5ViteConfig() {
-    return {
-        define: createH5TaroDefines(),
-        resolve: {
-            mainFields: ['main:h5', 'browser', 'module', 'jsnext:main', 'jsnext'],
-            alias: [
-                // Resolve Stencil's transitive runtime import after Taro components are optimized separately.
-                ...(patchStencilCssOrder
-                    ? [
-                        {
-                            find: /^@stencil\/core\/internal\/client$/,
-                            replacement: nodeRequire.resolve('@stencil/core/internal/client', {
-                                paths: [nodeRequire.resolve('@tarojs/components/package.json')]
-                            })
-                        }
-                    ]
-                    : []),
-                // H5 React code must use Taro's React component wrappers, not the raw custom-element entry.
-                { find: /^@tarojs\/components$/, replacement: nodeRequire.resolve('@tarojs/components/lib/react') },
-                // Taro's H5 router/components deep-import this custom-element loader; make it resolvable under pnpm.
-                {
-                    find: /^@tarojs\/components\/dist\/components$/,
-                    replacement: nodeRequire.resolve('@tarojs/components/dist/components')
-                },
-                // H5 APIs are exported from the platform API barrel; the generic @tarojs/taro root is native-oriented.
-                {
-                    find: /^@tarojs\/taro$/,
-                    replacement: nodeRequire.resolve('@tarojs/plugin-platform-h5/dist/runtime/apis')
-                }
-            ]
-        },
-        optimizeDeps: {
-            // Keep the Stencil runtime in Vite's transform pipeline so rewriteStencilStyleInsertion can patch it.
-            exclude: [patchStencilCssOrder ? '@stencil/core/internal/client' : ''].filter(Boolean)
-        },
-        build: {
-            target: 'es2018',
-            minify: isProd
-        }
-    };
-}
-/**
- * Creates H5-only support plugins used before the target emitter runs.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-platform-h5/src/program.ts#L219-L249
- */
-export function createH5SupportPlugins() {
-    const plugins = [...react()];
-    if (patchStencilCssOrder) {
-        plugins.push(babel({
-            include: /[\\/]@stencil[\\/]core[\\/]internal[\\/]client[\\/]index\.js(?:\?.*)?$/,
-            exclude: [],
-            plugins: [rewriteStencilStyleInsertion]
-        }));
-    }
-    // Mirrors Taro H5: rewrite default Taro.xxx calls from virtual:taro/api to named H5 API imports.
-    plugins.push(babel({
-        plugins: [
-            [
-                nodeRequire.resolve('babel-plugin-transform-taroapi'),
-                {
-                    packageName: virtualTaroApiId,
-                    definition: nodeRequire(nodeRequire.resolve('@tarojs/plugin-platform-h5/dist/definition.json'))
-                }
-            ]
-        ]
-    }));
-    return plugins;
-}
-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')");
-}
-/**
- * Creates compile-time constants expected by Taro's Web runtime packages.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/webpack/H5WebpackPlugin.ts#L51-L69
- */
-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'
-    };
-}
-/**
- * Injects vite-plugin-taro's generated Web entry into Vite's HTML shell.
- */
-export function createWebIndexHtmlTags(context) {
-    if (context.target !== 'h5')
-        return;
-    const tags = [];
-    tags.push({
-        tag: 'script',
-        attrs: { type: 'module' },
-        children: `import '${virtualH5Id}'`,
-        injectTo: 'body'
-    });
-    return tags;
-}
-/**
- * Builds the generated Web entry around Taro's official Web router/runtime APIs.
- * Base Taro CSS is imported before the app; component CSS order is handled by rewriteStencilStyleInsertion.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/h5.ts#L120-L150
- */
-export function createWebEntry(context) {
-    const webAppConfigCode = JSON.stringify(createWebAppConfig(context.appConfig));
-    const webRoutesConfigCode = createWebRoutesConfig(context.pages);
-    return `import ${JSON.stringify(toImportPath(nodeRequire.resolve('@tarojs/components/global.css')))}
-import ${JSON.stringify(toImportPath(nodeRequire.resolve('@tarojs/components/dist/taro-components/taro-components.css')))}
-import {
-    createHashHistory,
-    createReactApp,
-    createRouter,
-    handleAppMount,
-    window
-} from ${JSON.stringify(h5ShimImportPath)}
-import React from 'react'
-import ReactDOM from 'react-dom/client'
-import AppComponent from ${JSON.stringify(context.appComponentImport)}
-
-const config = window.__taroAppConfig = ${webAppConfigCode}
-config.routes = ${webRoutesConfigCode}
-const app = createReactApp(AppComponent, React, ReactDOM, config)
-const history = createHashHistory({ window })
-handleAppMount(config, history)
-createRouter(history, app, config, React)
-`;
-}
-/**
- * Creates the H5 app config consumed by Taro's Web router.
- * Taro's H5 runtime expects `config.router` to exist, even when it is an empty object.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/H5Plugin.ts#L49-L53
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/H5Plugin.ts#L133-L138
- */
-function createWebAppConfig(sharedAppConfig) {
-    return {
-        router: {},
-        ...sharedAppConfig
-    };
-}
-/**
- * Creates Web route records in the same shape as Taro's H5 loader.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/h5.ts#L12-L21
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/h5.ts#L108-L114
- */
-function createWebRoutesConfig(webPages) {
-    const webRoutes = webPages.map((page) => [
-        'Object.assign({',
-        `  path: ${JSON.stringify(page.path)},`,
-        '  load: async function(context, params) {',
-        `    const page = await import(${JSON.stringify(createPageComponentImport(page.path))})`,
-        '    return [page, context, params]',
-        '  }',
-        `}, ${JSON.stringify(page.config)})`
-    ].join('\n'));
-    return `[\n${webRoutes.join(',\n')}\n]`;
-}

package/dist/vite/targets/wx.d.ts

@@ -1,74 +0,0 @@
-import type { UserConfig } from 'vite';
-import type { VitePluginTaroBuildContext, VitePluginTaroPageOption } from '../types.ts';
-/**
- * Checks whether an id belongs to a wx virtual module.
- */
-export declare function isWxVirtualModuleId(id: string): boolean;
-export declare function loadWxVirtualModule(cleanId: string, context: VitePluginTaroBuildContext): string | undefined;
-/**
- * Configures wx target entry, output, and chunk layout.
- */
-export declare function createWxViteConfig(context: VitePluginTaroBuildContext): UserConfig;
-type WechatAssetSource = string | Uint8Array;
-type WechatBundleModule = {
-    renderedExports?: string[];
-};
-type WechatBundleItem = {
-    type: 'asset' | 'chunk';
-    source?: WechatAssetSource;
-    modules?: Record<string, WechatBundleModule>;
-};
-type WechatBundle = Record<string, WechatBundleItem>;
-type WechatChunkEmitter = {
-    emitFile(chunk: {
-        type: 'chunk';
-        id: string;
-        fileName: string;
-        implicitlyLoadedAfterOneOf: string[];
-    }): string;
-};
-type WechatAssetEmitter = {
-    emitFile(asset: {
-        type: 'asset';
-        fileName: string;
-        source: WechatAssetSource;
-    }): string;
-};
-/**
- * Emits page and component chunks like Taro Webpack's MiniPlugin generated entries.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/MiniPlugin.ts#L228-L243
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/MiniPlugin.ts#L743-L777
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/TaroSingleEntryPlugin.ts#L18-L38
- */
-export declare function emitWechatImplicitChunksForVirtualApp(emitter: WechatChunkEmitter, context: VitePluginTaroBuildContext, cleanId: string): void;
-/**
- * Builds the generated WeChat app entry that registers Taro's React App config.
- * vite-plugin-taro omits Taro's generated pxTransform initialization because styles are handled by Tailwind.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/app.ts#L54-L63
- */
-export declare function createWxAppEntry(context: VitePluginTaroBuildContext): string;
-/**
- * Builds a generated WeChat page entry that registers Taro's Page config.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-loader/src/page.ts#L52-L78
- */
-export declare function createWxPageEntry(pageOption: VitePluginTaroPageOption): string;
-/**
- * Builds the generated JS companion for comp.wxml/comp.json. Without it WeChat
- * can load recursive markup, but it will not have Taro's properties or `eh` event
- * dispatch method.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/template/comp.ts#L1-L4
- */
-export declare function createWxCompEntry(): string;
-/**
- * Creates Taro-style Mini Program template/config/style companion files.
- *
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-platform-weapp/src/program.ts#L33-L55
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/MiniPlugin.ts#L1198-L1311
- * https://github.com/NervJS/taro/blob/f0e5c39d5f04290db975670411e23c3a396e15f8/packages/taro-webpack5-runner/src/plugins/MiniPlugin.ts#L1346-L1390
- */
-export declare function emitWechatAssets(emitter: WechatAssetEmitter, bundle: WechatBundle, context: VitePluginTaroBuildContext): void;
-export {};