@omg-dev/sdk 0.4.28 → 0.4.30

package/dist/{OmgBadge-CDnTIlnn.mjs → OmgBadge-DPcZZfJl.mjs}

@@ -1,5 +1,5 @@
 import { t as VibesFeedback } from "./VibesFeedback-BF2Vf6FK.mjs";
-import { useEffect, useId, useState } from "react";
+import { useId, useState } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/brand/OmgBadge.tsx
 const BRAND = "#FF5530";
@@ -13,107 +13,17 @@ function feedbackBundled() {
 		return true;
 	}
 }
-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();
-	if (!slug || !/^[a-z0-9-]+$/.test(slug)) return null;
-	return slug;
-}
-function isDismissed() {
-	try {
-		return localStorage.getItem(DISMISS_KEY) === "1";
-	} catch {
-		return false;
-	}
-}
-function setDismissedFlag() {
-	try {
-		localStorage.setItem(DISMISS_KEY, "1");
-	} catch {}
-}
-/** Live check: only Explore-listed public apps may show "Make it mine". Fail closed. */
-async function fetchRemixable(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;
-	}
-}
 function OmgBadge({ href = "https://omg.dev", label = "What is omg?" }) {
 	const [open, setOpen] = useState(false);
-	const slug = appSlug();
-	const [remix, setRemix] = useState(false);
 	const titleId = useId();
 	const descriptionId = useId();
 	const markId = useId().replace(/[^a-zA-Z0-9_-]/g, "");
-	useEffect(() => {
-		if (!slug || isDismissed()) return;
-		let cancelled = false;
-		fetchRemixable(slug).then((ok) => {
-			if (!cancelled && ok && !isDismissed()) setRemix(true);
-		});
-		return () => {
-			cancelled = true;
-		};
-	}, [slug]);
-	function dismissRemix() {
-		setDismissedFlag();
-		setRemix(false);
-	}
 	function summonFeedback() {
 		setOpen(false);
 		if (typeof window !== "undefined") window.dispatchEvent(new CustomEvent(FEEDBACK_OPEN_EVENT));
 	}
 	return /* @__PURE__ */ jsxs(Fragment, { children: [
-		remix && slug ? /* @__PURE__ */ jsxs("a", {
-			href: `${REMIX_ORIGIN}/remix/${slug}?ref=pwa`,
-			"aria-label": "Make this app mine",
-			"data-vibes-feedback": "",
-			style: badgeStyle,
-			children: [
-				/* @__PURE__ */ jsx(OmgMark, {
-					size: 18,
-					id: `remix-${markId}`
-				}),
-				/* @__PURE__ */ jsx("span", {
-					style: badgeTextStyle,
-					children: "Make it mine"
-				}),
-				/* @__PURE__ */ jsx("button", {
-					type: "button",
-					"aria-label": "Dismiss",
-					onClick: (event) => {
-						event.preventDefault();
-						event.stopPropagation();
-						dismissRemix();
-					},
-					style: dismissStyle,
-					children: /* @__PURE__ */ jsx("svg", {
-						"aria-hidden": "true",
-						width: "13",
-						height: "13",
-						viewBox: "0 0 24 24",
-						fill: "none",
-						children: /* @__PURE__ */ jsx("path", {
-							d: "M6 6l12 12M18 6 6 18",
-							stroke: "currentColor",
-							strokeWidth: "2.4",
-							strokeLinecap: "round"
-						})
-					})
-				})
-			]
-		}) : /* @__PURE__ */ jsxs("button", {
+		/* @__PURE__ */ jsxs("button", {
 			type: "button",
 			"aria-label": label,
 			"data-vibes-feedback": "",
@@ -262,19 +172,6 @@ const badgeTextStyle = {
 	letterSpacing: 0,
 	padding: "0 3px"
 };
-const dismissStyle = {
-	width: 22,
-	height: 22,
-	flex: "0 0 auto",
-	borderRadius: 999,
-	border: "none",
-	background: "rgba(20, 16, 12, 0.06)",
-	color: "#6b6459",
-	display: "grid",
-	placeItems: "center",
-	cursor: "pointer",
-	padding: 0
-};
 const backdropStyle = {
 	position: "fixed",
 	inset: 0,

package/dist/brand/auto.mjs

@@ -1,4 +1,4 @@
-import { t as OmgBadge } from "../OmgBadge-CDnTIlnn.mjs";
+import { t as OmgBadge } from "../OmgBadge-DPcZZfJl.mjs";
 import { jsx } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
 //#region src/brand/auto.tsx

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { a as installTrace, c as requestMotionPermission, d as getAuthContext, f as notifyAuthRequired, h as subscribeAuthRequired, i as getTrace, l as useFeedbackGesture, m as subscribeAuthChange, n as captureScreenshot, o as attachGestureListeners, p as setAuthContext, r as clearTrace, s as motionPermissionState, t as VibesFeedback, u as useUpload } from "./VibesFeedback-BF2Vf6FK.mjs";
-import { t as OmgBadge } from "./OmgBadge-CDnTIlnn.mjs";
+import { t as OmgBadge } from "./OmgBadge-DPcZZfJl.mjs";
 import { createContext, useCallback, useContext, useEffect, useId, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { fetchEventSource } from "@microsoft/fetch-event-source";
 import { createAuthClient } from "better-auth/react";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@omg-dev/sdk",
-  "version": "0.4.28",
+  "version": "0.4.30",
   "type": "module",
   "exports": {
     ".": {

package/src/brand/OmgBadge.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useId, useState, type CSSProperties } from "react"
+import { useId, useState, type CSSProperties } from "react"
 import { VibesFeedback } from "../feedback/VibesFeedback"
 
 export interface OmgBadgeProps {
@@ -31,97 +31,15 @@ function feedbackBundled(): boolean {
   }
 }
 
-// ── Remix ("Make it mine") gating ────────────────────────────────────────────
-// The badge's first job on a PUBLIC Explore-listed app is the recipient→creator
-// hinge: a visitor who only has the shared link can fork the app back on
-// omg.dev. Private (not listed) apps keep the plain branding badge only —
-// remixBySlug rejects them, so the CTA must never appear. Once dismissed, the
-// SAME badge collapses to branding — the omg mark never leaves, only the CTA.
-const DISMISS_KEY = "vibes-remix:dismissed"
-const REMIX_ORIGIN =
-  (typeof import.meta !== "undefined" &&
-    (import.meta as { env?: Record<string, string | undefined> }).env?.VITE_REMIX_ORIGIN) ||
-  "https://omg.dev"
-// Control-plane host for the unauthenticated isRemixable probe. Overridable for
-// self-host; defaults to production. CORS is open for this path only (Caddy).
-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
-  const env = (import.meta as { env?: Record<string, string | undefined> }).env
-  const slug = env?.VITE_APP_SLUG?.trim()
-  if (!slug || !/^[a-z0-9-]+$/.test(slug)) return null
-  return slug
-}
-
-function isDismissed(): boolean {
-  try {
-    return localStorage.getItem(DISMISS_KEY) === "1"
-  } catch {
-    return false
-  }
-}
-
-function setDismissedFlag() {
-  try {
-    localStorage.setItem(DISMISS_KEY, "1")
-  } catch {
-    /* private mode */
-  }
-}
-
-/** Live check: only Explore-listed public apps may show "Make it mine". Fail closed. */
-async function fetchRemixable(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 }),
-      // Public boolean; no credentials. Avoid caching a stale private→public flip.
-      cache: "no-store",
-    })
-    if (!res.ok) return false
-    const data = (await res.json()) as { remixable?: unknown }
-    return data?.remixable === true
-  } catch {
-    return false
-  }
-}
-
 export function OmgBadge({
   href = "https://omg.dev",
   label = "What is omg?",
 }: OmgBadgeProps) {
   const [open, setOpen] = useState(false)
-  // Fail closed: start as branding. Promote to remix only after the public
-  // catalog confirms this slug is listed — never flash "Make it mine" on a
-  // private published app while the probe is in flight.
-  const slug = appSlug()
-  const [remix, setRemix] = useState(false)
   const titleId = useId()
   const descriptionId = useId()
   const markId = useId().replace(/[^a-zA-Z0-9_-]/g, "")
 
-  useEffect(() => {
-    if (!slug || isDismissed()) return
-    let cancelled = false
-    void fetchRemixable(slug).then((ok) => {
-      if (!cancelled && ok && !isDismissed()) setRemix(true)
-    })
-    return () => {
-      cancelled = true
-    }
-  }, [slug])
-
-  function dismissRemix() {
-    setDismissedFlag()
-    setRemix(false)
-  }
-
   function summonFeedback() {
     setOpen(false)
     if (typeof window !== "undefined") {
@@ -131,47 +49,16 @@ export function OmgBadge({
 
   return (
     <>
-      {remix && slug ? (
-        // Remix state: the omg mark + "Make it mine" CTA. Tapping the pill body
-        // navigates to the dashboard to fork the app; the ✕ collapses to the
-        // branding badge. ?ref=pwa attributes the click on /remix.
-        <a
-          href={`${REMIX_ORIGIN}/remix/${slug}?ref=pwa`}
-          aria-label="Make this app mine"
-          data-vibes-feedback=""
-          style={badgeStyle}
-        >
-          <OmgMark size={18} id={`remix-${markId}`} />
-          <span style={badgeTextStyle}>Make it mine</span>
-          <button
-            type="button"
-            aria-label="Dismiss"
-            onClick={(event) => {
-              event.preventDefault()
-              event.stopPropagation()
-              dismissRemix()
-            }}
-            style={dismissStyle}
-          >
-            <svg aria-hidden="true" width="13" height="13" viewBox="0 0 24 24" fill="none">
-              <path d="M6 6l12 12M18 6 6 18" stroke="currentColor" strokeWidth="2.4" strokeLinecap="round" />
-            </svg>
-          </button>
-        </a>
-      ) : (
-        // Branding state: the omg mark + "omg". Opens the "Built with omg"
-        // dialog, which also hosts the feedback entry.
-        <button
-          type="button"
-          aria-label={label}
-          data-vibes-feedback=""
-          onClick={() => setOpen(true)}
-          style={badgeStyle}
-        >
-          <OmgMark size={18} id={`badge-${markId}`} />
-          <span style={badgeTextStyle}>omg</span>
-        </button>
-      )}
+      <button
+        type="button"
+        aria-label={label}
+        data-vibes-feedback=""
+        onClick={() => setOpen(true)}
+        style={badgeStyle}
+      >
+        <OmgMark size={18} id={`badge-${markId}`} />
+        <span style={badgeTextStyle}>omg</span>
+      </button>
 
       {open && (
         <div
@@ -288,20 +175,6 @@ const badgeTextStyle: CSSProperties = {
   padding: "0 3px",
 }
 
-const dismissStyle: CSSProperties = {
-  width: 22,
-  height: 22,
-  flex: "0 0 auto",
-  borderRadius: 999,
-  border: "none",
-  background: "rgba(20, 16, 12, 0.06)",
-  color: "#6b6459",
-  display: "grid",
-  placeItems: "center",
-  cursor: "pointer",
-  padding: 0,
-}
-
 const backdropStyle: CSSProperties = {
   position: "fixed",
   inset: 0,

package/src/brand/auto.tsx

@@ -4,11 +4,8 @@
 // app's React tree so it survives user app rewrites and does not require each
 // generated app to carry attribution code in its source.
 //
-// One control, not three: this badge is the "Make it mine" remix CTA on a fresh
-// visit to a PUBLIC (Explore-listed) app (same omg mark), collapses to the plain
-// branding badge on dismiss or when the app is private, and bundles the
-// (button-less) feedback sheet, summoned from its dialog. The vite-plugin
-// therefore skips the standalone feedback/auto + remix-cta imports whenever
+// The badge also bundles the button-less feedback sheet summoned from its
+// dialog, so the vite plugin skips the standalone feedback control whenever
 // this badge is enabled (the default).
 
 import { createRoot } from "react-dom/client"