Revert vite build

build-config/css-loader.config.js

@@ -0,0 +1,9 @@
+const isDev = process.env.NODE_ENV === 'development'
+
+module.exports = {
+ modules: {
+ localIdentName: isDev ? '[path][name]__[local]--[hash:base64:5]' : '[hash:base64:5]',
+ exportLocalsConvention: 'camelCase',
+ },
+ sourceMap: isDev,
+}

build-config/main/webpack.config.base.js

@@ -0,0 +1,48 @@
+const path = require('path')
+const ESLintPlugin = require('eslint-webpack-plugin')
+
+const isDev = process.env.NODE_ENV === 'development'
+
+module.exports = {
+ target: 'electron-main',
+ output: {
+ filename: '[name].js',
+ library: {
+ type: 'commonjs2',
+ },
+ path: path.join(__dirname, '../../dist'),
+ },
+ externals: {
+ 'font-list': 'font-list',
+ 'better-sqlite3': 'better-sqlite3',
+ 'electron-font-manager': 'electron-font-manager',
+ bufferutil: 'bufferutil',
+ 'utf-8-validate': 'utf-8-validate',
+ 'qrc_decode.node': isDev ? path.join(__dirname, '../../build/Release/qrc_decode.node') : path.join('../build/Release/qrc_decode.node'),
+ },
+ resolve: {
+ alias: {
+ '@main': path.join(__dirname, '../../src/main'),
+ '@renderer': path.join(__dirname, '../../src/renderer'),
+ '@lyric': path.join(__dirname, '../../src/renderer-lyric'),
+ '@common': path.join(__dirname, '../../src/common'),
+ },
+ extensions: ['.tsx', '.ts', '.js', '.mjs', '.json', '.node'],
+ },
+ module: {
+ rules: [
+ {
+ test: /\.node$/,
+ use: 'node-loader',
+ },
+ {
+ test: /\.tsx?$/,
+ use: 'ts-loader',
+ exclude: /node_modules/,
+ },
+ ],
+ },
+ plugins: [
+ new ESLintPlugin(),
+ ],
+}

build-config/main/webpack.config.dev.js

@@ -0,0 +1,28 @@
+const path = require('path')
+const { merge } = require('webpack-merge')
+const webpack = require('webpack')
+
+const baseConfig = require('./webpack.config.base')
+
+
+module.exports = merge(baseConfig, {
+ mode: 'development',
+ entry: {
+ main: path.join(__dirname, '../../src/main/index-dev.ts'),
+ // 'dbService.worker': path.join(__dirname, '../../src/main/worker/dbService/index.ts'),
+ },
+ devtool: 'eval-source-map',
+ plugins: [
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"development"',
+ },
+ webpackStaticPath: `"${path.join(__dirname, '../../src/static').replace(/\\/g, '\\\\')}"`,
+ webpackUserApiPath: `"${path.join(__dirname, '../../src/main/modules/userApi').replace(/\\/g, '\\\\')}"`,
+ }),
+ ],
+ performance: {
+ maxEntrypointSize: 1024 * 1024 * 50,
+ maxAssetSize: 1024 * 1024 * 30,
+ },
+})

build-config/main/webpack.config.prod.js

@@ -0,0 +1,49 @@
+const path = require('path')
+const { merge } = require('webpack-merge')
+const webpack = require('webpack')
+const CopyWebpackPlugin = require('copy-webpack-plugin')
+
+const baseConfig = require('./webpack.config.base')
+
+// const { dependencies } = require('../../package.json')
+
+const buildConfig = require('../webpack-build-config')
+
+
+module.exports = merge(baseConfig, {
+ mode: 'production',
+ entry: {
+ main: path.join(__dirname, '../../src/main/index.ts'),
+ // 'dbService.worker': path.join(__dirname, '../../src/main/worker/dbService/index.ts'),
+ },
+ node: {
+ __dirname: false,
+ __filename: false,
+ },
+ plugins: [
+ new CopyWebpackPlugin({
+ patterns: [
+ {
+ from: path.join(__dirname, '../../src/main/modules/userApi/renderer/user-api.html'),
+ to: path.join(__dirname, '../../dist/userApi/renderer/user-api.html'),
+ },
+ {
+ from: path.join(__dirname, '../../src/common/theme/images/*').replace(/\\/g, '/'),
+ to: path.join(__dirname, '../../dist/theme_images/[name][ext]'),
+ },
+ ],
+ }),
+ new webpack.DefinePlugin({
+ 'process.env': {
+ NODE_ENV: '"production"',
+ },
+ }),
+ ],
+ performance: {
+ maxEntrypointSize: 1024 * 1024 * 10,
+ maxAssetSize: 1024 * 1024 * 20,
+ },
+ optimization: {
+ minimize: buildConfig.minimize,
+ },
+})

build-config/pack.js

@@ -1,3 +1,146 @@
 process.env.NODE_ENV = 'production'
 
