proteum 1.0.0 → 1.0.2

package/cli/compiler/common/files/autres.ts

@@ -0,0 +1,39 @@
+import { staticAssetName } from '../../../paths';
+
+import type App from '../../../app';
+
+module.exports = (app: App, dev: boolean, client: boolean) => ([
+
+    // Allow to use ?raw at the end of the module path to iport the raw content only
+    // Example: import VisualParserSource from './Parsers/visual.js?raw';
+    {
+        resourceQuery: /raw/,
+        type: 'asset/source',
+    },
+
+    // Client uniquement: Retourne le fichier correspondant au fichier dans le dossier public
+    {
+        test: /\.(xml|ico|wav|mp3)$/,
+        //loader: 'file-loader',
+        type: 'asset/resource',
+        generator: {
+            filename: staticAssetName
+        }
+    },
+
+    // Texte brut
+    {
+        type: 'asset/source',
+        test: /\.(md|hbs|sql|txt|csv|html)$/,
+    },
+
+    // Polices dans un fichier distinc dans le dossier dédié
+    {
+        test: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
+        //loader: 'file-loader',
+        type: 'asset/resource',
+        generator: {
+            filename: 'fonts/[name].[ext]'
+        }
+    }
+])

package/cli/compiler/common/files/images.ts

@@ -0,0 +1,42 @@
+import { staticAssetName } from '../../../paths';
+import type webpack from 'webpack';
+
+module.exports = (app: App, dev: boolean, client: boolean): webpack.RuleSetRule[] => {
+
+    return [{
+        test: /\.(bmp|gif|png|jpe?g|ico|svg|webp)$/i,
+        type: 'asset',
+        parser: {
+            dataUrlCondition: {
+                // https://webpack.js.org/guides/asset-modules/#general-asset-type
+                // < 4kb = importation inline
+                // > 4kb = référence à l'url
+                maxSize: 4 * 1024 // 4kb
+            }
+        }
+
+    },
+
+    ...(dev ? [] : [{
+        test: /\.(jpg|jpeg|png)$/i,
+        type: "javascript/auto",
+        use: [{
+            loader: "responsive-loader",
+            options: {
+                sizes: [320, 480, 640, 768, 1024, 1300],
+                placeholder: true,
+                placeholderSize: 20,
+                quality: 100,
+                publicPath: '/public',
+
+                // Triggers error
+            // cacheDirectory: true,
+            }
+        }],
+    }]),
+
+    {
+        test: /\.(webm|mp4|avi|mpk|mov|mkv)$/,
+        type: 'asset/resource',
+    },]
+}

package/cli/compiler/common/files/style.ts

@@ -0,0 +1,80 @@
+// Plugons
+import MiniCssExtractPlugin from "mini-css-extract-plugin";
+
+import type { App } from '../../../app';
+
+module.exports = (app: App, dev: Boolean, client: boolean) => {
+
+    console.log('app.paths.root', app.paths.root)
+
+    return [
+
+        // Apply PostCSS plugins including autoprefixer
+        {
+            loader: MiniCssExtractPlugin.loader
+        },
+
+        // Process external/third-party styles
+        {
+            exclude: [app.paths.root],
+            loader: 'css-loader',
+            options: {
+                sourceMap: dev
+            },
+        },
+
+        // Process internal/project styles (from root folder)
+        {
+            include: [app.paths.root],
+            loader: 'css-loader',
+            options: {
+                // CSS Loader https://github.com/webpack/css-loader
+                importLoaders: 1, // let postcss run on @imports
+                sourceMap: dev
+            },
+        },
+
+        // Postcss
+        {
+            loader: 'postcss-loader',
+            options: {
+                postcssOptions: {
+                    plugins: [
+                        /* Tailwind V4 */require('@tailwindcss/postcss')({
+                            // Ensure Tailwind scans the application sources even if the build
+                            // process is launched from another working directory (e.g. Docker).
+                            base: app.paths.root,
+
+                            // Avoid double-minifying: Webpack already runs CssMinimizerPlugin in prod.
+                            optimize: false,
+                        }),
+                        ///* Tailwind V3 */require('tailwindcss'),
+                        require('autoprefixer'),
+                    ],
+                },
+            },
+        },
+
+        {
+            test: /\.less$/,
+            loader: 'less-loader',
+            options: {
+                lessOptions: {
+                    // RAPPEL: Rallonge considéralement le temps de compilation
+                    // Pour math.random
+                    //javascriptEnabled: true
+
+                    // Défault = parens-division depuis 4.0.0
+                    // https://lesscss.org/usage/#less-options-math
+                    math: 'always',
+                },
+            }
+        },
+
+        /*{
+            test: /\.scss/,
+            loader: process.env.framework + '/node_modules/sass-loader',
+        }*/
+    ]
+
+}

