piral-cli-webpack5 0.14.0-unstable.3065 → 0.14.1-beta.3244

package/lib/{configs → webpack}/piral.js

@@ -9,14 +9,19 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPiralConfig = void 0;
+exports.create = void 0;
 const TerserPlugin = require("terser-webpack-plugin");
 const OptimizeCSSAssetsPlugin = require("optimize-css-assets-webpack-plugin");
+const utils_1 = require("piral-cli/utils");
+const path_1 = require("path");
+const bundler_run_1 = require("./bundler-run");
 const common_1 = require("./common");
 const html5_entry_webpack_config_enhancer_1 = require("../enhancers/html5-entry-webpack-config-enhancer");
 const piral_instance_webpack_config_enhancer_1 = require("../enhancers/piral-instance-webpack-config-enhancer");
 const hmr_webpack_config_enhancer_1 = require("../enhancers/hmr-webpack-config-enhancer");
-function getPiralConfig(template, dist, externals, develop = false, sourceMaps = true, contentHash = true, minimize = true, publicPath = '/', hmr = 0, progress = false) {
+const constants_1 = require("../constants");
+const helpers_1 = require("../helpers");
+function getConfig(template, dist, externals, develop = false, sourceMaps = true, contentHash = true, minimize = true, publicPath = '/', hmr = 0, progress = false) {
     return __awaiter(this, void 0, void 0, function* () {
         const production = !develop;
         const name = process.env.BUILD_PCKG_NAME;
@@ -66,5 +71,18 @@ function getPiralConfig(template, dist, externals, develop = false, sourceMaps =
         ];
     });
 }
-exports.getPiralConfig = getPiralConfig;
+const handler = {
+    create(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const otherConfigPath = (0, path_1.resolve)(options.root, constants_1.defaultWebpackConfig);
+            const hmrPort = options.hmr ? yield (0, utils_1.getFreePort)(62123) : 0;
+            const baseConfig = yield getConfig(options.entryFiles, options.outDir, options.externals, options.emulator, options.sourceMaps, options.contentHash, options.minify, options.publicUrl, hmrPort);
+            const wpConfig = (0, helpers_1.extendConfig)(baseConfig, otherConfigPath, {
+                watch: options.watch,
+            });
+            return (0, bundler_run_1.runWebpack)(wpConfig, options.logLevel);
+        });
+    },
+};
+exports.create = handler.create;
 //# sourceMappingURL=piral.js.map

package/lib/{configs → webpack}/piral.js.map

