@celljs/react 3.8.0 → 4.0.0

package/cell-cdn.yml

@@ -1,11 +0,0 @@
-frontend:
-  cell:
-    webpack:
-      config:
-        externals:
-          react: React
-          react-dom: ReactDOM
-      htmlWebpackTagsPlugin:
-        react: "https://cdn.jsdelivr.net/npm/react@^18.2.0/umd/react.${cliContext.dev ? 'development' : 'production.min'}.js"
-        react-dom: "https://cdn.jsdelivr.net/npm/react-dom@^18.2.0/umd/react-dom.${cliContext.dev ? 'development' : 'production.min'}.js"
-  

package/lib/hooks/webpack.d.ts

@@ -1,4 +0,0 @@
-import { WebpackContext } from '@celljs/cli-service/lib/context/context-protocol';
-export default _default;
-declare function _default(context: WebpackContext): Promise<void>;
-//# sourceMappingURL=webpack.d.ts.map

package/lib/hooks/webpack.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"webpack.d.ts","sourceRoot":"","sources":["../../src/hooks/webpack.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAwB,MAAM,kDAAkD,CAAC;;0BAqBlF,OAAO,EAAE,cAAc"}

package/lib/hooks/webpack.js

@@ -1,203 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-const fs = __importStar(require("fs-extra"));
-const path = __importStar(require("path"));
-const context_protocol_1 = require("@celljs/cli-service/lib/context/context-protocol");
-const config_util_1 = require("@celljs/cli-common/lib/utils/config-util");
-const findExisting = (context, files) => {
-    for (const file of files) {
-        if (fs.existsSync(path.join(context, file))) {
-            return file;
-        }
-    }
-};
-exports.default = async (context) => {
-    var _a;
-    var _b;
-    const { configurations, cfg, dev } = context;
-    const webpackConfig = context_protocol_1.ConfigurationContext.getFrontendConfiguration(configurations);
-    if (webpackConfig) {
-        const appRootDir = process.cwd();
-        const shadowMode = false;
-        const rootReactOptions = (_b = (_a = config_util_1.ConfigUtil.getFrontendCellConfig(cfg)) === null || _a === void 0 ? void 0 : _a.react) !== null && _b !== void 0 ? _b : {};
-        const defaultSassLoaderOptions = {
-            implementation: require('sass')
-        };
-        const css = rootReactOptions.css || {};
-        const { extract = !dev, sourceMap = false, loaderOptions = {} } = css;
-        let { requireModuleExtension } = css;
-        if (typeof requireModuleExtension === 'undefined') {
-            if (loaderOptions.css && loaderOptions.css.modules) {
-                throw new Error('`css.requireModuleExtension` is required when custom css modules options provided');
-            }
-            requireModuleExtension = true;
-        }
-        const { filenameHashing = true, productionSourceMap = true } = rootReactOptions;
-        const shouldExtract = extract !== false && !shadowMode;
-        const filename = `css/[name]${filenameHashing ? '.[contenthash:8]' : ''}.css`;
-        const cssPublicPath = '../';
-        const extractOptions = Object.assign({
-            filename,
-            chunkFilename: filename,
-        }, extract && typeof extract === 'object' ? extract : {});
-        const hasPostCSSConfig = !!(loaderOptions.postcss ||
-            findExisting(appRootDir, [
-                '.postcssrc',
-                '.postcssrc.js',
-                'postcss.config.js',
-                '.postcssrc.yaml',
-                '.postcssrc.json',
-            ]));
-        if (!hasPostCSSConfig) {
-            loaderOptions.postcss = {
-                postcssOptions: {
-                    plugins: [require('autoprefixer')],
-                }
-            };
-        }
-        // if building for production but not extracting CSS, we need to minimize
-        // the embbeded inline CSS as they will not be going through the optimizing
-        // plugin.
-        const needInlineMinification = !dev && !shouldExtract;
-        const cssnanoOptions = {
-            preset: [
-                'default',
-                {
-                    mergeLonghand: false,
-                    cssDeclarationSorter: false,
-                },
-            ],
-        };
-        if (productionSourceMap && sourceMap) {
-            // @ts-ignore
-            cssnanoOptions.map = { inline: false };
-        }
-        // @ts-ignore
-        function createCSSRule(lang, test, loader, options = {}) {
-            const baseRule = webpackConfig.module.rule(lang).test(test);
-            // rules for *.module.* files
-            const extModulesRule = baseRule
-                .oneOf('normal-modules')
-                .test(/\.module\.\w+$/);
-            applyLoaders(extModulesRule, true);
-            // rules for normal CSS imports
-            const normalRule = baseRule.oneOf('normal');
-            applyLoaders(normalRule, !requireModuleExtension);
-            function applyLoaders(rule, isCssModule) {
-                if (shouldExtract) {
-                    rule.use('extract-css-loader')
-                        .loader(require('mini-css-extract-plugin').loader)
-                        .options({
-                        publicPath: cssPublicPath,
-                    });
-                }
-                else {
-                    rule.use('style-loader')
-                        .loader(require.resolve('style-loader'))
-                        .options({
-                        injectType: 'singletonStyleTag'
-                    });
-                }
-                const cssLoaderOptions = Object.assign({
-                    sourceMap,
-                    importLoaders: 1 + // stylePostLoader injected by vue-loader
-                        1 + // postcss-loader
-                        (needInlineMinification ? 1 : 0),
-                }, loaderOptions.css);
-                if (isCssModule) {
-                    cssLoaderOptions.modules = {
-                        localIdentName: '[name]_[local]_[hash:base64:5]',
-                        ...cssLoaderOptions.modules,
-                    };
-                }
-                else {
-                    delete cssLoaderOptions.modules;
-                }
-                rule.use('css-loader')
-                    .loader(require.resolve('css-loader'))
-                    .options(cssLoaderOptions);
-                if (needInlineMinification) {
-                    rule.use('cssnano')
-                        .loader(require.resolve('postcss-loader'))
-                        .options({
-                        sourceMap,
-                        plugins: [require('cssnano')(cssnanoOptions)],
-                    });
-                }
-                rule.use('postcss-loader')
-                    .loader(require.resolve('postcss-loader'))
-                    .options(Object.assign({ sourceMap }, loaderOptions.postcss));
-                if (loader) {
-                    let resolvedLoader;
-                    try {
-                        resolvedLoader = require.resolve(loader);
-                    }
-                    catch (error) {
-                        resolvedLoader = loader;
-                    }
-                    rule.use(loader)
-                        .loader(resolvedLoader)
-                        .options(Object.assign({ sourceMap }, options));
-                }
-            }
-        }
-        createCSSRule('css', /\.css$/);
-        createCSSRule('postcss', /\.p(ost)?css$/);
-        createCSSRule('scss', /\.scss$/, 'sass-loader', Object.assign({}, defaultSassLoaderOptions, loaderOptions.scss || loaderOptions.sass));
-        createCSSRule('sass', /\.sass$/, 'sass-loader', Object.assign({}, defaultSassLoaderOptions, loaderOptions.sass, {
-            sassOptions: Object.assign({}, loaderOptions.sass &&
-                loaderOptions.sass.sassOptions, {
-                indentedSyntax: true,
-            }),
-        }));
-        createCSSRule('less', /\.less$/, 'less-loader', loaderOptions.less);
-        createCSSRule('stylus', /\.styl(us)?$/, 'stylus-loader', Object.assign({
-            preferPathResolver: 'webpack',
-        }, loaderOptions.stylus));
-        // inject CSS extraction plugin
-        if (shouldExtract) {
-            webpackConfig
-                .plugin('extract-css')
-                .use(require('mini-css-extract-plugin'), [extractOptions]);
-            // minify extracted CSS
-            webpackConfig
-                .optimization
-                .minimizer('optimize-css')
-                .use(require('css-minimizer-webpack-plugin'));
-        }
-    }
-};
-//# sourceMappingURL=webpack.js.map

