@shuvi/toolpack 0.0.1-rc.9 → 1.0.0-rc.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shuvi/toolpack",
-  "version": "0.0.1-rc.9",
+  "version": "1.0.0-rc.10",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/shuvijs/shuvi.git",
@@ -20,63 +20,69 @@
     "node": ">= 12.0.0"
   },
   "dependencies": {
-    "@babel/core": "7.10.1",
-    "@babel/plugin-proposal-class-properties": "7.10.1",
+    "@shuvi/compiler": "1.0.0-rc.10",
+    "@babel/core": "7.12.10",
+    "@babel/plugin-proposal-class-properties": "7.12.1",
     "@babel/plugin-proposal-nullish-coalescing-operator": "7.10.1",
-    "@babel/plugin-proposal-numeric-separator": "7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "7.10.1",
-    "@babel/plugin-proposal-optional-chaining": "7.10.1",
+    "@babel/plugin-proposal-numeric-separator": "7.12.7",
+    "@babel/plugin-proposal-object-rest-spread": "7.12.1",
+    "@babel/plugin-proposal-optional-chaining": "7.12.7",
     "@babel/plugin-syntax-bigint": "7.8.3",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-runtime": "7.10.1",
-    "@babel/preset-env": "7.10.1",
+    "@babel/plugin-transform-runtime": "7.12.10",
+    "@babel/preset-env": "7.12.11",
     "@babel/preset-react": "7.10.1",
-    "@babel/preset-typescript": "7.10.1",
-    "@babel/runtime": "7.10.1",
-    "@shuvi/shared": "^0.0.1-rc.9",
-    "@shuvi/types": "^0.0.1-rc.9",
-    "@shuvi/utils": "^0.0.1-rc.9",
-    "babel-loader": "8.1.0",
+    "@babel/preset-typescript": "7.12.7",
+    "@babel/runtime": "7.12.5",
+    "@parcel/css": "1.2.0",
+    "@shuvi/shared": "1.0.0-rc.10",
+    "@shuvi/utils": "1.0.0-rc.10",
+    "babel-loader": "8.2.2",
     "babel-plugin-syntax-jsx": "6.18.0",
     "babel-plugin-transform-define": "2.0.0",
     "babel-plugin-transform-react-remove-prop-types": "0.4.24",
-    "buffer": "5.6.0",
+    "browserslist": "4.19.1",
+    "buffer": "6.0.3",
+    "cross-spawn": "7.0.3",
     "crypto-browserify": "3.12.0",
-    "css-loader": "4.3.0",
-    "file-loader": "6.1.0",
-    "fork-ts-checker-webpack-plugin": "5.2.0",
+    "css-loader": "5.0.1",
+    "css-minimizer-webpack-plugin": "3.4.1",
+    "es-module-lexer": "0.10.5",
+    "esbuild": "0.14.38",
+    "esbuild-loader": "^2.19.0",
+    "file-loader": "6.2.0",
+    "fork-ts-checker-webpack-plugin": "6.0.8",
+    "fs-extra": "9.0.1",
     "ignore-loader": "0.1.2",
-    "launch-editor": "2.2.1",
     "loader-utils": "2.0.0",
-    "mini-css-extract-plugin": "0.11.3",
+    "mini-css-extract-plugin": "1.3.9",
+    "mrmime": "1.0.0",
     "path-browserify": "1.0.1",
-    "postcss": "8.1.1",
-    "postcss-flexbugs-fixes": "4.2.1",
-    "postcss-loader": "4.0.3",
+    "postcss": "8.4.14",
+    "postcss-flexbugs-fixes": "5.0.2",
+    "postcss-loader": "4.1.0",
     "postcss-preset-env": "6.7.0",
     "process": "0.11.10",
-    "react-error-overlay": "6.0.7",
-    "sass": "1.26.12",
-    "sass-loader": "10.0.2",
+    "regenerator-runtime": "^0.13.9",
+    "@swc/helpers": "0.4.3",
+    "sass-loader": "10.1.0",
     "stream-browserify": "3.0.0",
-    "strip-ansi": "6.0.0",
-    "style-loader": "1.3.0",
-    "terser-webpack-plugin": "4.2.3",
+    "style-loader": "2.0.0",
+    "terser-webpack-plugin": "5.2.5",
+    "typescript": "4.7.4",
     "vm-browserify": "1.1.2",
-    "webpack-bundle-analyzer": "3.9.0",
+    "webpack": "5.73.0",
+    "webpack-bundle-analyzer": "4.3.0",
     "webpack-chain": "6.5.1",
-    "webpack-sources": "2.0.1"
+    "webpack-sources": "2.2.0",
+    "webpack-virtual-modules": "0.4.3"
   },
   "devDependencies": {
+    "@types/babel__core": "^7.1.19",
+    "@types/cross-spawn": "6.0.1",
     "@types/loader-utils": "2.0.1",
-    "@types/mini-css-extract-plugin": "^0.9.1",
-    "@types/terser-webpack-plugin": "4.2.0",
+    "@types/mini-css-extract-plugin": "^1.2.2",
     "@types/webpack-bundle-analyzer": "^3.8.0",
-    "memfs": "^3.1.2",
-    "webpack": "5.3.2"
-  },
-  "peerDependencies": {
-    "webpack": "5.3.2"
-  },
-  "gitHead": "b0c352fb22c6f707e96c786d1d001c0588fc2833"
+    "memfs": "^3.1.2"
+  }
 }

