@omg-dev/pwa 0.4.26 → 0.4.27

package/dist/remix-cta.mjs

@@ -4,6 +4,7 @@ import { createRoot } from "react-dom/client";
 //#region src/remix-cta.tsx
 const DISMISS_KEY = "vibes-remix:dismissed";
 const REMIX_ORIGIN = typeof import.meta !== "undefined" && import.meta.env?.VITE_REMIX_ORIGIN || "https://omg.dev";
+const CONTROLPLANE_URL = (typeof import.meta !== "undefined" && import.meta.env?.VITE_CONTROLPLANE_URL || "https://backend.omg.dev").replace(/\/$/, "");
 function appSlug() {
 	if (typeof import.meta === "undefined") return null;
 	const slug = import.meta.env?.VITE_APP_SLUG?.trim();
@@ -22,6 +23,21 @@ function setDismissed() {
 		localStorage.setItem(DISMISS_KEY, "1");
 	} catch {}
 }
+/** Live check against the public catalog. Fail closed on network/error. */
+async function isRemixable(slug) {
+	try {
+		const res = await fetch(`${CONTROLPLANE_URL}/api/projects/isRemixable`, {
+			method: "POST",
+			headers: { "content-type": "application/json" },
+			body: JSON.stringify({ slug }),
+			cache: "no-store"
+		});
+		if (!res.ok) return false;
+		return (await res.json())?.remixable === true;
+	} catch {
+		return false;
+	}
+}
 const STYLE_ID = "vibes-remix-cta-styles";
 function ensureStyles() {
 	if (typeof document === "undefined") return;
@@ -106,17 +122,20 @@ function shouldShow() {
 	if (isDismissed()) return false;
 	return appSlug() !== null;
 }
-function mount() {
+async function mount() {
 	if (!shouldShow()) return;
 	const slug = appSlug();
 	if (!slug) return;
+	if (!await isRemixable(slug)) return;
+	if (isDismissed()) return;
+	if (document.getElementById("vibes-remix-cta")) return;
 	ensureStyles();
 	const host = document.createElement("div");
 	host.id = "vibes-remix-cta";
 	document.body.appendChild(host);
 	createRoot(host).render(/* @__PURE__ */ jsx(RemixCta, { slug }));
 }
-if (typeof window !== "undefined") if (document.readyState === "complete") setTimeout(mount, 1800);
-else window.addEventListener("load", () => setTimeout(mount, 1800), { once: true });
+if (typeof window !== "undefined") if (document.readyState === "complete") setTimeout(() => void mount(), 1800);
+else window.addEventListener("load", () => setTimeout(() => void mount(), 1800), { once: true });
 //#endregion
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omg-dev/pwa",
-  "version": "0.4.26",
+  "version": "0.4.27",
   "type": "module",
   "exports": {
     ".": {

package/src/remix-cta.tsx

@@ -11,6 +11,8 @@
 // Policy (deliberately quiet):
 //   - never in an iframe (the dashboard preview pane is not the app URL)
 //   - only when import.meta.env.VITE_APP_SLUG is baked in (prod builds only)
+//   - only when the app is currently listed public (isPublic) — private apps
+//     keep no CTA; remixBySlug rejects them
 //   - dismissable forever (per-origin localStorage)
 
 import { createRoot } from "react-dom/client"
@@ -23,6 +25,11 @@ const REMIX_ORIGIN =
   (typeof import.meta !== "undefined" &&
     (import.meta as { env?: Record<string, string | undefined> }).env?.VITE_REMIX_ORIGIN) ||
   "https://omg.dev"
+const CONTROLPLANE_URL = (
+  (typeof import.meta !== "undefined" &&
+    (import.meta as { env?: Record<string, string | undefined> }).env?.VITE_CONTROLPLANE_URL) ||
+  "https://backend.omg.dev"
+).replace(/\/$/, "")
 
 function appSlug(): string | null {
   if (typeof import.meta === "undefined") return null
@@ -48,6 +55,23 @@ function setDismissed() {
   }
 }
 
+/** Live check against the public catalog. Fail closed on network/error. */
+async function isRemixable(slug: string): Promise<boolean> {
+  try {
+    const res = await fetch(`${CONTROLPLANE_URL}/api/projects/isRemixable`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify({ slug }),
+      cache: "no-store",
+    })
+    if (!res.ok) return false
+    const data = (await res.json()) as { remixable?: unknown }
+    return data?.remixable === true
+  } catch {
+    return false
+  }
+}
+
 const STYLE_ID = "vibes-remix-cta-styles"
 function ensureStyles() {
   if (typeof document === "undefined") return
@@ -139,10 +163,15 @@ function shouldShow(): boolean {
   return appSlug() !== null
 }
 
-function mount() {
+async function mount() {
   if (!shouldShow()) return
   const slug = appSlug()
   if (!slug) return
+  // Only mount for Explore-listed public apps. Private published apps get no
+  // CTA (branding lives on the omg badge when that path is enabled).
+  if (!(await isRemixable(slug))) return
+  if (isDismissed()) return
+  if (document.getElementById("vibes-remix-cta")) return
   ensureStyles()
   const host = document.createElement("div")
   host.id = "vibes-remix-cta"
@@ -153,8 +182,8 @@ function mount() {
 if (typeof window !== "undefined") {
   // Let the app paint first — the CTA is an afterthought, not a gate.
   if (document.readyState === "complete") {
-    setTimeout(mount, 1800)
+    setTimeout(() => void mount(), 1800)
   } else {
-    window.addEventListener("load", () => setTimeout(mount, 1800), { once: true })
+    window.addEventListener("load", () => setTimeout(() => void mount(), 1800), { once: true })
   }
 }