@jskit-ai/google-rewarded-web 0.1.95 → 0.1.97

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jskit-ai/google-rewarded-web",
-  "version": "0.1.95",
+  "version": "0.1.97",
   "type": "module",
   "exports": {
     ".": "./src/index.js",
@@ -37,37 +37,14 @@
             "subpath": "./client",
             "summary": "Exports the Google rewarded client provider, runtime composable, and fullscreen gate host."
           }
-        ],
-        "containerTokens": {
-          "server": [],
-          "client": [
-            "google-rewarded.web.runtime"
-          ]
-        }
+        ]
       }
-    },
-    "mutations": {
-      "dependencies": {
-        "runtime": {
-          "@jskit-ai/google-rewarded-core": "0.1.95",
-          "@jskit-ai/http-runtime": "0.1.157",
-          "@jskit-ai/kernel": "0.1.159",
-          "@jskit-ai/shell-web": "0.1.163"
-        },
-        "dev": {}
-      },
-      "packageJson": {
-        "scripts": {}
-      },
-      "procfile": {},
-      "text": [],
-      "files": []
     }
   },
   "dependencies": {
-    "@jskit-ai/google-rewarded-core": "0.1.95",
-    "@jskit-ai/http-runtime": "0.1.157",
-    "@jskit-ai/kernel": "0.1.159",
-    "@jskit-ai/shell-web": "0.1.163"
+    "@jskit-ai/google-rewarded-core": "0.1.97",
+    "@jskit-ai/http-runtime": "0.1.159",
+    "@jskit-ai/kernel": "0.1.161",
+    "@jskit-ai/shell-web": "0.1.165"
   }
 }

package/src/client/providers/GoogleRewardedClientProvider.js

@@ -1,3 +1,4 @@
+import { defineProvider } from "@jskit-ai/kernel/shared/capabilities";
 import { h, render } from "vue";
 import GoogleRewardedGateHost from "../components/GoogleRewardedGateHost.vue";
 import {
@@ -5,53 +6,53 @@ import {
   createGoogleRewardedRuntime
 } from "../runtime/googleRewardedRuntime.js";
 
-class GoogleRewardedClientProvider {
-  static id = "google-rewarded.web.client";
-
-  register(app) {
-    if (!app || typeof app.singleton !== "function") {
-      throw new Error("GoogleRewardedClientProvider requires application singleton().");
-    }
-
-    app.singleton("google-rewarded.web.runtime", () => createGoogleRewardedRuntime());
-  }
-
-  async boot(app) {
-    if (!app || typeof app.make !== "function" || typeof app.has !== "function") {
-      throw new Error("GoogleRewardedClientProvider boot requires application make()/has().");
-    }
-
-    if (!app.has("jskit.client.vue.app") || typeof document === "undefined") {
+const mountedHosts = new WeakMap();
+
+const GoogleRewardedClientProvider = defineProvider({
+  id: "google-rewarded.web.client",
+  requires: {
+    vueApp: "client.vue"
+  },
+  provides: {
+    googleRewarded: "client.google-rewarded"
+  },
+  setup() {
+    return {
+      googleRewarded: createGoogleRewardedRuntime()
+    };
+  },
+  async boot({ vueApp }, { outputs }) {
+    if (typeof document === "undefined") {
       return;
     }
 
-    const vueApp = app.make("jskit.client.vue.app");
-    const runtime = app.make("google-rewarded.web.runtime");
+    const runtime = outputs.googleRewarded;
 
     if (vueApp && typeof vueApp.provide === "function") {
       vueApp.provide(GOOGLE_REWARDED_RUNTIME_INJECTION_KEY, runtime);
     }
 
-    this.hostContainer = document.createElement("div");
-    this.hostContainer.dataset.jskitGoogleRewardedHost = "true";
-    document.body.appendChild(this.hostContainer);
+    const hostContainer = document.createElement("div");
+    hostContainer.dataset.jskitGoogleRewardedHost = "true";
+    document.body.appendChild(hostContainer);
 
     const vnode = h(GoogleRewardedGateHost, {
       runtime
     });
     vnode.appContext = vueApp?._context || null;
-    render(vnode, this.hostContainer);
-  }
-
-  shutdown() {
-    if (!this.hostContainer) {
+    render(vnode, hostContainer);
+    mountedHosts.set(runtime, hostContainer);
+  },
+  shutdown(_dependencies, { outputs }) {
+    const hostContainer = mountedHosts.get(outputs.googleRewarded);
+    if (!hostContainer) {
       return;
     }
 
-    render(null, this.hostContainer);
-    this.hostContainer.remove();
-    this.hostContainer = null;
+    render(null, hostContainer);
+    hostContainer.remove();
+    mountedHosts.delete(outputs.googleRewarded);
   }
-}
+});
 
 export { GoogleRewardedClientProvider };