vite-plugin-taro 0.3.1 → 0.4.0

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

@@ -1,129 +0,0 @@
-import path from 'node:path';
-import { createContext } from 'weapp-tailwindcss/core';
-import { createWeappTailwindcssGenerator, resolveTailwindV4Source } from 'weapp-tailwindcss/generator';
-import { normalizeModuleId } from '../utils/modules.js';
-const wxStyleOptions = {
-    cssCalc: false,
-    autoprefixer: false,
-    rem2rpx: true,
-    px2rpx: true
-};
-/** Owns CSS generation and the class-name state shared by normal chunks and literal WX patches. */
-export class CssPipeline {
-    plugin;
-    target;
-    runtimeClassSet = new Set();
-    projectRoot;
-    wxContext;
-    constructor(target) {
-        this.target = target;
-        this.plugin = this.createPlugin();
-    }
-    resolve(projectRoot) {
-        if (this.projectRoot)
-            throw new Error('vite-plugin-taro CSS pipeline was already resolved.');
-        this.projectRoot = projectRoot;
-        this.wxContext = this.target === 'wx' ? createWxCssContext(projectRoot) : undefined;
-    }
-    async transformWxClassNames(code, filename) {
-        if (!this.wxContext || this.runtimeClassSet.size === 0)
-            return { code, map: null };
-        const result = await this.wxContext.transformJs(code, {
-            runtimeSet: this.runtimeClassSet,
-            filename,
-            generateMap: false
-        });
-        return { code: result.code, map: null };
-    }
-    createPlugin() {
-        const pipeline = this;
-        return {
-            name: 'vite-plugin-taro:css',
-            enforce: 'pre',
-            buildStart() {
-                pipeline.runtimeClassSet.clear();
-            },
-            async transform(code, id) {
-                if (!isCssModuleId(id) || !shouldGenerateTailwindCss(code))
-                    return;
-                const projectRoot = pipeline.getProjectRoot();
-                const cssFile = resolveCssFile(id, projectRoot);
-                const cssBase = path.dirname(cssFile);
-                const source = await resolveTailwindV4Source({
-                    projectRoot,
-                    cwd: projectRoot,
-                    base: cssBase,
-                    css: code,
-                    cssSources: [{ file: cssFile, base: cssBase, css: code, dependencies: [cssFile] }]
-                });
-                const generator = createWeappTailwindcssGenerator(source);
-                const generated = await generator.generate({
-                    target: pipeline.target === 'wx' ? 'weapp' : 'web',
-                    scanSources: true,
-                    candidates: [],
-                    styleOptions: pipeline.target === 'wx' ? wxStyleOptions : undefined
-                });
-                for (const className of generated.classSet)
-                    pipeline.runtimeClassSet.add(className);
-                for (const dependency of generated.dependencies)
-                    this.addWatchFile(dependency);
-                return generated.css;
-            },
-            async renderChunk(code, chunk) {
-                if (pipeline.target !== 'wx')
-                    return;
-                return await pipeline.transformWxClassNames(code, chunk.fileName);
-            },
-            async generateBundle(_, bundle) {
-                if (pipeline.target !== 'wx')
-                    return;
-                const core = pipeline.getWxContext();
-                await Promise.all(Object.entries(bundle).map(async ([fileName, item]) => {
-                    if (item.type === 'asset' && fileName.endsWith('.css')) {
-                        await transformWxssAsset(core, item);
-                    }
-                }));
-            }
-        };
-    }
-    getProjectRoot() {
-        if (!this.projectRoot)
-            throw new Error('vite-plugin-taro CSS pipeline was used before configuration resolved.');
-        return this.projectRoot;
-    }
-    getWxContext() {
-        if (!this.wxContext)
-            throw new Error('vite-plugin-taro expected a resolved WeChat CSS pipeline.');
-        return this.wxContext;
-    }
-}
-function createWxCssContext(projectRoot) {
-    return createContext({
-        appType: 'taro',
-        tailwindcssBasedir: projectRoot,
-        generator: { target: 'weapp' },
-        ...wxStyleOptions,
-        logLevel: 'silent'
-    });
-}
-async function transformWxssAsset(core, item) {
-    const result = await core.transformWxss(getAssetSource(item), { isMainChunk: true });
-    item.source = result.css;
-}
-function shouldGenerateTailwindCss(code) {
-    const tailwindEntryImportPattern = /@(import|reference)\s+(?:url\(\s*)?(?:["'])tailwindcss(?:\/(?:theme|preflight|utilities)(?:\.css)?)?(?:["'])/;
-    return code.includes('tailwindcss') && tailwindEntryImportPattern.test(code);
-}
-function isCssModuleId(id) {
-    return /\.(?:css|scss|sass|less|styl|stylus)(?:$|[?#])/.test(id);
-}
-function getAssetSource(item) {
-    if (typeof item.source === 'string')
-        return item.source;
-    return item.source ? new TextDecoder().decode(item.source) : '';
-}
-function resolveCssFile(id, root) {
-    const normalizedId = normalizeModuleId(id);
-    const cleanId = normalizedId.startsWith('/@fs/') ? normalizedId.slice('/@fs'.length) : normalizedId;
-    return path.isAbsolute(cleanId) ? cleanId : path.resolve(root, cleanId);
-}

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): 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 function emitWxCompanionAssets(emitter, bundle, context) {
-    for (const asset of 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 });
-    }
-}
-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: 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,31 +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 handlePatch;
-    private handleError;
-    private requestFullBuild;
-    private waitForInitialBundle;
-    private reportOutputError;
-    private reportRebuildError;
-}
-export {};