scratch-gui 4.0.0 → 4.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "scratch-gui",
-  "version": "4.0.0",
+  "version": "4.0.6",
   "description": "Graphical User Interface for creating and running Scratch 3.0 projects",
   "author": "Massachusetts Institute of Technology",
   "license": "BSD-3-Clause",
@@ -46,10 +46,10 @@
     "cat-blocks": "npm:scratch-blocks@0.1.0-prerelease.20220318143026",
     "classnames": "^2.2.6",
     "computed-style-to-inline-style": "^3.0.0",
-    "cookie": "^0.5.0",
+    "cookie": "^0.6.0",
     "copy-webpack-plugin": "^6.4.1",
     "core-js": "^2.5.7",
-    "css-loader": "^3.6.0",
+    "css-loader": "5.2.7",
     "dapjs": "^2.3.0",
     "es6-object-assign": "^1.1.0",
     "get-float-time-domain-data": "^0.1.0",
@@ -67,7 +67,7 @@
     "omggif": "^1.0.9",
     "papaparse": "^5.3.0",
     "postcss-import": "^12.0.0",
-    "postcss-loader": "^3.0.0",
+    "postcss-loader": "4.3.0",
     "postcss-simple-vars": "^5.0.1",
     "prop-types": "^15.5.10",
     "query-string": "^5.1.1",
@@ -84,21 +84,21 @@
     "react-responsive": "^5.0.0",
     "react-style-proptype": "^3.2.2",
     "react-tabs": "^2.3.0",
-    "react-tooltip": "^3.8.0",
+    "react-tooltip": "^4.5.1",
     "react-virtualized": "^9.20.1",
     "redux": "^3.7.2",
     "redux-throttle": "^0.1.1",
     "scratch-audio": "^1.0.0",
     "scratch-blocks": "^1.1.6",
     "scratch-l10n": "^3.18.3",
-    "scratch-paint": "^2.2.2",
-    "scratch-render": "^1.0.0",
+    "scratch-paint": "^2.2.151",
+    "scratch-render": "^1.0.233",
     "scratch-render-fonts": "^1.0.2",
     "scratch-storage": "^2.3.1",
-    "scratch-svg-renderer": "^2.2.0",
-    "scratch-vm": "^4.2.0",
+    "scratch-svg-renderer": "^2.3.102",
+    "scratch-vm": "^4.5.379",
     "startaudiocontext": "^1.2.1",
-    "style-loader": "^0.23.0",
+    "style-loader": "4.0.0",
     "text-encoding": "^0.7.0",
     "to-style": "^1.3.3",
     "wav-encoder": "^1.3.0",
