Tryig to fix webpack for Svelte

front/src/WebRtc/Stores/RequestedConstraintsStore.ts

@@ -0,0 +1,22 @@
+import { derived, writable, Writable } from "svelte/store";
+
+class RequestedConstraintsStore {
+    constructor(
+        public camera: Writable<boolean> = writable(false),
+        public microphone: Writable<boolean> = writable(false),
+    ) { }
+
+    get fullname() {
+        // Use derived to access writable values and export as readonly
+        return derived(
+            [this.camera, this.microphone],
+            ([$camera, $microphone]) => {
+                console.log("cam or mic", $camera || $microphone)
+                return $camera || $microphone;
+            }
+        )
+    }
+}
+
+// Export a singleton
+export const myFormStore = new MyFormStore();

front/webpack.config.ts

@@ -44,7 +44,7 @@ module.exports = {
                 use: [MiniCssExtractPlugin.loader, 'css-loader?url=false', 'sass-loader'],
             },
             {
-                test: /\.svelte$/,
+                test: /\.(html|svelte)$/,
                 exclude: /node_modules/,
                 use: {
                     loader: 'svelte-loader',
@@ -85,12 +85,11 @@ module.exports = {
         ],
     },
     resolve: {
-        /*alias: {
-            // Note: Later in this config file, we'll automatically add paths from `tsconfig.compilerOptions.paths`
+        alias: {
             svelte: path.resolve('node_modules', 'svelte')
-        },*/
+        },
         extensions: [ '.tsx', '.ts', '.js', '.svelte' ],
-        //mainFields: ['svelte', 'browser', 'module', 'main']
+        mainFields: ['svelte', 'browser', 'module', 'main']
     },
     output: {
         filename: (pathData) => {