-require('./vite/pack')
+const chalk = require('chalk')
+const del = require('del')
+const webpack = require('webpack')
+const Spinnies = require('spinnies')
+
+const mainConfig = './main/webpack.config.prod'
+const rendererConfig = './renderer/webpack.config.prod'
+const rendererLyricConfig = './renderer-lyric/webpack.config.prod'
+const rendererScriptConfig = './renderer-scripts/webpack.config.prod'
+
+const errorLog = chalk.bgRed.white(' ERROR ') + ' '
+const okayLog = chalk.bgGreen.white(' OKAY ') + ' '
+
+const { Worker, isMainThread, parentPort } = require('worker_threads')
+
+
+function build() {
+ console.time('build')
+ del.sync(['dist/**', 'build/**'])
+
+ const spinners = new Spinnies({ color: 'blue' })
+ spinners.add('main', { text: 'main building' })
+ spinners.add('renderer', { text: 'renderer building' })
+ spinners.add('renderer-lyric', { text: 'renderer-lyric building' })
+ spinners.add('renderer-scripts', { text: 'renderer-scripts building' })
+ let results = ''
+
+ // m.on('success', () => {
+ // process.stdout.write('\x1B[2J\x1B[0f')
+ // console.log(`\n\n${results}`)
+ // console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`)
+ // process.exit()
+ // })
+ function handleSuccess() {
+ process.stdout.write('\x1B[2J\x1B[0f')
+ console.log(`\n\n${results}`)
+ console.log(`${okayLog}take it away ${chalk.yellow('`electron-builder`')}\n`)
+ console.timeEnd('build')
+ process.exit()
+ }
+
+ Promise.all([
+ pack(mainConfig).then(result => {
+ results += result + '\n\n'
+ spinners.succeed('main', { text: 'main build success!' })
+ }).catch(err => {
+ spinners.fail('main', { text: 'main build fail :(' })
+ console.log(`\n ${errorLog}failed to build main process`)
+ console.error(`\n${err}\n`)
+ process.exit(1)
+ }),
+ pack(rendererConfig).then(result => {
+ results += result + '\n\n'
+ spinners.succeed('renderer', { text: 'renderer build success!' })
+ }).catch(err => {
+ spinners.fail('renderer', { text: 'renderer build fail :(' })
+ console.log(`\n ${errorLog}failed to build renderer process`)
+ console.error(`\n${err}\n`)
+ process.exit(1)
+ }),
+ pack(rendererLyricConfig).then(result => {
+ results += result + '\n\n'
+ spinners.succeed('renderer-lyric', { text: 'renderer-lyric build success!' })
+ }).catch(err => {
+ spinners.fail('renderer-lyric', { text: 'renderer-lyric build fail :(' })
+ console.log(`\n ${errorLog}failed to build renderer-lyric process`)
+ console.error(`\n${err}\n`)
+ process.exit(1)
+ }),
+ pack(rendererScriptConfig).then(result => {
+ results += result + '\n\n'
+ spinners.succeed('renderer-scripts', { text: 'renderer-scripts build success!' })
+ }).catch(err => {
+ spinners.fail('renderer-scripts', { text: 'renderer-scripts build fail :(' })
+ console.log(`\n ${errorLog}failed to build renderer-scripts process`)
+ console.error(`\n${err}\n`)
+ process.exit(1)
+ }),
+ ]).then(handleSuccess)
+}
+
+function pack(config) {
+ return new Promise((resolve, reject) => {
+ const worker = new Worker(__filename)
+ const subChannel = new MessageChannel()
+ worker.postMessage({ port: subChannel.port1, config }, [subChannel.port1])
+ subChannel.port2.on('message', ({ status, message }) => {
+ switch (status) {
+ case 'success': return resolve(message)
+ case 'error': return reject(message)
+ }
+ })
+ })
+}
+
+function runPack(config) {
+ return new Promise((resolve, reject) => {
+ config = require(config)
+ config.mode = 'production'
+ webpack(config, (err, stats) => {
+ if (err) reject(err.stack || err)
+ else if (stats.hasErrors()) {
+ let err = ''
+
+ stats.toString({
+ chunks: false,
+ modules: false,
+ colors: true,
+ })
+ .split(/\r?\n/)
+ .forEach(line => {
+ err += ` ${line}\n`
+ })
+
+ reject(err)
+ } else {
+ resolve(stats.toString({
+ chunks: false,
+ colors: true,
+ }))
+ }
+ })
+ })
+}
+
+if (isMainThread) build()
+else {
+ parentPort.once('message', ({ port, config }) => {
+ // assert(port instanceof MessagePort)
+ runPack(config).then((result) => {
+ port.postMessage({
+ status: 'success',
+ message: result,
+ })
+ }).catch((err) => {
+ port.postMessage({
+ status: 'error',
+ message: err,
+ })
+ }).finally(() => {
+ port.close()
+ })
+ })
+}