@into-mini/sfc-split-plugin 0.5.6 → 0.5.9

package/dist/index.d.mts

@@ -1,5 +1,5 @@
-import type { Options } from './plugin/sfc-split.mts';
 import type { Compiler, WebpackPluginInstance } from 'webpack';
+import type { Options } from '@into-mini/sfc-transformer/src/transformer.mts';
 export declare const COMPONENT_ROOT = "as-components";
 export declare class SfcSplitPlugin implements WebpackPluginInstance {
     #private;

package/dist/index.mjs

@@ -1,7 +1,8 @@
 import { fileURLToPath } from 'node:url';
 import { AddWxsPlugin } from "./plugin/add-wxs.mjs";
-// import { ExposeEntryNamePlugin } from './plugin/expose-entry.mts';
+import { ExposeEntryNamePlugin } from "./plugin/expose-entry.mjs";
 import { EntryRenamePlugin } from "./plugin/entry-rename.mjs";
+import { MinaRuntimeWebpackPlugin } from "./plugin/mina-runtime.mjs";
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 export const COMPONENT_ROOT = 'as-components';
 function reach(path) {
@@ -18,19 +19,10 @@ export class SfcSplitPlugin {
         };
     }
     #applyLoader(compiler) {
-        compiler.options.module.rules.push(
-        // {
-        //   test: /\.vue$/,
-        //   use: [
-        //     {
-        //       loader: reach('./loader/fake-vue-loader.mts'),
-        //       options: {
-        //         componentRoot: COMPONENT_ROOT,
-        //       },
-        //     },
-        //   ],
-        // },
-        {
+        compiler.options.module.rules.push({
+            test: /\.vue$/,
+            use: [],
+        }, {
             test: /\.vue$/,
             issuer: /\.vue$/,
             resourceQuery: /type=script/,
@@ -42,7 +34,7 @@ export class SfcSplitPlugin {
             resourceQuery: /type=template/,
             type: 'asset/resource',
             generator: {
-                filename: '[path][name].[hash:8].wxml',
+                filename: '[entry].wxml',
             },
             use: [
                 {
@@ -67,9 +59,19 @@ export class SfcSplitPlugin {
             resourceQuery: [/type=config&lang=json/],
             type: 'asset/resource',
             generator: {
-                filename: '[path][hash:8].json',
+                filename: '[entry].json',
             },
-            loader: theLoader,
+            use: [
+                {
+                    loader: reach('@into-mini/sfc-split-plugin/dist/loader/entry-loader.mjs'),
+                    options: {
+                        componentRoot: COMPONENT_ROOT,
+                    },
+                },
+                {
+                    loader: theLoader,
+                },
+            ],
         }, {
             test: /\.vue$/,
             resourceQuery: { not: /type=/ },
@@ -87,9 +89,8 @@ export class SfcSplitPlugin {
         const { type } = this.options;
         if (type) {
             new AddWxsPlugin().apply(compiler);
-            // new MinaRuntimeWebpackPlugin().apply(compiler);
-            // new SfcSplitPluginBase({ tagMatcher, preserveTap }).apply(compiler);
-            // new ExposeEntryNamePlugin().apply(compiler);
+            new MinaRuntimeWebpackPlugin().apply(compiler);
+            new ExposeEntryNamePlugin().apply(compiler);
             new EntryRenamePlugin({
                 issuer: /\.vue$/,
                 test: /\.wxml|json/,

package/dist/loader/{fake-vue-loader.d.mts → entry-loader.d.mts}

@@ -1,2 +1,2 @@
 import type { LoaderContext } from 'webpack';
-export default function loader(this: LoaderContext<Record<string, any>>, source: string, map: any, meta: any): void;
+export default function loader(this: LoaderContext<Record<string, any>>, source: string): void;

package/dist/loader/{fake-vue-loader.mjs → entry-loader.mjs}

@@ -1,9 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-nocheck
 import { createHash } from 'node:crypto';
-import { join, relative, resolve } from 'node:path';
+import { relative, resolve } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { toJSONString } from '@into-mini/sfc-transformer/src/utils.mts';
 import slash from 'slash';
 function createShortHash(input) {
     return createHash('sha256').update(input).digest('hex').slice(0, 8);
@@ -52,22 +51,13 @@ function handleImport({ toThis, addSmartEntry, componentRoot, context, rootConte
         }
     }
 }
-export default function loader(source, map, meta) {
+export default function loader(source) {
     this.cacheable();
     const callback = this.async();
     const { componentRoot } = this.getOptions();
     const { entryName: thisEntryName } = this;
-    const resourcePath = slash(this.resourcePath);
-    const { paths, config, script } = this.processSfcFile({
-        source,
-        resourcePath,
-    });
+    const config = JSON.parse(source);
     const { rootContext, context } = this;
-    for (const path of paths) {
-        const filePath = join(rootContext, path);
-        this.addDependency(filePath);
-        this.addMissingDependency(filePath);
-    }
     function toThis(entryName) {
         return slash(relative(`/${thisEntryName}/..`, `/${entryName}`));
     }
@@ -107,12 +97,5 @@ export default function loader(source, map, meta) {
             },
         });
     }
-    const file = [
-        ...paths
-            .map((path) => relative(`${resourcePath}/..`, path))
-            .map((path) => `import "./${path}";`),
-        script,
-    ].join('\n');
-    this.emitFile(`${thisEntryName}.json`, toJSONString(config));
-    callback(null, file, map, meta);
+    callback(null, JSON.stringify(config));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@into-mini/sfc-split-plugin",
-  "version": "0.5.6",
+  "version": "0.5.9",
   "license": "MIT",
   "keywords": [
     "loader",
@@ -33,9 +33,9 @@
     "webpack-virtual-modules": "^0.6.2",
     "yaml": "^2.8.2",
     "@into-mini/clsx": "^0.1.0",
-    "@into-mini/sfc-split-loader": "^0.2.5",
+    "@into-mini/sfc-transformer": "^0.6.1",
     "@into-mini/wxml-loader": "^0.0.0",
-    "@into-mini/sfc-transformer": "^0.6.1"
+    "@into-mini/sfc-split-loader": "^0.2.6"
   },
   "peerDependencies": {
     "webpack": "^5.104.0"

package/dist/plugin/sfc-split.d.mts

@@ -1,18 +0,0 @@
-import VirtualModulesPlugin from 'webpack-virtual-modules';
-import type { Compiler, WebpackPluginInstance } from 'webpack';
-export type Options = {
-    type?: boolean;
-    tagMatcher?: (tag: string) => {
-        tag: string;
-        path: string;
-    };
-    preserveTap?: (tag: string) => boolean;
-};
-export declare class SfcSplitPluginBase extends VirtualModulesPlugin implements WebpackPluginInstance {
-    #private;
-    PLUGIN_NAME: string;
-    tagMatcher: Options['tagMatcher'];
-    preserveTap: Options['preserveTap'];
-    constructor({ tagMatcher, preserveTap }: Options);
-    apply(compiler: Compiler): void;
-}

package/dist/plugin/sfc-split.mjs

@@ -1,74 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-nocheck
-import path from 'node:path';
-import { parse } from '@into-mini/sfc-transformer/src/index.mjs';
-import slash from 'slash';
-import VirtualModulesPlugin from 'webpack-virtual-modules';
-export class SfcSplitPluginBase extends VirtualModulesPlugin {
-    PLUGIN_NAME = 'SfcSplitPluginBase';
-    tagMatcher;
-    preserveTap;
-    constructor({ tagMatcher, preserveTap }) {
-        super();
-        this.tagMatcher = tagMatcher;
-        this.preserveTap = preserveTap;
-    }
-    apply(compiler) {
-        this.#expose(compiler);
-        super.apply(compiler);
-    }
-    #expose(compiler) {
-        const { PLUGIN_NAME } = this;
-        const { NormalModule: { getCompilationHooks }, } = compiler.webpack;
-        compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-            getCompilationHooks(compilation).loader.tap(PLUGIN_NAME, (loaderContext) => {
-                Object.defineProperty(loaderContext, 'processSfcFile', {
-                    enumerable: true,
-                    configurable: false,
-                    value: (options) => {
-                        return this.#processSfcFile(options);
-                    },
-                });
-            });
-        });
-    }
-    #inject(resourcePath, ext, content) {
-        const src = path.resolve(resourcePath.replace(/\.vue$/, ext));
-        super.writeModule(src, content);
-        return src;
-    }
-    #injectStyle(resourcePath, id, style) {
-        return this.#inject(resourcePath, `-${id}.${style.lang ?? 'css'}`, style.content);
-    }
-    #injectStyles(resourcePath, styles) {
-        const io = [];
-        const css = styles?.length > 0 ? styles : [];
-        css.forEach((style, idx) => {
-            if (style?.content) {
-                const src = this.#injectStyle(resourcePath, idx, style);
-                io.push(src);
-            }
-        });
-        return io;
-    }
-    #injectTemplate(resourcePath, tpl) {
-        return this.#inject(resourcePath, '.wxml', tpl);
-    }
-    #processSfcFile({ source, resourcePath }) {
-        const { tagMatcher, preserveTap } = this;
-        const { tpl, styles, code, config } = parse(source, {
-            tagMatcher,
-            preserveTap,
-        });
-        const paths = [];
-        const wxml = this.#injectTemplate(resourcePath, tpl);
-        paths.push(wxml);
-        const css = this.#injectStyles(resourcePath, styles);
-        paths.push(...css);
-        return {
-            config,
-            paths: paths.map((src) => slash(src)),
-            script: code,
-        };
-    }
-}