@@ -109,14 +109,14 @@
     "react-dom": "^16.0.0"
   },
   "devDependencies": {
-    "@babel/cli": "7.24.1",
-    "@babel/core": "7.24.3",
-    "@babel/eslint-parser": "7.24.1",
+    "@babel/cli": "7.24.8",
+    "@babel/core": "7.24.9",
+    "@babel/eslint-parser": "7.25.1",
     "@babel/plugin-proposal-object-rest-spread": "7.20.7",
     "@babel/plugin-syntax-dynamic-import": "7.8.3",
-    "@babel/plugin-transform-async-to-generator": "7.24.1",
-    "@babel/preset-env": "7.24.3",
-    "@babel/preset-react": "7.24.1",
+    "@babel/plugin-transform-async-to-generator": "7.24.7",
+    "@babel/preset-env": "7.25.0",
+    "@babel/preset-react": "7.24.7",
     "@commitlint/cli": "17.8.1",
     "@commitlint/config-conventional": "17.8.1",
     "babel-core": "7.0.0-bridge.0",
@@ -128,7 +128,7 @@
     "eslint-import-resolver-webpack": "0.11.1",
     "eslint-plugin-import": "2.29.1",
     "eslint-plugin-jest": "22.21.0",
-    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react": "7.35.0",
     "file-loader": "6.2.0",
     "gh-pages": "3.2.3",
     "html-webpack-plugin": "5.6.0",
@@ -140,15 +140,15 @@
     "redux-mock-store": "1.5.4",
     "rimraf": "2.7.1",
     "scratch-semantic-release-config": "1.0.14",
-    "scratch-webpack-configuration": "1.3.0",
+    "scratch-webpack-configuration": "1.4.0",
     "selenium-webdriver": "3.6.0",
     "semantic-release": "19.0.5",
     "stream-browserify": "3.0.0",
     "url-loader": "4.1.1",
     "web-audio-test-api": "0.5.2",
-    "webpack": "5.90.3",
+    "webpack": "5.93.0",
     "webpack-cli": "5.1.4",
-    "webpack-dev-server": "5.0.2",
+    "webpack-dev-server": "5.0.4",
     "yauzl": "2.10.0"
   },
   "jest": {

package/webpack.config.js

@@ -5,11 +5,6 @@ const webpack = require('webpack');
 const CopyWebpackPlugin = require('copy-webpack-plugin');
 const HtmlWebpackPlugin = require('html-webpack-plugin');
 
-// PostCss
-const autoprefixer = require('autoprefixer');
-const postcssVars = require('postcss-simple-vars');
-const postcssImport = require('postcss-import');
-
 const ScratchWebpackConfigBuilder = require('scratch-webpack-configuration');
 
 // const STATIC_PATH = process.env.STATIC_PATH || '/static';
@@ -17,7 +12,8 @@ const ScratchWebpackConfigBuilder = require('scratch-webpack-configuration');
 const baseConfig = new ScratchWebpackConfigBuilder(
     {
         rootPath: path.resolve(__dirname),
-        enableReact: true
+        enableReact: true,
+        shouldSplitChunks: true
     })
     .setTarget('browserslist')
     .merge({
@@ -35,56 +31,14 @@ const baseConfig = new ScratchWebpackConfigBuilder(
             }
         },
         optimization: {
-            splitChunks: {
-                chunks: 'all'
-            },
-            mergeDuplicateChunks: true,
             runtimeChunk: 'single'
         }
     })
-    .addModuleRule({
-        test: /\.css$/,
-        use: [
-            {
-                loader: 'style-loader'
-            },
-            {
-                loader: 'css-loader',
-                options: {
-                    modules: {
-                        localIdentName: '[name]_[local]_[hash:base64:5]'
-                    },
-                    importLoaders: 1,
-                    localsConvention: 'camelCase'
-                }
-            },
-            {
-                loader: 'postcss-loader',
-                options: {
-                    ident: 'postcss',
-                    plugins: function () {
-                        return [
-                            postcssImport,
-                            postcssVars,
-                            autoprefixer
-                        ];
-                    }
-                }
-            }
-        ]
-    })
     .addModuleRule({
         test: /\.(svg|png|wav|mp3|gif|jpg)$/,
         resourceQuery: /^$/, // reject any query string
         type: 'asset' // let webpack decide on the best type of asset
     })
-    .addModuleRule({
-        test: /\.hex$/,
-        type: 'asset/resource'
-    })
-    .addPlugin(new webpack.ProvidePlugin({
-        Buffer: ['buffer', 'Buffer']
-    }))
     .addPlugin(new webpack.DefinePlugin({
         'process.env.DEBUG': Boolean(process.env.DEBUG),
         'process.env.GA_ID': `"${process.env.GA_ID || 'UA-000000-01'}"`,
@@ -129,7 +83,18 @@ const distConfig = baseConfig.clone()
         output: {
             path: path.resolve(__dirname, 'dist')
         }
-    });
+    })
+    .addPlugin(
+        new CopyWebpackPlugin({
+            patterns: [
+                {
+                    from: 'src/lib/libraries/*.json',
+                    to: 'libraries',
+                    flatten: true
+                }
+            ]
+        })
+    );
 
 // build the examples and debugging tools in `build/`
 const buildConfig = baseConfig.clone()