package/lib/utils/emptyComponent.d.ts

@@ -1 +0,0 @@
-export default function (): null;

package/lib/utils/emptyComponent.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-function default_1() {
-    console.warn('You should compile the module before using it.');
-    return null;
-}
-exports.default = default_1;

package/lib/utils/errorOverlayMiddleware.d.ts

@@ -1 +0,0 @@
-export declare function createLaunchEditorMiddleware(launchEditorEndpoint: string): (req: any, res: any, next: any) => void;

package/lib/utils/errorOverlayMiddleware.js

@@ -1,21 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const launch_editor_1 = __importDefault(require("launch-editor"));
-function createLaunchEditorMiddleware(launchEditorEndpoint) {
-    return function launchEditorMiddleware(req, res, next) {
-        if (req.url.startsWith(launchEditorEndpoint)) {
-            const { query } = req.parsedUrl;
-            const lineNumber = parseInt(query.lineNumber, 10) || 1;
-            const colNumber = parseInt(query.colNumber, 10) || 1;
-            launch_editor_1.default(`${query.fileName}:${lineNumber}:${colNumber}`);
-            res.end();
-        }
-        else {
-            next();
-        }
-    };
-}
-exports.createLaunchEditorMiddleware = createLaunchEditorMiddleware;

package/lib/utils/hotDevClient/eventsource.d.ts

@@ -1 +0,0 @@
-export function getEventSourceWrapper(options: any): any;

package/lib/utils/hotDevClient/eventsource.js

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const eventCallbacks = [];
-function EventSourceWrapper(options) {
-    var source;
-    var lastActivity = new Date();
-    var listeners = [];
-    if (!options.timeout) {
-        options.timeout = 20 * 1000;
-    }
-    init();
-    var timer = setInterval(function () {
-        if (new Date() - lastActivity > options.timeout) {
-            handleDisconnect();
-        }
-    }, options.timeout / 2);
-    function init() {
-        source = new window.EventSource(options.path);
-        source.onopen = handleOnline;
-        source.onerror = handleDisconnect;
-        source.onmessage = handleMessage;
-    }
-    function handleOnline() {
-        if (options.log)
-            console.log("[HMR] connected");
-        lastActivity = new Date();
-    }
-    function handleMessage(event) {
-        lastActivity = new Date();
-        for (var i = 0; i < listeners.length; i++) {
-            listeners[i](event);
-        }
-        if (event.data.indexOf("action") !== -1) {
-            eventCallbacks.forEach(cb => cb(event));
-        }
-    }
-    function handleDisconnect() {
-        clearInterval(timer);
-        source.close();
-        setTimeout(init, options.timeout);
-    }
-    return {
-        onclose: () => {
-            clearTimeout(timer);
-            source.close();
-        },
-        addMessageListener: function (fn) {
-            listeners.push(fn);
-        }
-    };
-}
-function getEventSourceWrapper(options) {
-    if (!window.__whmEventSourceWrapper) {
-        window.__whmEventSourceWrapper = {};
-    }
-    if (!window.__whmEventSourceWrapper[options.path]) {
-        // cache the wrapper for other entries loaded on
-        // the same page with the same options.path
-        window.__whmEventSourceWrapper[options.path] = EventSourceWrapper(options);
-    }
-    return window.__whmEventSourceWrapper[options.path];
-}
-exports.getEventSourceWrapper = getEventSourceWrapper;

package/lib/utils/hotDevClient/index.d.ts

@@ -1,4 +0,0 @@
-export default function connect(options: any): {
-    subscribeToHmrEvent(handler: any): void;
-    reportRuntimeError(err: any): void;
-};

package/lib/utils/hotDevClient/index.js

