@omg-dev/pwa 0.4.26 → 0.4.28

package/dist/remix-cta.mjs

@@ -3,7 +3,8 @@ import { jsx, jsxs } from "react/jsx-runtime";
 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 REMIX_ORIGIN = typeof import.meta !== "undefined" && import.meta.env?.VITE_REMIX_ORIGIN || "https://app.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.28",
   "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"
@@ -18,11 +20,21 @@ import { isInIframe } from "./core"
 
 const DISMISS_KEY = "vibes-remix:dismissed"
 // The dashboard origin the remix deep-link points at. Overridable for
-// self-host via VITE_REMIX_ORIGIN; defaults to the omg.dev dashboard.
+// self-host via VITE_REMIX_ORIGIN.
+//
+// app.omg.dev, NOT omg.dev: /remix/<slug> is a dashboard SPA route, and the
+// dashboard moved off omg.dev when that host became the marketing landing.
+// The landing has no /remix route, so the old default sent every recipient of
+// a shared app to a "Not Found" page — the whole recipient->creator loop.
 const REMIX_ORIGIN =
   (typeof import.meta !== "undefined" &&
     (import.meta as { env?: Record<string, string | undefined> }).env?.VITE_REMIX_ORIGIN) ||
-  "https://omg.dev"
+  "https://app.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 +60,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 +168,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 +187,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 })
   }
 }