@@ -1 +1 @@
-{"version":3,"file":"piral.js","sourceRoot":"","sources":["../../src/configs/piral.ts"],"names":[],"mappings":";;;;;;;;;;;;AACA,sDAAsD;AACtD,8EAA8E;AAC9E,qCAAgG;AAChG,0GAAmG;AACnG,gHAAyG;AACzG,0FAAoF;AAEpF,SAAsB,cAAc,CAClC,QAAgB,EAChB,IAAY,EACZ,SAAwB,EACxB,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,GAAG,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GAAG,KAAK;;QAEhB,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC;QAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QACzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAE/C,MAAM,OAAO,GAAG,CAAC,OAA8B,EAAE,EAAE,CACjD;YACE,IAAA,sDAAwB,EAAC,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC;YACvC,IAAA,qEAA+B,EAAC,EAAE,CAAC;YACnC,IAAA,2EAAkC,EAAC;gBACjC,IAAI;gBACJ,OAAO;gBACP,SAAS;gBACT,SAAS,EAAE,IAAA,qBAAY,GAAE;aAC1B,CAAC;SACH,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;QAEjD,OAAO;YACL;gBACE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;gBAElF,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY;gBAE5C,KAAK,EAAE,CAAC,QAAQ,CAAC;gBAEjB,MAAM,EAAE;oBACN,UAAU;oBACV,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,SAAS,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,EAAE,IAAI;oBAC5D,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;iBAC5D;gBAED,OAAO,EAAE;oBACP,UAAU,EAAV,mBAAU;iBACX;gBAED,MAAM,EAAE;oBACN,KAAK,EAAE,IAAA,iBAAQ,EAAC,UAAU,CAAC;iBAC5B;gBAED,YAAY,EAAE;oBACZ,QAAQ;oBACR,SAAS,EAAE;wBACT,IAAI,YAAY,CAAC;4BACf,eAAe,EAAE,KAAK;4BACtB,aAAa,EAAE;gCACb,GAAG,EAAE,IAAI;6BACV;yBACF,CAAC;wBACF,IAAI,uBAAuB,CAAC,EAAE,CAAC;qBAChC;iBACF;gBAED,OAAO,EAAE,IAAA,mBAAU,EAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,CAAC;aACrD;YACD,OAAO;SACR,CAAC;IACJ,CAAC;CAAA;AApED,wCAoEC"}
+{"version":3,"file":"piral.js","sourceRoot":"","sources":["../../src/webpack/piral.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "piral-cli-webpack5",
-  "version": "0.14.0-unstable.3065",
+  "version": "0.14.1-beta.3244",
   "description": "Provides debug and build capabilities for pilets and Piral instances using Webpack v5.",
   "keywords": [
     "piral-cli",
@@ -48,17 +48,17 @@
     "@types/node": "^13.9.0",
     "@types/terser-webpack-plugin": "^5.0.0",
     "@types/yargs": "^15.0.4",
-    "piral-cli": "^0.14.0-unstable.3065",
+    "piral-cli": "0.14.1-beta.3244",
     "strip-ansi": "^3.0.0",
     "typescript": "^4.0.2"
   },
   "dependencies": {
-    "@babel/core": "^7.9.6",
-    "@babel/preset-env": "^7.9.6",
-    "@babel/preset-react": "^7.9.4",
+    "@babel/core": "^7.15.8",
+    "@babel/preset-env": "^7.15.8",
+    "@babel/preset-react": "^7.14.5",
     "ansi-html": "0.0.7",
     "babel-loader": "^8.1.0",
-    "cheerio": "^1.0.0-rc.3",
+    "cheerio": "^1.0.0-rc.10",
     "css-loader": "^5.0.0",
     "express": "^4.17.1",
     "file-loader": "^6.1.1",
@@ -66,7 +66,7 @@
     "html-webpack-plugin": "^5.2.0",
     "mini-css-extract-plugin": "^1.1.1",
     "optimize-css-assets-webpack-plugin": "^6.0.1",
-    "parcel-codegen-loader": "^0.7.0",
+    "parcel-codegen-loader": "^0.8.0",
     "querystring": "^0.2.0",
     "sass": "^1.32.12",
     "sass-loader": "^10.0.3",
@@ -78,5 +78,5 @@
     "webpack": "^5.1.3",
     "webpack-inject-plugin": "^1.5.5"
   },
-  "gitHead": "ddea3fc898459f6d2a7f936e2e50a4b5166170ad"
+  "gitHead": "358d1d5a45743dac772d437b26a875b3d98c3008"
 }

package/src/actions.ts

@@ -1,4 +1,4 @@
-import { callDynamic, callStatic } from './webpack';
+import { resolve } from 'path';
 import {
   DebugPiletBundlerDefinition,
   DebugPiralBundlerDefinition,
@@ -8,36 +8,21 @@ import {
 } from 'piral-cli';
 
 export const debugPiral: DebugPiralBundlerDefinition = {
-  async run(args) {
-    const bundler = await callDynamic('debug-piral', args);
-    return bundler;
-  },
+  path: resolve(__dirname, 'webpack', 'piral.js'),
 };
 
 export const watchPiral: WatchPiralBundlerDefinition = {
-  async run(args) {
-    const bundler = await callStatic('debug-mono-piral', args);
-    return bundler;
-  },
+  path: resolve(__dirname, 'webpack', 'piral.js'),
 };
 
 export const buildPiral: BuildPiralBundlerDefinition = {
-  async run(args) {
-    const bundler = await callStatic('build-piral', args);
-    return bundler.bundle;
-  },
+  path: resolve(__dirname, 'webpack', 'piral.js'),
 };
 
 export const debugPilet: DebugPiletBundlerDefinition = {
-  async run(args) {
-    const bundler = await callDynamic('debug-pilet', args);
-    return bundler;
-  },
+  path: resolve(__dirname, 'webpack', 'pilet.js'),
 };
 
 export const buildPilet: BuildPiletBundlerDefinition = {
-  async run(args) {
-    const bundler = await callStatic('build-pilet', args);
-    return bundler.bundle;
-  },
+  path: resolve(__dirname, 'webpack', 'pilet.js'),
 };

package/src/enhancers/html5-entry-webpack-config-enhancer/helpers.ts

@@ -61,7 +61,7 @@ export function replaceEntries(existingEntries: Array<string>, oldEntry: string,
   }
 }
 
-export function setEntries(config: Configuration, template: string, entries: [string, ...string[]]) {
+export function setEntries(config: Configuration, template: string, entries: [string, ...Array<string>]) {
   if (typeof config.entry === 'string') {
     config.entry = entries;
   } else if (Array.isArray(config.entry)) {

package/src/enhancers/html5-entry-webpack-config-enhancer/index.ts

@@ -7,29 +7,28 @@ import { getTemplates, extractParts, setEntries } from './helpers';
 
 export interface Html5EntryWebpackPluginOptions extends Omit<HtmlWebpackPlugin.Options, 'templateContent'> {}
 
-export const html5EntryWebpackConfigEnhancer = (options: Html5EntryWebpackPluginOptions) => (
-  compilerOptions: Configuration,
-) => {
-  const entry = compilerOptions.entry;
-  const [template] = getTemplates(entry);
+export const html5EntryWebpackConfigEnhancer =
+  (options: Html5EntryWebpackPluginOptions) => (compilerOptions: Configuration) => {
+    const entry = compilerOptions.entry;
+    const [template] = getTemplates(entry);
 
-  if (template) {
-    const src = dirname(template);
-    const templateContent = load(readFileSync(template, 'utf8'));
-    const entries = extractParts(templateContent).map((entry) => join(src, entry));
-    const plugins = [
-      new HtmlWebpackPlugin({
-        ...options,
-        templateContent: templateContent.html(),
-      }),
-    ];
+    if (template) {
+      const src = dirname(template);
+      const templateContent = load(readFileSync(template, 'utf8'));
+      const entries = extractParts(templateContent).map((entry) => join(src, entry));
+      const plugins = [
+        new HtmlWebpackPlugin({
+          ...options,
+          templateContent: templateContent.html(),
+        }),
+      ];
 
-    if (!entries.length) throw new Error('Template entries expected to be not empty');
+      if (!entries.length) throw new Error('Template entries expected to be not empty');
 
-    setEntries(compilerOptions, template, entries as [string, ...string[]]);
+      setEntries(compilerOptions, template, entries as [string, ...Array<string>]);
 
-    compilerOptions.plugins = [...compilerOptions.plugins, ...plugins];
-  }
+      compilerOptions.plugins = [...compilerOptions.plugins, ...plugins];
+    }
 
-  return compilerOptions;
-};
+    return compilerOptions;
+  };

package/src/enhancers/pilet-webpack-config-enhancer/index.ts

@@ -72,6 +72,31 @@ function piletVxWebpackConfigEnhancer(options: SchemaEnhancerOptions, compiler:
   return compiler;
 }
 
+function piletV0WebpackConfigEnhancer(options: SchemaEnhancerOptions, compiler: Configuration) {
+  const { name, variables, externals, file } = options;
+  const shortName = name.replace(/\W/gi, '');
+  const jsonpFunction = `pr_${shortName}`;
+
+  withSetPath(compiler);
+  setEnvironment(variables);
+  withExternals(compiler, externals);
+
+  compiler.plugins.push(
+    new DefinePlugin(getDefineVariables(variables)),
+    new BannerPlugin({
+      banner: `//@pilet v:0`,
+      entryOnly: true,
+      include: file,
+      raw: true,
+    }),
+  );
+  compiler.output.uniqueName = `${jsonpFunction}`;
+  compiler.output.library = name;
+  compiler.output.libraryTarget = 'umd';
+
+  return compiler;
+}
+
 function piletV1WebpackConfigEnhancer(options: SchemaEnhancerOptions, compiler: Configuration) {
   const { name, variables, externals, file } = options;
   const shortName = name.replace(/\W/gi, '');
@@ -123,7 +148,6 @@ function piletV2WebpackConfigEnhancer(options: SchemaEnhancerOptions, compiler:
   );
 
   compiler.plugins = [...compiler.plugins, ...plugins];
-  compiler.module.rules.push({ parser: { system: false } });
   compiler.output.uniqueName = `${jsonpFunction}`;
   compiler.output.library = { type: 'system' };
 
@@ -146,11 +170,12 @@ export const piletWebpackConfigEnhancer = (details: PiletWebpackConfigEnhancerOp
   };
 
   switch (schema) {
+    case 'v0':
+      return piletV0WebpackConfigEnhancer(options, compiler);
     case 'v1':
       return piletV1WebpackConfigEnhancer(options, compiler);
     case 'v2':
       return piletV2WebpackConfigEnhancer(options, compiler);
-    case 'v0':
     case 'none':
     default:
       return piletVxWebpackConfigEnhancer(options, compiler);

package/src/helpers.ts

@@ -1,6 +1,6 @@
 import { existsSync } from 'fs';
 import { Configuration } from 'webpack';
-import { DefaultConfiguration } from './configs/common';
+import { DefaultConfiguration } from './webpack/common';
 
 export function extendConfig(
   [webPackConfig, enhancer]: DefaultConfiguration,

package/src/plugins/SheetPlugin.ts

@@ -0,0 +1,46 @@
+import InjectPlugin from 'webpack-inject-plugin';
+import { Compilation } from 'webpack';
+import { RawSource } from 'webpack-sources';
+
+function sheetLoader(cssName: string, name: string) {
+  return () => {
+    const debug = process.env.NODE_ENV === 'development';
+    return [
+      `var d=document`,
+      `var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
+      `var e=d.createElement("link")`,
+      `e.setAttribute('data-origin', ${JSON.stringify(name)})`,
+      `e.type="text/css"`,
+      `e.rel="stylesheet"`,
+      `e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
+      `d.head.appendChild(e)`,
+    ].join(';');
+  };
+}
+
+export default class SheetPlugin extends InjectPlugin {
+  constructor(private cssName: string, name: string) {
+    super(sheetLoader(cssName, name));
+  }
+
+  apply(compiler) {
+    super.apply(compiler);
+
+    compiler.hooks.compilation.tap('SheetPlugin', (compilation) => {
+      if (!compilation.compiler.parentCompilation) {
+        compilation.hooks.processAssets.tap(
+          {
+            name: 'SheetPlugin',
+            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
+          },
+          (assets) => {
+            if (!assets[this.cssName]) {
+              const source = new RawSource('');
+              compilation.emitAsset(this.cssName, source);
+            }
+          },
+        );
+      }
+    });
+  }
+}

package/src/webpack/bundler-run.ts

@@ -1,12 +1,7 @@
 import * as webpack from 'webpack';
 import { resolve, basename, dirname } from 'path';
 import { EventEmitter } from 'events';
-import type { LogLevels } from 'piral-cli';
-
-interface BuildResult {
-  outFile: string;
-  outDir: string;
-}
+import type { LogLevels, BundleHandlerResponse } from 'piral-cli';
 
 function getOutput(stats: webpack.Stats) {
   const { outputPath, entrypoints } = stats.toJson();
@@ -34,77 +29,76 @@ function getPreset(logLevel: LogLevels) {
   }
 }
 
-export function runWebpack(wpConfig: webpack.Configuration, logLevel: LogLevels) {
+export function runWebpack(wpConfig: webpack.Configuration, logLevel: LogLevels): BundleHandlerResponse {
   const eventEmitter = new EventEmitter();
   const outDir = wpConfig.output.path;
-  const mainBundle = {
+  const bundle = {
+    outFile: '',
+    outDir,
     name: '',
+    hash: '',
     requireRef: undefined,
-    entryAsset: {
-      hash: '',
-    },
+  };
+
+  const updateBundle = (stats: webpack.Stats) => {
+    const file = getOutput(stats);
+    bundle.name = basename(file);
+    bundle.requireRef = stats.compilation.outputOptions?.uniqueName;
+    bundle.hash = stats.hash;
+    bundle.outFile = `/${basename(file)}`;
+    bundle.outDir = dirname(file);
   };
 
   wpConfig.plugins.push({
     apply(compiler: webpack.Compiler) {
       compiler.hooks.beforeCompile.tap('piral-cli', () => {
-        eventEmitter.emit('buildStart');
+        eventEmitter.emit('start');
       });
 
       compiler.hooks.done.tap('piral-cli', (stats) => {
-        mainBundle.name = getOutput(stats);
-        mainBundle.requireRef = stats.compilation.outputOptions?.uniqueName;
-        mainBundle.entryAsset.hash = stats.hash;
-        eventEmitter.emit('bundled');
+        updateBundle(stats);
+        eventEmitter.emit('end', bundle);
       });
     },
   });
 
-  const bundle = () =>
-    new Promise<BuildResult>((resolve, reject) => {
-      const preset = {
-        current: undefined,
-      };
-
-      const process = webpack(wpConfig, (err, stats) => {
-        if (err) {
-          console.error(err);
-          reject(err);
-        } else {
-          console.log(
-            stats.toString({
-              ...preset.current,
-              colors: true,
-            }),
-          );
+  return {
+    bundle() {
+      return new Promise((resolve, reject) => {
+        const preset = {
+          current: undefined,
+        };
 
-          if (stats.hasErrors()) {
-            reject(stats.toJson(preset.current));
+        const process = webpack(wpConfig, (err, stats) => {
+          if (err) {
+            console.error(err);
+            reject(err);
           } else {
-            const file = getOutput(stats);
-            resolve({
-              outFile: `/${basename(file)}`,
-              outDir: dirname(file),
-            });
-          }
-        }
-      });
+            console.log(
+              stats.toString({
+                ...preset.current,
+                colors: true,
+              }),
+            );
 
-      const compilation = process.createCompilation();
-      preset.current = compilation.createStatsOptions(getPreset(logLevel));
-    });
+            if (stats.hasErrors()) {
+              reject(stats.toJson(preset.current));
+            } else {
+              updateBundle(stats);
+              resolve(bundle);
+            }
+          }
+        });
 
-  return {
-    bundle,
-    on(ev: string, listener: () => void) {
-      eventEmitter.on(ev, listener);
+        const compilation = process.createCompilation();
+        preset.current = compilation.createStatsOptions(getPreset(logLevel));
+      });
     },
-    off(ev: string, listener: () => void) {
-      eventEmitter.off(ev, listener);
+    onStart(cb) {
+      eventEmitter.on('start', cb);
     },
-    options: {
-      outDir,
+    onEnd(cb) {
+      eventEmitter.on('end', cb);
     },
-    mainBundle,
   };
 }

package/src/{configs → webpack}/common.ts

@@ -1,7 +1,7 @@
 import * as MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { progress, logReset, log } from 'piral-cli/utils';
 import { RuleSetRule, ProgressPlugin, WebpackPluginInstance, Configuration } from 'webpack';
-import SheetPlugin from './SheetPlugin';
+import SheetPlugin from '../plugins/SheetPlugin';
 
 const piletCss = 'main.css';
 
@@ -50,7 +50,8 @@ export function getPlugins(plugins: Array<any>, showProgress: boolean, productio
   }
 
   if (production && pilet) {
-    otherPlugins.push(new SheetPlugin(piletCss) as any);
+    const name = process.env.BUILD_PCKG_NAME;
+    otherPlugins.push(new SheetPlugin(piletCss, name) as any);
   }
 
   return plugins.concat(otherPlugins);

package/src/{configs → webpack}/pilet.ts

@@ -1,10 +1,15 @@
+import type { PiletBuildHandler } from 'piral-cli';
 import * as TerserPlugin from 'terser-webpack-plugin';
 import * as OptimizeCSSAssetsPlugin from 'optimize-css-assets-webpack-plugin';
 import type { PiletSchemaVersion, SharedDependency } from 'piral-cli';
 import { getRules, getPlugins, extensions, getVariables, DefaultConfiguration } from './common';
 import { piletWebpackConfigEnhancer } from '../enhancers/pilet-webpack-config-enhancer';
+import { resolve } from 'path';
+import { runWebpack } from './bundler-run';
+import { defaultWebpackConfig } from '../constants';
+import { extendConfig } from '../helpers';
 
-export async function getPiletConfig(
+async function getConfig(
   template: string,
   dist: string,
   filename: string,
@@ -87,3 +92,29 @@ export async function getPiletConfig(
     enhance,
   ];
 }
+
+const handler: PiletBuildHandler = {
+  async create(options) {
+    const otherConfigPath = resolve(options.root, defaultWebpackConfig);
+    const baseConfig = await getConfig(
+      options.entryModule,
+      options.outDir,
+      options.outFile,
+      options.externals,
+      options.importmap,
+      options.piral,
+      options.version,
+      options.develop,
+      options.sourceMaps,
+      options.contentHash,
+      options.minify,
+    );
+    const wpConfig = extendConfig(baseConfig, otherConfigPath, {
+      watch: options.watch,
+    });
+
+    return runWebpack(wpConfig, options.logLevel);
+  },
+};
+
+export const create = handler.create;

package/src/{configs → webpack}/piral.ts

@@ -1,12 +1,18 @@
+import type { PiralBuildHandler } from 'piral-cli';
 import * as webpack from 'webpack';
 import * as TerserPlugin from 'terser-webpack-plugin';
 import * as OptimizeCSSAssetsPlugin from 'optimize-css-assets-webpack-plugin';
+import { getFreePort } from 'piral-cli/utils';
+import { resolve } from 'path';
+import { runWebpack } from './bundler-run';
 import { getRules, getPlugins, extensions, getVariables, DefaultConfiguration } from './common';
 import { html5EntryWebpackConfigEnhancer } from '../enhancers/html5-entry-webpack-config-enhancer';
 import { piralInstanceWebpackConfigEnhancer } from '../enhancers/piral-instance-webpack-config-enhancer';
 import { hmrWebpackConfigEnhancer } from '../enhancers/hmr-webpack-config-enhancer';
+import { defaultWebpackConfig } from '../constants';
+import { extendConfig } from '../helpers';
 
-export async function getPiralConfig(
+async function getConfig(
   template: string,
   dist: string,
   externals: Array<string>,
@@ -75,3 +81,28 @@ export async function getPiralConfig(
     enhance,
   ];
 }
+
+const handler: PiralBuildHandler = {
+  async create(options) {
+    const otherConfigPath = resolve(options.root, defaultWebpackConfig);
+    const hmrPort = options.hmr ? await getFreePort(62123) : 0;
+    const baseConfig = await getConfig(
+      options.entryFiles,
+      options.outDir,
+      options.externals,
+      options.emulator,
+      options.sourceMaps,
+      options.contentHash,
+      options.minify,
+      options.publicUrl,
+      hmrPort,
+    );
+    const wpConfig = extendConfig(baseConfig, otherConfigPath, {
+      watch: options.watch,
+    });
+
+    return runWebpack(wpConfig, options.logLevel);
+  },
+};
+
+export const create = handler.create;

package/lib/configs/SheetPlugin.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_inject_plugin_1 = require("webpack-inject-plugin");
-function sheetLoader(cssName) {
-    return () => {
-        const lines = [
-            `var d=document`,
-            `var e=d.createElement("link")`,
-            `e.type="text/css"`,
-            `e.rel="stylesheet"`,
-            `e.href=__webpack_public_path__ + ${JSON.stringify(cssName)}`,
-            `d.head.appendChild(e)`,
-        ];
-        return lines.join(';');
-    };
-}
-class SheetPlugin extends webpack_inject_plugin_1.default {
-    constructor(cssName) {
-        super(sheetLoader(cssName));
-    }
-}
-exports.default = SheetPlugin;
-//# sourceMappingURL=SheetPlugin.js.map

package/lib/configs/SheetPlugin.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SheetPlugin.js","sourceRoot":"","sources":["../../src/configs/SheetPlugin.ts"],"names":[],"mappings":";;AAAA,iEAAiD;AAEjD,SAAS,WAAW,CAAC,OAAe;IAClC,OAAO,GAAG,EAAE;QACV,MAAM,KAAK,GAAG;YACZ,gBAAgB;YAChB,+BAA+B;YAC/B,mBAAmB;YACnB,oBAAoB;YACpB,oCAAoC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,EAAE;YAC7D,uBAAuB;SACxB,CAAC;QACF,OAAO,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC;AAED,MAAqB,WAAY,SAAQ,+BAAY;IACnD,YAAY,OAAe;QACzB,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;IAC9B,CAAC;CACF;AAJD,8BAIC"}

package/lib/configs/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/configs/common.ts"],"names":[],"mappings":"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"}

package/lib/configs/index.d.ts

@@ -1,2 +0,0 @@
-export * from './pilet';
-export * from './piral';

package/lib/configs/index.js

@@ -1,15 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./pilet"), exports);
-__exportStar(require("./piral"), exports);
-//# sourceMappingURL=index.js.map

package/lib/configs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/configs/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB;AACxB,0CAAwB"}

package/lib/configs/pilet.d.ts

@@ -1,3 +0,0 @@
-import type { PiletSchemaVersion, SharedDependency } from 'piral-cli';
-import { DefaultConfiguration } from './common';
-export declare function getPiletConfig(template: string, dist: string, filename: string, externals: Array<string>, importmap: Array<SharedDependency>, piral: string, schema: PiletSchemaVersion, develop?: boolean, sourceMaps?: boolean, contentHash?: boolean, minimize?: boolean, publicPath?: string, progress?: boolean): Promise<DefaultConfiguration>;

package/lib/configs/pilet.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pilet.js","sourceRoot":"","sources":["../../src/configs/pilet.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,sDAAsD;AACtD,8EAA8E;AAE9E,qCAAgG;AAChG,8FAAwF;AAExF,SAAsB,cAAc,CAClC,QAAgB,EAChB,IAAY,EACZ,QAAgB,EAChB,SAAwB,EACxB,YAAqC,EAAE,EACvC,KAAa,EACb,MAA0B,EAC1B,OAAO,GAAG,KAAK,EACf,UAAU,GAAG,IAAI,EACjB,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,IAAI,EACf,UAAU,GAAG,GAAG,EAChB,QAAQ,GAAG,KAAK;;QAEhB,MAAM,UAAU,GAAG,CAAC,OAAO,CAAC;QAC5B,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC;QACzC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,kBAAkB,CAAC;QAC/C,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QAE7C,MAAM,OAAO,GAAG,IAAA,0DAA0B,EAAC;YACzC,IAAI;YACJ,KAAK;YACL,OAAO;YACP,KAAK;YACL,SAAS;YACT,SAAS;YACT,MAAM;YACN,QAAQ;YACR,SAAS,EAAE,IAAA,qBAAY,GAAE;SAC1B,CAAC,CAAC;QAEH,OAAO;YACL;gBACE,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;gBAElF,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY;gBAE5C,MAAM,EAAE,KAAK;gBAEb,KAAK,EAAE;oBACL,CAAC,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC;iBACpB;gBAED,MAAM,EAAE;oBACN,UAAU;oBACV,IAAI,EAAE,IAAI;oBACV,QAAQ,EAAE,WAAW;oBACrB,aAAa,EAAE,WAAW,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS;iBAC5D;gBAED,OAAO,EAAE;oBACP,UAAU,EAAV,mBAAU;iBACX;gBAED,MAAM,EAAE;oBACN,KAAK,EAAE,IAAA,iBAAQ,EAAC,UAAU,CAAC;iBAC5B;gBAED,YAAY,EAAE;oBACZ,QAAQ;oBACR,SAAS,EAAE;wBACT,IAAI,YAAY,CAAC;4BACf,eAAe,EAAE,KAAK;4BACtB,aAAa,EAAE;gCACb,GAAG,EAAE,IAAI;gCACT,MAAM,EAAE;oCACN,QAAQ,EAAE,SAAS;iCACpB;gCACD,MAAM,EAAE;oCACN,QAAQ,EAAE,CAAC,eAAe,CAAC;iCAC5B;6BACF;yBACF,CAAC;wBACF,IAAI,uBAAuB,CAAC,EAAE,CAAC;qBAChC;iBACF;gBAED,OAAO,EAAE,IAAA,mBAAU,EAAC,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,CAAC;aACpD;YACD,OAAO;SACR,CAAC;IACJ,CAAC;CAAA;AAlFD,wCAkFC"}

package/lib/configs/piral.d.ts

@@ -1,2 +0,0 @@
-import { DefaultConfiguration } from './common';
-export declare function getPiralConfig(template: string, dist: string, externals: Array<string>, develop?: boolean, sourceMaps?: boolean, contentHash?: boolean, minimize?: boolean, publicPath?: string, hmr?: number, progress?: boolean): Promise<DefaultConfiguration>;