frosty 0.0.67 → 0.0.69

package/packages/frosty-cli/{webpack.js → webpack.mjs}

@@ -1,49 +1,84 @@
-/* eslint no-var: 0 */
+//
+//  webpack.mjs
+//
+//  The MIT License
+//  Copyright (c) 2021 - 2025 O2ter Limited. All rights reserved.
+//
+//  Permission is hereby granted, free of charge, to any person obtaining a copy
+//  of this software and associated documentation files (the "Software"), to deal
+//  in the Software without restriction, including without limitation the rights
+//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+//  copies of the Software, and to permit persons to whom the Software is
+//  furnished to do so, subject to the following conditions:
+//
+//  The above copyright notice and this permission notice shall be included in
+//  all copies or substantial portions of the Software.
+//
+//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+//  THE SOFTWARE.
+//
 
-const _ = require('lodash');
-const os = require('os');
-const fs = require('fs');
-const path = require('path');
-const crypto = require('crypto');
-const webpack = require('webpack');
-const Dotenv = require('dotenv-webpack');
-const TerserPlugin = require('terser-webpack-plugin');
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const CopyPlugin = require('copy-webpack-plugin');
+import _ from 'lodash';
+import os from 'os';
+import fs from 'fs';
+import path from 'path';
+import crypto from 'crypto';
+import webpack from 'webpack';
+import Dotenv from 'dotenv-webpack';
+import TerserPlugin from 'terser-webpack-plugin';
+import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 
-const serverConfig = (() => {
-  try {
-    return require(path.resolve(process.cwd(), 'server.config.js'));
-  } catch {
-    return {};
-  }
-})();
+const { dirname: __dirname } = import.meta;
 
