Update to v4.1.2

BlazorWorker.Demo.Client.styles.css

@@ -0,0 +1,145 @@
+/* /Shared/MainLayout.razor.rz.scp.css */
+.page[b-o6oc16tbsi] {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+}
+
+main[b-o6oc16tbsi] {
+    flex: 1;
+}
+
+.sidebar[b-o6oc16tbsi] {
+    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+}
+
+.top-row[b-o6oc16tbsi] {
+    background-color: #f7f7f7;
+    border-bottom: 1px solid #d6d5d5;
+    justify-content: flex-end;
+    height: 3.5rem;
+    display: flex;
+    align-items: center;
+}
+
+    .top-row[b-o6oc16tbsi]  a, .top-row[b-o6oc16tbsi]  .btn-link {
+        white-space: nowrap;
+        margin-left: 1.5rem;
+        text-decoration: none;
+    }
+
+    .top-row[b-o6oc16tbsi]  a:hover, .top-row[b-o6oc16tbsi]  .btn-link:hover {
+        text-decoration: underline;
+    }
+
+    .top-row[b-o6oc16tbsi]  a:first-child {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+@media (max-width: 640.98px) {
+    .top-row:not(.auth)[b-o6oc16tbsi] {
+        display: none;
+    }
+
+    .top-row.auth[b-o6oc16tbsi] {
+        justify-content: space-between;
+    }
+
+    .top-row[b-o6oc16tbsi]  a, .top-row[b-o6oc16tbsi]  .btn-link {
+        margin-left: 0;
+    }
+}
+
+@media (min-width: 641px) {
+    .page[b-o6oc16tbsi] {
+        flex-direction: row;
+    }
+
+    .sidebar[b-o6oc16tbsi] {
+        width: 250px;
+        height: 100vh;
+        position: sticky;
+        top: 0;
+    }
+
+    .top-row[b-o6oc16tbsi] {
+        position: sticky;
+        top: 0;
+        z-index: 1;
+    }
+
+    .top-row.auth[b-o6oc16tbsi]  a:first-child {
+        flex: 1;
+        text-align: right;
+        width: 0;
+    }
+
+    .top-row[b-o6oc16tbsi], article[b-o6oc16tbsi] {
+        padding-left: 2rem !important;
+        padding-right: 1.5rem !important;
+    }
+}
+/* /Shared/NavMenu.razor.rz.scp.css */
+.navbar-toggler[b-ah6glk5vvf] {
+    background-color: rgba(255, 255, 255, 0.1);
+}
+
+.top-row[b-ah6glk5vvf] {
+    height: 3.5rem;
+    background-color: rgba(0,0,0,0.4);
+}
+
+.navbar-brand[b-ah6glk5vvf] {
+    font-size: 1.1rem;
+}
+
+.oi[b-ah6glk5vvf] {
+    width: 2rem;
+    font-size: 1.1rem;
+    vertical-align: text-top;
+    top: -2px;
+}
+
+.nav-item[b-ah6glk5vvf] {
+    font-size: 0.9rem;
+    padding-bottom: 0.5rem;
+}
+
+    .nav-item:first-of-type[b-ah6glk5vvf] {
+        padding-top: 1rem;
+    }
+
+    .nav-item:last-of-type[b-ah6glk5vvf] {
+        padding-bottom: 1rem;
+    }
+
+    .nav-item[b-ah6glk5vvf]  a {
+        color: #d7d7d7;
+        border-radius: 4px;
+        height: 3rem;
+        display: flex;
+        align-items: center;
+        line-height: 3rem;
+    }
+
+.nav-item[b-ah6glk5vvf]  a.active {
+    background-color: rgba(255,255,255,0.25);
+    color: white;
+}
+
+.nav-item[b-ah6glk5vvf]  a:hover {
+    background-color: rgba(255,255,255,0.1);
+    color: white;
+}
+
+@media (min-width: 641px) {
+    .navbar-toggler[b-ah6glk5vvf] {
+        display: none;
+    }
+
+    .collapse[b-ah6glk5vvf] {
+        /* Never collapse the sidebar for wide screens */
+        display: block;
+    }
+}

_content/Tewr.BlazorWorker.Extensions.JSRuntime/BlazorWorkerJSRuntime.js

@@ -1,7 +1,8 @@
 class DotNetObjectProxy {
     constructor(id) {
         this.__dotNetObject = id;
-        this.serializer = self.jsRuntimeSerializers.get('BlazorWorkerJSRuntimeSerializer');
+        this.serializer = self.jsRuntimeSerializer;
+        this.blazorWorkerJSRuntime = self.BlazorWorker.getAssemblyExports("BlazorWorker.Extensions.JSRuntime").BlazorWorkerJSRuntime;
     }
 
     invokeMethodAsync(methodName, ...methodArgs) {
@@ -11,7 +12,7 @@
                     methodName,
                     methodargs: methodArgs || []
                 });
-                var result = self.Module.mono_call_static_method("[BlazorWorker.Extensions.JSRuntime]BlazorWorker.Extensions.JSRuntime.BlazorWorkerJSRuntime:InvokeMethod", this.__dotNetObject, argsString);
+                var result = this.blazorWorkerJSRuntime.InvokeMethod(this.__dotNetObject, argsString);
                 resolve(result);
             } catch (e) {
                 reject(e);
@@ -23,11 +24,13 @@
 class BlazorWorkerJSRuntimeSerializer  {
 
     constructor() {
-        this.baseSerializer = self.jsRuntimeSerializers.get('nativejson');
+        this.baseSerializer = {
+            serialize: o => JSON.stringify(o),
+            deserialize: s => JSON.parse(s)
+        };
     }
 
     serialize = (o) => this.baseSerializer.serialize(o);
-
 
     deserialize = (s) => {
         let deserializedObj = this.baseSerializer.deserialize(s);
@@ -56,4 +59,34 @@ class BlazorWorkerJSRuntimeSerializer  {
     }
 };
 
-self.jsRuntimeSerializers.set('BlazorWorkerJSRuntimeSerializer', new BlazorWorkerJSRuntimeSerializer());
+const serializer = new BlazorWorkerJSRuntimeSerializer();
+
+const workerInvokeAsync = async function (method, argsString) {
+
+    const methodHandle = self.BlazorWorker.getChildFromDotNotation(method);
+
+    if (methodHandle === self.BlazorWorker.empty) {
+        throw new Error(`workerInvokeAsync: Method '${method}' not defined`);
+    }
+
+    const argsArray = serializer.deserialize(argsString);
+    const result = await methodHandle(...argsArray);
+    return serializer.serialize(result);
+}
+
+const workerInvoke = function (method, argsString) {
+
+    const methodHandle = self.BlazorWorker.getChildFromDotNotation(method);
+    if (methodHandle === self.BlazorWorker.empty) {
+        throw new Error(`workerInvoke: Method '${method}' not defined`);
+    }
+
+    const argsArray = serializer.deserialize(argsString);
+    const result = methodHandle(...argsArray);
+    return serializer.serialize(result);
+}
+
+self.BlazorWorker.setModuleImports("BlazorWorkerJSRuntime.js", {
+    WorkerInvokeAsync: workerInvokeAsync,
+    WorkerInvoke: workerInvoke
+});