@into-mini/sfc-split-plugin 0.1.2 → 0.4.0

package/helper/index.mjs

@@ -1,62 +0,0 @@
-export const COMPONENT_ROOT = 'as-components';
-
-function unique(...arr) {
-  return [...new Set(arr)];
-}
-
-export function getAllPages(config) {
-  const { entryPagePath, pages, subPackages, tabBar } = config ?? {};
-
-  const { custom = false, list = [] } = tabBar ?? {};
-
-  return unique(
-    entryPagePath,
-    ...(pages ?? []),
-    ...list.map(({ pagePath }) => pagePath),
-    ...(subPackages ?? []).flatMap(
-      (subPackage) =>
-        (subPackage.pages || []).map((page) => `${subPackage.root}/${page}`) ||
-        [],
-    ),
-    custom === true ? 'custom-tab-bar/index' : '',
-  ).filter(Boolean);
-}
-
-export function patchConfig(json) {
-  const object = structuredClone(json ?? {});
-
-  object.pages ??= [];
-
-  if (object.tabBar?.list?.length > 0) {
-    for (const tab of object.tabBar.list) {
-      if (tab.pagePath && !object.pages.includes(tab.pagePath)) {
-        object.pages.push(tab.pagePath);
-      }
-    }
-  }
-
-  object.subPackages ??= [];
-  object.preloadRule ??= {};
-
-  for (const page of object.pages) {
-    object.preloadRule[page] ??= {};
-
-    object.preloadRule[page].network = 'all';
-    object.preloadRule[page].packages ??= [];
-
-    if (!object.preloadRule[page].packages.includes(COMPONENT_ROOT)) {
-      object.preloadRule[page].packages.push(COMPONENT_ROOT);
-    }
-  }
-
-  if (
-    !object.subPackages.some((subPackage) => subPackage.root === COMPONENT_ROOT)
-  ) {
-    object.subPackages.push({
-      root: COMPONENT_ROOT,
-      pages: ['fake'],
-    });
-  }
-
-  return object;
-}

package/helper/read.mjs

@@ -1,37 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { resolve } from 'node:path';
-
-import { parse as yamlParse } from 'yaml';
-
-function tryReadFileWithParsers(base, name, ext, parser) {
-  const filePath = resolve(base, `${name}${ext}`);
-
-  try {
-    const content = readFileSync(filePath, 'utf8');
-
-    return {
-      filePath,
-      config: (parser ? parser(content) : content) || {},
-    };
-  } catch {
-    return false;
-  }
-}
-
-const candidates = [
-  { ext: '.yaml', parser: yamlParse },
-  { ext: '.yml', parser: yamlParse },
-  { ext: '.json', parser: JSON.parse },
-];
-
-export function readConfig(base, name) {
-  for (const { ext, parser } of candidates) {
-    const result = tryReadFileWithParsers(base, name, ext, parser);
-
-    if (result !== false) {
-      return result;
-    }
-  }
-
-  return false;
-}

package/helper/transform.mjs

@@ -1,39 +0,0 @@
-// @ts-expect-error -------------------
-import babel from '@babel/core';
-
-export function transformJS(input, absoluteFrom) {
-  const minified = process.env.NODE_ENV === 'production';
-
-  if (!absoluteFrom.endsWith('.js')) {
-    return input;
-  }
-
-  const result = babel.transformSync(input, {
-    presets: [
-      [
-        'babel-preset-evergreen',
-        {
-          usage: 'pure',
-          mini: true,
-        },
-      ],
-    ],
-    plugins: [
-      ['@babel/plugin-transform-modules-commonjs', { importInterop: 'none' }],
-    ],
-    targets: 'ios 12, chrome 86',
-    configFile: false,
-    babelrc: false,
-    filename: 'a.mjs',
-    sourceType: 'commonjs',
-    compact: !minified,
-    retainLines: !minified,
-    envName: process.env.NODE_ENV,
-    minified,
-  });
-
-  return (result?.code || input).replace(
-    ';Object.defineProperty(exports,"__esModule",{value:true});',
-    ';',
-  );
-}

package/helper/utils.mjs

@@ -1,6 +0,0 @@
-export const configKeys = {
-  app: 'app-json',
-  projectPrivate: 'project.private.config',
-  project: 'project.config',
-  hack: 'hack.entry',
-};

package/loader/fake-vue-loader.mjs