-const frostyDeps = (() => {
-  try {
-    const resolved = require.resolve('frosty');
-    return {
-      frosty: resolved.endsWith('/dist/index.js') ? resolved.replace('/index.js', '') : resolved,
-    };
-  } catch {
-    const { rollupConfig: { input } } = require(path.resolve(__dirname, '../../rollup.config.mjs'));
-    const resolved = {};
-    for (const [k, v] of _.entries(input)) {
-      if (k === 'index') continue;
-      resolved[`frosty/${k}`] = path.resolve(__dirname, '../..', v);
-    }
-    return {
-      ...resolved,
-      frosty: path.resolve(__dirname, '../../src/index'),
-    };
-  }
-})();
+export default async (env, argv) => {
+
+  const {
+    CONFIG_FILE = 'server.config.js',
+    INPUT_FILE,
+    PORT = 8080,
+  } = env;
 
-module.exports = (env, argv) => {
+  const serverConfig = await (async () => {
+    try {
+      return await import(path.resolve(process.cwd(), CONFIG_FILE));
+    } catch {
+      return {};
+    }
+  })();
 
   const config = _.isFunction(serverConfig) ? serverConfig(env, argv) : serverConfig;
   const IS_PRODUCTION = argv.mode !== 'development';
 
+  const {
+    SRCROOT = config.src,
+    OUTPUT_DIR = config.output || path.resolve(__dirname, 'dist'),
+  } = env;
+
+  const frostyDeps = await (async () => {
+    try {
+      const resolved = import.meta.resolve('frosty');
+      return {
+        frosty: path.dirname(resolved.replace('file://', '')),
+      };
+    } catch {
+      const { rollupConfig: { input } } = await import(path.resolve(__dirname, '../../rollup.config.mjs'));
+      const resolved = {};
+      for (const [k, v] of _.entries(input)) {
+        if (k === 'index') continue;
+        resolved[`frosty/${k}`] = path.resolve(__dirname, '../..', v);
+      }
+      return {
+        ...resolved,
+        frosty: path.resolve(__dirname, '../../src/index'),
+      };
+    }
+  })();
+
   const babelLoaderConfiguration = ({ server }) => ({
     test: /\.(ts|tsx|m?js)?$/i,
     use: {
@@ -83,9 +118,9 @@ module.exports = (env, argv) => {
     test: /\.(css|sass|scss)$/,
     use: [
       !server && MiniCssExtractPlugin.loader,
-      'css-loader',
+      path.resolve(__dirname, 'node_modules/css-loader'),
       {
-        loader: 'postcss-loader',
+        loader: path.resolve(__dirname, 'node_modules/postcss-loader'),
         options: {
           postcssOptions: {
             plugins: [
@@ -94,14 +129,14 @@ module.exports = (env, argv) => {
           }
         }
       },
-      'sass-loader',
+      path.resolve(__dirname, 'node_modules/sass-loader'),
     ].filter(Boolean),
   });
 
   const imageLoaderConfiguration = ({ server }) => ({
     test: /\.(gif|jpe?g|a?png|svg)$/i,
     use: {
-      loader: 'file-loader',
+      loader: path.resolve(__dirname, 'node_modules/file-loader'),
       options: {
         name: '[name].[contenthash].[ext]',
         publicPath: '/images',
@@ -114,7 +149,7 @@ module.exports = (env, argv) => {
   const fontLoaderConfiguration = ({ server }) => ({
     test: /\.ttf$/i,
     use: {
-      loader: 'file-loader',
+      loader: path.resolve(__dirname, 'node_modules/file-loader'),
       options: {
         name: '[name].[contenthash].[ext]',
         publicPath: '/fonts',
@@ -151,6 +186,9 @@ module.exports = (env, argv) => {
     resolve: {
       ...config.options?.resolve ?? {},
       alias: {
+        ...SRCROOT ? {
+          '~': path.resolve(process.cwd(), SRCROOT),
+        } : {},
         ...frostyDeps,
         ...config.options?.resolve?.alias ?? {},
       },
@@ -174,10 +212,11 @@ module.exports = (env, argv) => {
   const random = crypto.randomUUID();
   const tempDir = fs.mkdtempSync(`${os.tmpdir()}${path.sep}`);
   const applications = path.resolve(tempDir, `applications-${random}.js`);
+  const inputs = INPUT_FILE ? { main: { entry: path.join(process.cwd(), INPUT_FILE), uri: '/' } } : config.client;
 
   fs.writeFileSync(applications, `
-    ${_.map(config.client, ({ entry }, name) => `import * as ${name} from '${path.resolve(process.cwd(), entry)}';`).join('\n')}
-    export { ${_.keys(config.client).join(',')} };
+    ${_.map(inputs, ({ entry }, name) => `import * as ${name} from '${path.resolve(process.cwd(), entry)}';`).join('\n')}
+    export { ${_.keys(inputs).join(',')} };
   `);
 
   const moduleSuffixes = {
@@ -186,18 +225,18 @@ module.exports = (env, argv) => {
   };
 
   return [
-    ..._.map(config.client, ({ entry }, name) => ({
+    ..._.map(inputs, ({ entry }, name) => ({
       ...webpackConfiguration,
       optimization: webpackOptimization({ server: false }),
       plugins: webpackPlugins,
       entry: {
         [`${name}_bundle`]: [
           'core-js/stable',
-          path.resolve(__dirname, './client/index.js'),
+          path.resolve(__dirname, './src/client/index.js'),
         ],
       },
       output: {
-        path: config.output ? path.join(config.output, 'public') : path.join(__dirname, 'dist/public'),
+        path: path.join(OUTPUT_DIR, 'public'),
       },
       resolve: {
         ...webpackConfiguration.resolve,
@@ -226,11 +265,16 @@ module.exports = (env, argv) => {
       optimization: webpackOptimization({ server: false }),
       plugins: _.compact([
         ...webpackPlugins,
+        new webpack.EnvironmentPlugin({ PORT }),
+        new webpack.DefinePlugin({
+          __applications__: JSON.stringify(_.mapValues(inputs, x => ({
+            path: x.uri,
+            basename: x.basename,
+          }))),
+        }),
         ...config.options?.server?.plugins ?? [],
-        config.serverAssets && new CopyPlugin({ patterns: config.serverAssets }),
       ]),
       target: 'node',
-      plugins: webpackPlugins,
       entry: {
         server: [
           'core-js/stable',
@@ -238,7 +282,7 @@ module.exports = (env, argv) => {
         ],
       },
       output: {
-        path: config.output || path.resolve(__dirname, 'dist'),
+        path: OUTPUT_DIR,
       },
       resolve: {
         ...webpackConfiguration.resolve,