package/lib/hooks/webpack.js.map

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

package/src/hooks/webpack.ts

@@ -1,244 +0,0 @@
-import * as fs from 'fs-extra';
-import * as path from 'path';
-import { WebpackContext, ConfigurationContext } from '@celljs/cli-service/lib/context/context-protocol';
-import { ConfigUtil } from '@celljs/cli-common/lib/utils/config-util';
-/* eslint-disable @typescript-eslint/ban-ts-comment */
-
-interface LoaderOptions {
-    css: any,
-    scss: any,
-    sass: any,
-    less: any,
-    stylus: any,
-    postcss: any,
-}
-
-const findExisting = (context: string, files: string[]) => {
-    for (const file of files) {
-        if (fs.existsSync(path.join(context, file))) {
-            return file;
-        }
-    }
-};
-
-export default async (context: WebpackContext) => {
-    const { configurations, cfg, dev } = context;
-    const webpackConfig = ConfigurationContext.getFrontendConfiguration(
-        configurations
-    );
-    if (webpackConfig) {
-        const appRootDir = process.cwd();
-        const shadowMode = false;
-        const rootReactOptions = ConfigUtil.getFrontendCellConfig(cfg)?.react ?? {};
-        const defaultSassLoaderOptions = {
-            implementation: require('sass')
-        };
-        const css = rootReactOptions.css || {};
-        const { extract = !dev, sourceMap = false, loaderOptions = {} as LoaderOptions } = css;
-
-        let { requireModuleExtension } = css;
-        if (typeof requireModuleExtension === 'undefined') {
-            if (loaderOptions.css && loaderOptions.css.modules) {
-                throw new Error(
-                    '`css.requireModuleExtension` is required when custom css modules options provided'
-                );
-            }
-            requireModuleExtension = true;
-        }
-
-        const { filenameHashing = true, productionSourceMap = true } = rootReactOptions;
-        const shouldExtract = extract !== false && !shadowMode;
-        const filename = `css/[name]${filenameHashing ? '.[contenthash:8]' : ''}.css`;
-        const cssPublicPath = '../';
-
-        const extractOptions = Object.assign(
-            {
-                filename,
-                chunkFilename: filename,
-            },
-            extract && typeof extract === 'object' ? extract : {}
-        );
-
-        const hasPostCSSConfig = !!(
-            loaderOptions.postcss ||
-            findExisting(appRootDir, [
-                '.postcssrc',
-                '.postcssrc.js',
-                'postcss.config.js',
-                '.postcssrc.yaml',
-                '.postcssrc.json',
-            ])
-        );
-
-        if (!hasPostCSSConfig) {
-            loaderOptions.postcss = {
-                postcssOptions: {
-                    plugins: [require('autoprefixer')],
-                }
-            };
-        }
-
-        // if building for production but not extracting CSS, we need to minimize
-        // the embbeded inline CSS as they will not be going through the optimizing
-        // plugin.
-        const needInlineMinification = !dev && !shouldExtract;
-
-        const cssnanoOptions = {
-            preset: [
-                'default',
-                {
-                    mergeLonghand: false,
-                    cssDeclarationSorter: false,
-                },
-            ],
-        };
-        if (productionSourceMap && sourceMap) {
-            // @ts-ignore
-            cssnanoOptions.map = { inline: false };
-        }
-
-        // @ts-ignore
-        function createCSSRule(lang: string,
-                               test: RegExp,
-                               loader?: string,
-                               options = {}) {
-            const baseRule = webpackConfig!.module.rule(lang).test(test);
-
-            // rules for *.module.* files
-            const extModulesRule = baseRule
-                .oneOf('normal-modules')
-                .test(/\.module\.\w+$/);
-            applyLoaders(extModulesRule, true);
-
-            // rules for normal CSS imports
-            const normalRule = baseRule.oneOf('normal');
-            applyLoaders(normalRule, !requireModuleExtension);
-
-            function applyLoaders(rule: any, isCssModule: boolean) {
-                if (shouldExtract) {
-                    rule.use('extract-css-loader')
-                        .loader(require('mini-css-extract-plugin').loader)
-                        .options({
-                            publicPath: cssPublicPath,
-                        });
-                } else {
-                    rule.use('style-loader')
-                        .loader(require.resolve('style-loader'))
-                        .options({
-                            injectType: 'singletonStyleTag'
-                        });
-                }
-
-                const cssLoaderOptions = Object.assign(
-                    {
-                        sourceMap,
-                        importLoaders:
-                            1 + // stylePostLoader injected by vue-loader
-                            1 + // postcss-loader
-                            (needInlineMinification ? 1 : 0),
-                    },
-                    loaderOptions.css
-                );
-
-                if (isCssModule) {
-                    cssLoaderOptions.modules = {
-                        localIdentName: '[name]_[local]_[hash:base64:5]',
-                        ...cssLoaderOptions.modules,
-                    };
-                } else {
-                    delete cssLoaderOptions.modules;
-                }
-
-                rule.use('css-loader')
-                    .loader(require.resolve('css-loader'))
-                    .options(cssLoaderOptions);
-
-                if (needInlineMinification) {
-                    rule.use('cssnano')
-                        .loader(require.resolve('postcss-loader'))
-                        .options({
-                            sourceMap,
-                            plugins: [require('cssnano')(cssnanoOptions)],
-                        });
-                }
-
-                rule.use('postcss-loader')
-                    .loader(require.resolve('postcss-loader'))
-                    .options(
-                        Object.assign({ sourceMap }, loaderOptions.postcss)
-                    );
-
-                if (loader) {
-                    let resolvedLoader;
-                    try {
-                        resolvedLoader = require.resolve(loader);
-                    } catch (error) {
-                        resolvedLoader = loader;
-                    }
-
-                    rule.use(loader)
-                        .loader(resolvedLoader)
-                        .options(Object.assign({ sourceMap }, options));
-                }
-            }
-        }
-
-        createCSSRule('css', /\.css$/);
-        createCSSRule('postcss', /\.p(ost)?css$/);
-        createCSSRule(
-            'scss',
-            /\.scss$/,
-            'sass-loader',
-            Object.assign(
-                {},
-                defaultSassLoaderOptions,
-                loaderOptions.scss || loaderOptions.sass
-            )
-        );
-        createCSSRule(
-            'sass',
-            /\.sass$/,
-            'sass-loader',
-            Object.assign(
-                {},
-                defaultSassLoaderOptions,
-                loaderOptions.sass,
-                {
-                    sassOptions: Object.assign(
-                        {},
-                        loaderOptions.sass &&
-                        loaderOptions.sass.sassOptions,
-                        {
-                            indentedSyntax: true,
-                        }
-                    ),
-                }
-            )
-        );
-        createCSSRule('less', /\.less$/, 'less-loader', loaderOptions.less);
-        createCSSRule(
-            'stylus',
-            /\.styl(us)?$/,
-            'stylus-loader',
-            Object.assign(
-                {
-                    preferPathResolver: 'webpack',
-                },
-                loaderOptions.stylus
-            )
-        );
-
-        // inject CSS extraction plugin
-        if (shouldExtract) {
-            webpackConfig
-                .plugin('extract-css')
-                .use(require('mini-css-extract-plugin'), [extractOptions]);
-
-            // minify extracted CSS
-            webpackConfig
-                    .optimization
-                        .minimizer('optimize-css')
-                            .use(require('css-minimizer-webpack-plugin'));
-        }
-    }
-};