@@ -1,140 +0,0 @@
-import { createHash } from 'node:crypto';
-import { join, relative, resolve } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-import { toJSONString } from '@into-mini/sfc-transformer/utils.mjs';
-import slash from 'slash';
-
-function createShortHash(input) {
-  return createHash('sha256').update(input).digest('hex').slice(0, 8);
-}
-
-function reach(path) {
-  return fileURLToPath(import.meta.resolve(path));
-}
-
-function handleImport({
-  toThis,
-  addSmartEntry,
-  componentRoot,
-  context,
-  rootContext,
-  maps,
-  callback,
-}) {
-  if (Object.keys(maps).length > 0) {
-    for (const [name, path] of Object.entries(maps)) {
-      if (path.endsWith('.vue') && !path.startsWith('plugin://')) {
-        try {
-          const absolutePath = slash(
-            path.startsWith('.') ? resolve(context, path) : reach(path),
-          );
-          const relativePath = slash(relative(rootContext, absolutePath));
-          const hack = relativePath.startsWith('..');
-          const entryName = hack
-            ? [
-                componentRoot,
-                absolutePath
-                  .split('/')
-                  .slice(-2)
-                  .join('/')
-                  .replace(/\.vue$/, ''),
-                createShortHash(slash(relativePath)),
-              ].join('/')
-            : relativePath.replace(/\.vue$/, '');
-          const placer = toThis(entryName);
-          callback({
-            name,
-            placer,
-          });
-
-          const entryPath = relativePath.startsWith('..')
-            ? absolutePath
-            : `./${relativePath}`;
-
-          this.addDependency(resolve(absolutePath));
-          this.addMissingDependency(resolve(absolutePath));
-          addSmartEntry({
-            name: entryName,
-            path: entryPath,
-          });
-        } catch (error) {
-          console.error(error);
-        }
-      }
-    }
-  }
-}
-
-export default function loader(source, map, meta) {
-  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 { 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}`));
-  }
-
-  const addSmartEntry = (io) => {
-    this.addSmartEntry(io);
-  };
-
-  if (config?.usingComponents) {
-    handleImport.bind(this)({
-      toThis,
-      addSmartEntry,
-      componentRoot,
-      context,
-      rootContext,
-      maps: config.usingComponents,
-      callback({ name, placer }) {
-        config.usingComponents[name] = placer;
-
-        if (placer.includes(componentRoot)) {
-          config.componentPlaceholder ??= {};
-          config.componentPlaceholder[name] = 'view';
-        }
-      },
-    });
-  }
-
-  if (config?.componentGenerics) {
-    handleImport.bind(this)({
-      toThis,
-      addSmartEntry,
-      componentRoot,
-      context,
-      rootContext,
-      maps: Object.fromEntries(
-        Object.entries(config.componentGenerics)
-          .filter(([_, item]) => item?.default)
-          .map(([key, item]) => [key, item.default]),
-      ),
-      callback({ name, placer }) {
-        config.componentGenerics[name].default = placer;
-      },
-    });
-  }
-
-  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);
-}

package/loader/hack-entry-loader.mjs

@@ -1,5 +0,0 @@
-export default function loader() {
-  console.log(this._compiler.__entries__);
-
-  return '';
-}

package/plugin/add-entry.mjs

@@ -1,85 +0,0 @@
-export class AddEntryPlugin {
-  PLUGIN_NAME = 'AddEntryPlugin';
-
-  #addSmartEntry({ name, path, layer }) {
-    if (this.compiler.__entries__.get(name) !== path) {
-      this.compiler.__entries__.set(name, { path, layer });
-    }
-  }
-
-  #addEntries(compilation) {
-    const { compiler } = this;
-
-    const { createDependency } = compiler.webpack.EntryPlugin;
-
-    compilation.hooks.buildModule.tap(this.PLUGIN_NAME, () => {
-      for (const [name, { path, layer }] of compiler.__entries__.entries()) {
-        compilation.addEntry(
-          compiler.context,
-          createDependency(path, { name }),
-          {
-            name,
-            import: [path],
-            layer,
-          },
-          (err) => {
-            if (err) {
-              throw err;
-            } else {
-              compilation.fileDependencies.add(path);
-            }
-          },
-        );
-      }
-    });
-  }
-
-  #expose(compiler) {
-    this.compiler = compiler;
-
-    const { PLUGIN_NAME } = this;
-
-    const {
-      NormalModule: { getCompilationHooks },
-    } = compiler.webpack;
-
-    Object.defineProperty(compiler, 'addSmartEntry', {
-      enumerable: true,
-      configurable: false,
-      value: (options) => {
-        this.#addSmartEntry(options);
-      },
-    });
-
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-      getCompilationHooks(compilation).loader.tap(
-        PLUGIN_NAME,
-        (loaderContext) => {
-          Object.defineProperty(loaderContext, 'addSmartEntry', {
-            enumerable: true,
-            configurable: false,
-            value: (options) => {
-              this.#addSmartEntry(options);
-            },
-          });
-        },
-      );
-    });
-  }
-
-  apply(compiler) {
-    this.#expose(compiler);
-
-    const { PLUGIN_NAME } = this;
-
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation) => {
-      this.#addEntries(compilation);
-    });
-    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
-      this.#addEntries(compilation);
-    });
-    compiler.hooks.make.tap(PLUGIN_NAME, (compilation) => {
-      this.#addEntries(compilation);
-    });
-  }
-}

package/plugin/add-wxs.mjs

@@ -1,62 +0,0 @@
-import { readFileSync } from 'node:fs';
-import { extname, join, relative } from 'node:path';
-import { fileURLToPath } from 'node:url';
-
-import { CLSX_PLACEHOLDER } from '@into-mini/sfc-transformer/utils.mjs';
-import slash from 'slash';
-
-// WXS文件输出路径
-const WXS_FILENAME = 'wxs/clsx.wxs';
-
-/**
- * 将clsx.wxs文件添加到编译结果中，并替换WXML文件中的占位符。
- * 只在发现CLSX_PLACEHOLDER时添加wxs文件，且只添加一次。
- */
-export class AddWxsPlugin {
-  PLUGIN_NAME = 'AddWxsPlugin';
-
-  apply(compiler) {
-    const { RawSource } = compiler.webpack.sources;
-
-    compiler.hooks.compilation.tap(this.PLUGIN_NAME, (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: this.PLUGIN_NAME,
-          stage: compilation.constructor.PROCESS_ASSETS_STAGE_ADDITIONAL,
-        },
-        (assets) => this.#processAssets(assets, compilation, RawSource),
-      );
-    });
-  }
-
-  #processAssets(assets, compilation, RawSource) {
-    // 处理所有wxml文件
-    for (const [filename, source] of Object.entries(assets)) {
-      if (extname(filename) === '.wxml') {
-        const content = source.source().toString();
-
-        if (content.includes(CLSX_PLACEHOLDER)) {
-          this.#addWxsFile(compilation, RawSource);
-
-          this.#replaceSource(compilation, RawSource, {
-            filename,
-            content,
-          });
-        }
-      }
-    }
-  }
-
-  #replaceSource(compilation, RawSource, { filename, content }) {
-    const relativePath = slash(relative(join(filename, '..'), WXS_FILENAME));
-    const newContent = content.replace(CLSX_PLACEHOLDER, relativePath);
-    compilation.updateAsset(filename, new RawSource(newContent));
-  }
-
-  #addWxsFile(compilation, RawSource) {
-    const wxsPath = import.meta.resolve('@into-mini/clsx/index.wxs');
-    const wxsContent = readFileSync(fileURLToPath(wxsPath), 'utf8');
-
-    compilation.emitAsset(WXS_FILENAME, new RawSource(wxsContent));
-  }
-}

package/plugin/copy-config.mjs

@@ -1,84 +0,0 @@
-import { fileURLToPath } from 'node:url';
-
-import { patchConfig } from '../helper/index.mjs';
-import { configKeys } from '../helper/utils.mjs';
-
-function reach(path) {
-  return fileURLToPath(import.meta.resolve(path));
-}
-
-const emptyJSON = reach('../helper/empty.json');
-const yamlLoader = reach('yaml-patch-loader');
-
-export class CopyConfigPlugin {
-  constructor({ type = false } = {}) {
-    this.type = type;
-  }
-
-  addConfigSmartEntry({
-    layer,
-    from = layer,
-    name = layer,
-    filename = from,
-    options,
-  }) {
-    const path = `./${from}.yaml`;
-
-    this.compiler.options.entry[name] = {
-      import: [path],
-      layer,
-      runtime: false,
-      filename,
-    };
-
-    this.compiler.options.resolve.fallback[path] = emptyJSON;
-
-    this.compiler.options.module.rules.push({
-      issuerLayer: layer,
-      loader: yamlLoader,
-      type: 'asset/resource',
-      generator: {
-        filename: `${filename}.json`,
-      },
-      options,
-    });
-  }
-
-  apply(compiler) {
-    const { type } = this;
-    this.compiler = compiler;
-
-    if (type) {
-      this.addConfigSmartEntry({
-        layer: configKeys.project,
-        options: {
-          modify: (json) => ({
-            srcMiniprogramRoot: '',
-            miniprogramRoot: '',
-            pluginRoot: '',
-            ...json,
-            compileType: type,
-          }),
-        },
-      });
-
-      this.addConfigSmartEntry({
-        layer: configKeys.projectPrivate,
-      });
-
-      if (this.type === 'miniprogram') {
-        this.addConfigSmartEntry({
-          layer: configKeys.app,
-          from: 'app',
-          options: {
-            modify: patchConfig,
-          },
-        });
-
-        this.compiler.options.entry.app = {
-          import: ['./app'],
-        };
-      }
-    }
-  }
-}

package/plugin/emit-fake.mjs

@@ -1,35 +0,0 @@
-import { COMPONENT_ROOT } from '../helper/index.mjs';
-
-const files = {
-  '/fake.json': '{}',
-  '/fake.js': '/**用于创建分包的假页面**/',
-  '/fake.wxml': '<!--用于创建分包的假页面-->',
-};
-
-export class EmitFakePlugin {
-  PLUGIN_NAME = 'EmitFakePlugin';
-
-  apply(compiler) {
-    const {
-      sources: { RawSource },
-      Compilation: { PROCESS_ASSETS_STAGE_ADDITIONAL },
-    } = compiler.webpack;
-
-    compiler.hooks.make.tap(this.PLUGIN_NAME, (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: this.PLUGIN_NAME,
-          stage: PROCESS_ASSETS_STAGE_ADDITIONAL,
-        },
-        () => {
-          for (const [path, content] of Object.entries(files)) {
-            compilation.emitAsset(
-              COMPONENT_ROOT + path,
-              new RawSource(content),
-            );
-          }
-        },
-      );
-    });
-  }
-}

package/plugin/entry-rename.mjs

@@ -1,109 +0,0 @@
-/* eslint-disable no-continue */
-import path from 'node:path';
-
-const pluginName = 'EntryRenamePlugin';
-
-export class EntryRenamePlugin {
-  options;
-
-  constructor(options = {}) {
-    this.options = options;
-  }
-
-  getIssuerPath(issuerModule) {
-    return (
-      issuerModule?.nameForCondition?.() ??
-      issuerModule?.resource ??
-      issuerModule?.identifier?.()
-    );
-  }
-
-  matchIssuer(issuerPath) {
-    const { issuer } = this.options;
-
-    if (!issuer) {
-      return true;
-    }
-
-    if (!issuerPath) {
-      return false;
-    }
-
-    if (issuer instanceof RegExp) {
-      return issuer.test(issuerPath);
-    }
-
-    if (typeof issuer === 'function') {
-      return issuer(issuerPath);
-    }
-
-    return issuerPath.includes(issuer);
-  }
-
-  matchTest(filename) {
-    const { test } = this.options;
-
-    if (!test) {
-      return true;
-    }
-
-    if (test instanceof RegExp) {
-      return test.test(filename);
-    }
-
-    if (typeof test === 'function') {
-      return test(filename);
-    }
-
-    return filename.includes(test);
-  }
-
-  apply(compiler) {
-    compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
-      const { Compilation } = compiler.webpack;
-      compilation.hooks.processAssets.tap(
-        { name: pluginName, stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS },
-        () => {
-          for (const module of compilation.modules) {
-            const filename = module.buildInfo?.filename;
-
-            if (!filename) {
-              continue;
-            }
-
-            if (!this.matchTest(filename)) {
-              continue;
-            }
-
-            const issuerModule = compilation.moduleGraph.getIssuer(module);
-            const issuerPath = this.getIssuerPath(issuerModule);
-
-            if (!this.matchIssuer(issuerPath)) {
-              continue;
-            }
-
-            const chunks = compilation.chunkGraph.getModuleChunks(module);
-            const entryChunk = [...chunks].find((chunk) => chunk.name);
-
-            if (!entryChunk?.name) {
-              continue;
-            }
-
-            const ext = path.extname(filename);
-            const newName = `${entryChunk.name}${ext}`;
-
-            if (newName === filename) {
-              continue;
-            }
-
-            if (compilation.getAsset(newName)) {
-              continue;
-            }
-
-            compilation.renameAsset(filename, newName);
-          }
-        },
-      );
-    });
-  }
-}