@studyportals/webpack-helper 6.0.3 → 6.0.5-0

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "@studyportals/webpack-helper",
-  "version": "6.0.3",
+  "version": "6.0.5-0",
   "description": "A collection of standard configurations and helpers for webpack.",
   "main": "src/main.js",
   "scripts": {
     "test": "vitest --watch=false --coverage",
     "build": "tsc",
     "prepublish": "npm run build",
-    "postinstall": "cp ./assets/.browserslistrc ../../../"
+    "postinstall": "cp ./assets/.browserslistrc ../../../",
+    "deploy-beta": "npm version prerelease && npm run build && npm publish --tag beta --access=public  &&  rm -rf node_modules"
   },
   "files": [
     "src/**/*.js",

package/src/enums/preset.js

@@ -6,5 +6,4 @@ var Preset;
     Preset["VUE_TYPESCRIPT"] = "vue-typescript";
     Preset["TYPESCRIPT"] = "typescript";
     Preset["JAVASCRIPT"] = "javascript";
-    Preset["VUE_TYPESCRIPT_NO_CODE_SPLITTING"] = "vue-typescript-no-code-splitting";
 })(Preset || (exports.Preset = Preset = {}));

package/src/model/configuration.js

@@ -9,7 +9,6 @@ const preset_1 = require("../enums/preset");
 const vue_typescript_preset_1 = require("../presets/vue-typescript.preset");
 const typescript_preset_1 = require("../presets/typescript.preset");
 const javascript_preset_1 = require("../presets/javascript.preset");
-const vue_typescript_no_code_splitting_preset_1 = require("../presets/vue-typescript-no-code-splitting.preset");
 const mode_1 = require("../enums/mode");
 const production_config_1 = require("../defaults/production.config");
 const development_config_1 = require("../defaults/development.config");
@@ -18,6 +17,7 @@ const DllReferencePlugin = require("@studyportals/bob-manifest-generator").DllRe
 const { merge } = require('webpack-merge');
 class Configuration {
     constructor(options) {
+        this.customElementTags = options.customElementTags || [];
         this.bob = options.bob || null;
         this.entry = new entry_1.Entry(options.entry);
         this.output = new output_1.Output(options.output);
@@ -57,7 +57,7 @@ class Configuration {
     detectPresets(mode) {
         switch (this.preset) {
             case preset_1.Preset.VUE_TYPESCRIPT:
-                this.injectPreset(new vue_typescript_preset_1.VueTypeScriptPreset(mode));
+                this.injectPreset(new vue_typescript_preset_1.VueTypeScriptPreset(mode, this.customElementTags));
                 break;
             case preset_1.Preset.TYPESCRIPT:
                 this.injectPreset(new typescript_preset_1.TypeScriptPreset());
@@ -65,9 +65,6 @@ class Configuration {
             case preset_1.Preset.JAVASCRIPT:
                 this.injectPreset(new javascript_preset_1.JavascriptPreset());
                 break;
-            case preset_1.Preset.VUE_TYPESCRIPT_NO_CODE_SPLITTING:
-                this.injectPreset(new vue_typescript_no_code_splitting_preset_1.VueTypescriptNoCodeSplittingPreset(mode));
-                break;
             default:
                 break;
         }

package/src/presets/javascript.preset.js

@@ -26,7 +26,12 @@ class JavascriptPreset {
                     use: [
                         MiniCssExtractPlugin.loader,
                         'css-loader',
-                        'sass-loader'
+                        {
+                            loader: 'sass-loader',
+                            options: {
+                                api: 'modern-compiler'
+                            }
+                        }
                     ],
                 },
                 {

package/src/presets/typescript.preset.js

@@ -26,7 +26,12 @@ class TypeScriptPreset {
                     use: [
                         MiniCssExtractPlugin.loader,
                         'css-loader',
-                        'sass-loader'
+                        {
+                            loader: 'sass-loader',
+                            options: {
+                                api: 'modern-compiler'
+                            }
+                        }
                     ],
                 },
                 {

package/src/presets/vue-typescript-no-code-splitting.preset.js

@@ -1,20 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.VueTypescriptNoCodeSplittingPreset = void 0;
-const MiniCssExtractPlugin = require('mini-css-extract-plugin');
-const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
-const vue_typescript_preset_1 = require("./vue-typescript.preset");
-class VueTypescriptNoCodeSplittingPreset extends vue_typescript_preset_1.VueTypeScriptPreset {
-    constructor(mode) {
-        super(mode);
-    }
-    getPlugins(filename) {
-        return [
-            new MiniCssExtractPlugin({
-                filename
-            }),
-            new VueLoaderPlugin()
-        ];
-    }
-}
-exports.VueTypescriptNoCodeSplittingPreset = VueTypescriptNoCodeSplittingPreset;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VueTypescriptNoCodeSplittingPreset = void 0;
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
+const vue_typescript_preset_1 = require("./vue-typescript.preset");
+class VueTypescriptNoCodeSplittingPreset extends vue_typescript_preset_1.VueTypeScriptPreset {
+    constructor(mode) {
+        super(mode);
+    }
+    getPlugins(filename) {
+        return [
+            new MiniCssExtractPlugin({
+                filename
+            }),
+            new VueLoaderPlugin()
+        ];
+    }
+}
+exports.VueTypescriptNoCodeSplittingPreset = VueTypescriptNoCodeSplittingPreset;

package/src/presets/vue-typescript.preset.js

@@ -8,8 +8,9 @@ const MiniCssExtractPlugin = require('mini-css-extract-plugin');
 const VueLoaderPlugin = require('vue-loader').VueLoaderPlugin;
 const ForkTsCheckerWebpackPlugin = require('fork-ts-checker-webpack-plugin');
 class VueTypeScriptPreset {
-    constructor(mode) {
+    constructor(mode, customElementTags) {
         this.mode = mode;
+        this.customElementTags = customElementTags;
     }
     getPlugins(filename) {
         return [
@@ -39,7 +40,12 @@ class VueTypeScriptPreset {
                     use: [
                         MiniCssExtractPlugin.loader,
                         'css-loader',
-                        'sass-loader'
+                        {
+                            loader: 'sass-loader',
+                            options: {
+                                api: 'modern-compiler'
+                            }
+                        }
                     ],
                 },
                 {
@@ -53,7 +59,10 @@ class VueTypeScriptPreset {
                                 'sass-loader'
                             ]
                         },
-                        hotReload: false
+                        hotReload: false,
+                        compilerOptions: {
+                            isCustomElement: (tag) => this.customElementTags.includes(tag)
+                        }
                     }
                 },
                 {