package/cli/compiler/common/index.ts

@@ -0,0 +1,160 @@
+/*----------------------------------
+- DEPENDANCES
+----------------------------------*/
+
+// npm
+import webpack from 'webpack';
+import dayjs from 'dayjs';
+import path from 'path';
+
+// Plugins
+const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;
+
+// Core
+import cli from '../..';
+
+// Type
+import type { App } from '../../app';
+import type { TAppSide } from '../../app';
+
+/*----------------------------------
+- CONSTANTS
+----------------------------------*/
+
+export const regex = {
+    scripts: /\.(ts|tsx)$/,
+    style: /\.(css|less|scss)$/,
+    images: /\.(bmp|gif|jpg|jpeg|png|ico|svg)$/, // SVG gérés par SVGR
+    fonts: /\.(woff(2)?|ttf|eot)(\?v=\d+\.\d+\.\d+)?$/,
+    staticAssetName: /*isDebug ? '[name].[ext].[hash:8]' :*/ '[hash:8][ext]',
+}
+
+/*----------------------------------
+- TYPES
+----------------------------------*/
+
+export type TCompileMode = 'dev' | 'prod'
+
+/*----------------------------------
+- BASE CONFIG
+----------------------------------*/
+
+export default function createCommonConfig( 
+    app: App, 
+    side: TAppSide, 
+    mode: TCompileMode,
+): webpack.Configuration {
+
+    const dev = mode === 'dev';
+    const config: webpack.Configuration = {
+
+        // Project root
+        context: app.paths.root,
+
+        mode: dev ? 'development' : 'production',
+
+        resolveLoader: {
+            // Support both install modes:
+            // - npm i: loaders are often hoisted in app/node_modules
+            // - npm link: loaders often live in framework/node_modules
+            modules: [
+                app.paths.root + '/node_modules',
+                cli.paths.core.root + '/node_modules',
+                cli.paths.core.cli + '/node_modules',
+            ],
+            mainFields: ['loader', 'main'],
+        },
+
+        plugins: [
+
+            // https://webpack.js.org/plugins/define-plugin/
+            new webpack.DefinePlugin({
+
+                // Flags
+                __DEV__: dev,
+                SERVER: side === 'server',
+
+                // Core
+                CORE_VERSION: JSON.stringify( cli.packageJson.version ),
+                CORE_PATH: JSON.stringify(cli.paths.core.root),
+
+                // Application
+                BUILD_DATE: JSON.stringify(dayjs().format('YY.MM.DD-HH.mm')),
+                BUILD_ID: JSON.stringify(app.buildId),
+                APP_PATH: JSON.stringify(app.paths.root),
+                APP_NAME: JSON.stringify(app.identity.web.title),
+
+            }),
+
+            ...(side === 'client' && cli.args.analyze ? [
+
+                new BundleAnalyzerPlugin({
+                    defaultSizes: 'stat',
+                    openAnalyzer: false
+                }),
+
+            ] : []),
+
+            ...(dev ? [
+
+                // HMR
+                //new webpack.HotModuleReplacementPlugin()
+
+            ] : []),
+
+        ],
+
+        resolve: {
+
+            // Empêche le remplatcement des chemins vers les liens symboliques par leur vrai chemin
+            // Permet de conserver le chemin des packages enregistrés via npm link
+            // Equivalent tsconfig: preserveSymlinks: true
+            symlinks: false,
+
+            /*modules: [
+                cli.paths.core.root + '/node_modules',
+                app.paths.root + '/node_modules',
+            ]*/
+        },
+
+        // Turn off performance processing because we utilize
+        // our own hints via the FileSizeReporter
+        performance: false,
+
+        // Don't attempt to continue if there are any errors.
+        bail: !dev,
+
+        // Persistent cache speeds up cold starts and incremental rebuilds.
+        cache: /*(dev || cli.args.cache === true) ? {
+            type: 'filesystem',
+            cacheDirectory: path.join(app.paths.cache, 'webpack', side),
+            compression: false,
+            buildDependencies: {
+                config: [__filename],
+            },
+        } : */false,
+
+        // Increase compilation performance
+        profile: false,
+
+        // Pour bundle-stats
+        // https://github.com/relative-ci/bundle-stats/tree/master/packages/cli#webpack-configuration
+        stats: {
+            cached: dev,
+            cachedAssets: dev,
+            chunks: dev,
+            chunkModules: dev,
+            colors: true,
+            hash: dev,
+            modules: dev,
+            reasons: dev,
+            timings: true,
+            version: dev,
+            errorDetails: true
+        },
+
+    }
+
+    return config;
+
+}