@@ -1,289 +0,0 @@
-"use strict";
-/* eslint-disable camelcase */
-/**
-MIT License
-
-Copyright (c) 2013-present, Facebook, Inc.
-
-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.
-*/
-// This file is based on https://github.com/facebook/create-react-app/blob/v1.1.4/packages/react-dev-utils/webpackHotDevClient.js
-// It's been edited to rely on webpack-hot-middleware.
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];
-    result["default"] = mod;
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const ErrorOverlay = __importStar(require("react-error-overlay"));
-const strip_ansi_1 = __importDefault(require("strip-ansi"));
-const formatWebpackMessages_1 = __importDefault(require("../formatWebpackMessages"));
-const eventsource_1 = require("./eventsource");
-// This alternative WebpackDevServer combines the functionality of:
-// https://github.com/webpack/webpack-dev-server/blob/webpack-1/client/index.js
-// https://github.com/webpack/webpack/blob/webpack-1/hot/dev-server.js
-// It only supports their simplest configuration (hot updates on same server).
-// It makes some opinionated choices on top, like adding a syntax error overlay
-// that looks similar to our console output. The error overlay is inspired by:
-// https://github.com/glenjamin/webpack-hot-middleware
-// This is a modified version of create-react-app's webpackHotDevClient.js
-// It implements webpack-hot-middleware's EventSource events instead of webpack-dev-server's websocket.
-// https://github.com/facebook/create-react-app/blob/25184c4e91ebabd16fe1cde3d8630830e4a36a01/packages/react-dev-utils/webpackHotDevClient.js
-let hadRuntimeError = false;
-let customHmrEventHandler;
-function connect(options) {
-    // Open stack traces in an editor.
-    ErrorOverlay.setEditorHandler(function editorHandler({ fileName, lineNumber, colNumber }) {
-        // Resolve invalid paths coming from react-error-overlay
-        const resolvedFilename = fileName.replace(/^webpack:\/\/[^/]+/ /* webpack://namaspcae/resourcepath */, '');
-        fetch(options.launchEditorEndpoint +
-            '?fileName=' +
-            window.encodeURIComponent(resolvedFilename) +
-            '&lineNumber=' +
-            window.encodeURIComponent(lineNumber || 1) +
-            '&colNumber=' +
-            window.encodeURIComponent(colNumber || 1));
-    });
-    // We need to keep track of if there has been a runtime error.
-    // Essentially, we cannot guarantee application state was not corrupted by the
-    // runtime error. To prevent confusing behavior, we forcibly reload the entire
-    // application. This is handled below when we are notified of a compile (code
-    // change).
-    // See https://github.com/facebook/create-react-app/issues/3096
-    ErrorOverlay.startReportingRuntimeErrors({
-        onError: function () {
-            hadRuntimeError = true;
-        }
-    });
-    if (module.hot && typeof module.hot.dispose === 'function') {
-        module.hot.dispose(function () {
-            // TODO: why do we need this?
-            ErrorOverlay.stopReportingRuntimeErrors();
-        });
-    }
-    eventsource_1.getEventSourceWrapper(options).addMessageListener(event => {
-        // This is the heartbeat event
-        if (event.data === '\uD83D\uDC93') {
-            return;
-        }
-        try {
-            processMessage(event);
-        }
-        catch (ex) {
-            console.warn('Invalid HMR message: ' + event.data + '\n' + ex);
-        }
-    });
-    return {
-        subscribeToHmrEvent(handler) {
-            customHmrEventHandler = handler;
-        },
-        reportRuntimeError(err) {
-            ErrorOverlay.reportRuntimeError(err);
-        }
-    };
-}
-exports.default = connect;
-// Remember some state related to hot module replacement.
-var isFirstCompilation = true;
-var mostRecentCompilationHash = null;
-var hasCompileErrors = false;
-function clearOutdatedErrors() {
-    // Clean up outdated compile errors, if any.
-    if (typeof console !== 'undefined' && typeof console.clear === 'function') {
-        if (hasCompileErrors) {
-            console.clear();
-        }
-    }
-}
-function afterApplyUpdate(hasUpdates) {
-    tryDismissErrorOverlay();
-}
-// Successful compilation.
-function handleSuccess() {
-    clearOutdatedErrors();
-    const isHotUpdate = !isFirstCompilation;
-    isFirstCompilation = false;
-    hasCompileErrors = false;
-    // Attempt to apply hot updates or reload.
-    if (isHotUpdate) {
-        tryApplyUpdates(function onHotUpdateSuccess(hasUpdates) {
-            // Only dismiss it when we're sure it's a hot update.
-            // Otherwise it would flicker right before the reload.
-            afterApplyUpdate(hasUpdates);
-        });
-    }
-}
-// Compilation with warnings (e.g. ESLint).
-function handleWarnings(warnings) {
-    clearOutdatedErrors();
-    // Print warnings to the console.
-    const formatted = formatWebpackMessages_1.default({
-        warnings: warnings,
-        errors: []
-    });
-    if (typeof console !== 'undefined' && typeof console.warn === 'function') {
-        for (let i = 0; i < formatted.warnings.length; i++) {
-            if (i === 5) {
-                console.warn('There were more warnings in other files.\n' +
-                    'You can find a complete log in the terminal.');
-                break;
-            }
-            console.warn(strip_ansi_1.default(formatted.warnings[i]));
-        }
-    }
-}
-// Compilation with errors (e.g. syntax error or missing modules).
-function handleErrors(errors) {
-    clearOutdatedErrors();
-    isFirstCompilation = false;
-    hasCompileErrors = true;
-    // "Massage" webpack messages.
-    var formatted = formatWebpackMessages_1.default({
-        errors: errors,
-        warnings: []
-    });
-    // Only show the first error.
-    ErrorOverlay.reportBuildError(formatted.errors[0]);
-    // Also log them to the console.
-    if (typeof console !== 'undefined' && typeof console.error === 'function') {
-        for (var i = 0; i < formatted.errors.length; i++) {
-            console.error(strip_ansi_1.default(formatted.errors[i]));
-        }
-    }
-}
-function tryDismissErrorOverlay() {
-    if (!hasCompileErrors) {
-        ErrorOverlay.dismissBuildError();
-    }
-}
-// There is a newer version of the code available.
-function handleAvailableHash(hash) {
-    // Update last known compilation hash.
-    mostRecentCompilationHash = hash;
-}
-// Handle messages from the server.
-function processMessage(e) {
-    const obj = JSON.parse(e.data);
-    switch (obj.action) {
-        case 'building': {
-            console.log('[HMR] bundle ' + (obj.name ? "'" + obj.name + "' " : '') + 'rebuilding');
-            break;
-        }
-        case 'built':
-        case 'sync': {
-            if (obj.hash) {
-                handleAvailableHash(obj.hash);
-            }
-            const { errors, warnings } = obj;
-            const hasErrors = Boolean(errors && errors.length);
-            if (hasErrors) {
-                return handleErrors(errors);
-            }
-            const hasWarnings = Boolean(warnings && warnings.length);
-            if (hasWarnings) {
-                return handleWarnings(warnings);
-            }
-            handleSuccess();
-            break;
-        }
-        case 'warnings':
-            handleWarnings(obj.data);
-            break;
-        case 'errors':
-            handleErrors(obj.data);
-            break;
-        default: {
-            if (customHmrEventHandler) {
-                customHmrEventHandler(obj);
-                break;
-            }
-            break;
-        }
-    }
-}
-// Is there a newer version of this code available?
-function isUpdateAvailable() {
-    /* globals __webpack_hash__ */
-    // __webpack_hash__ is the hash of the current compilation.
-    // It's a global variable injected by Webpack.
-    return mostRecentCompilationHash !== __webpack_hash__;
-}
-// Webpack disallows updates in other states.
-function canApplyUpdates() {
-    return module.hot.status() === 'idle';
-}
-// Attempt to update code on the fly, fall back to a hard reload.
-function tryApplyUpdates(onHotUpdateSuccess) {
-    return __awaiter(this, void 0, void 0, function* () {
-        if (!module.hot) {
-            // HotModuleReplacementPlugin is not in Webpack configuration.
-            console.error('HotModuleReplacementPlugin is not in Webpack configuration.');
-            // window.location.reload();
-            return;
-        }
-        if (!isUpdateAvailable() || !canApplyUpdates()) {
-            ErrorOverlay.dismissBuildError();
-            return;
-        }
-        function handleApplyUpdates(err, updatedModules) {
-            const needForcedReload = err || !updatedModules || hadRuntimeError;
-            if (needForcedReload) {
-                if (err) {
-                    console.warn('Error while applying updates, reloading page', err);
-                }
-                if (hadRuntimeError) {
-                    console.warn('Had runtime error previously, reloading page');
-                }
-                window.location.reload();
-                return;
-            }
-            const hasUpdates = Boolean(updatedModules.length);
-            if (typeof onHotUpdateSuccess === 'function') {
-                // Maybe we want to do something.
-                onHotUpdateSuccess(hasUpdates);
-            }
-            if (isUpdateAvailable()) {
-                // While we were updating, there was a new update! Do it again.
-                tryApplyUpdates();
-            }
-        }
-        // https://webpack.github.io/docs/hot-module-replacement.html#check
-        try {
-            const updatedModules = yield module.hot.check(/* autoApply */ true);
-            handleApplyUpdates(null, updatedModules);
-        }
-        catch (err) {
-            handleApplyUpdates(err, null);
-        }
-    });
-}

package/lib/utils/verifyTypeScriptSetup.d.ts

@@ -1,5 +0,0 @@
-export declare function verifyTypeScriptSetup({ projectDir, srcDir, onTsConfig }: {
-    projectDir: string;
-    srcDir: string;
-    onTsConfig?: (config: any, parsedConfig: any, parsedCompilerOptions: any) => void;
-}): Promise<void>;