@omg-dev/sdk 0.4.29 → 0.4.31

package/dist/OmgBadge-C559Dp1f.mjs

@@ -0,0 +1,222 @@
+import { useId, useState } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/brand/OmgBadge.tsx
+const BRAND = "#FF5530";
+const Z_BADGE = 2147482e3;
+const Z_DIALOG = 2147483100;
+function OmgBadge({ href = "https://omg.dev", label = "What is omg?" }) {
+	const [open, setOpen] = useState(false);
+	const titleId = useId();
+	const descriptionId = useId();
+	const markId = useId().replace(/[^a-zA-Z0-9_-]/g, "");
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs("button", {
+		type: "button",
+		"aria-label": label,
+		onClick: () => setOpen(true),
+		style: badgeStyle,
+		children: [/* @__PURE__ */ jsx(OmgMark, {
+			size: 18,
+			id: `badge-${markId}`
+		}), /* @__PURE__ */ jsx("span", {
+			style: badgeTextStyle,
+			children: "omg"
+		})]
+	}), open && /* @__PURE__ */ jsx("div", {
+		role: "presentation",
+		style: backdropStyle,
+		onMouseDown: (event) => {
+			if (event.target === event.currentTarget) setOpen(false);
+		},
+		children: /* @__PURE__ */ jsxs("div", {
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": titleId,
+			"aria-describedby": descriptionId,
+			style: dialogStyle,
+			children: [
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					"aria-label": "Close",
+					onClick: () => setOpen(false),
+					style: closeButtonStyle,
+					children: /* @__PURE__ */ jsx("svg", {
+						"aria-hidden": "true",
+						width: "18",
+						height: "18",
+						viewBox: "0 0 24 24",
+						fill: "none",
+						children: /* @__PURE__ */ jsx("path", {
+							d: "M6 6l12 12M18 6 6 18",
+							stroke: "currentColor",
+							strokeWidth: "2",
+							strokeLinecap: "round"
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx("div", {
+					style: markWrapStyle,
+					children: /* @__PURE__ */ jsx(OmgMark, {
+						size: 34,
+						id: `dialog-${markId}`
+					})
+				}),
+				/* @__PURE__ */ jsx("h2", {
+					id: titleId,
+					style: titleStyle,
+					children: "Built with omg"
+				}),
+				/* @__PURE__ */ jsx("p", {
+					id: descriptionId,
+					style: bodyStyle,
+					children: "omg turns a plain-language idea into a real app, then hosts it with sign-in, data storage, and publishing already handled."
+				}),
+				/* @__PURE__ */ jsx("a", {
+					href,
+					target: "_blank",
+					rel: "noopener noreferrer",
+					style: ctaStyle,
+					children: "Learn about omg"
+				})
+			]
+		})
+	})] });
+}
+function OmgMark({ size, id }) {
+	const maskId = `omg-mark-cut-${id}`;
+	return /* @__PURE__ */ jsxs("svg", {
+		"aria-hidden": "true",
+		width: size,
+		height: size,
+		viewBox: "0 0 100 100",
+		fill: "none",
+		style: {
+			display: "block",
+			flex: "0 0 auto"
+		},
+		children: [/* @__PURE__ */ jsxs("mask", {
+			id: maskId,
+			children: [/* @__PURE__ */ jsx("rect", {
+				width: "100",
+				height: "100",
+				fill: "white"
+			}), /* @__PURE__ */ jsx("circle", {
+				cx: "71",
+				cy: "29",
+				r: size <= 16 ? 16.5 : size <= 20 ? 15.2 : size <= 32 ? 14 : 13.2,
+				fill: "black"
+			})]
+		}), /* @__PURE__ */ jsx("circle", {
+			cx: "50",
+			cy: "50",
+			r: "44",
+			fill: BRAND,
+			mask: `url(#${maskId})`
+		})]
+	});
+}
+const font = "system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif";
+const badgeStyle = {
+	position: "fixed",
+	right: "max(14px, env(safe-area-inset-right))",
+	bottom: "calc(16px + env(safe-area-inset-bottom))",
+	zIndex: Z_BADGE,
+	height: 38,
+	padding: "0 8px 0 10px",
+	border: "1px solid rgba(20, 16, 12, 0.12)",
+	borderRadius: 999,
+	background: "rgba(255, 255, 255, 0.94)",
+	color: "#15110d",
+	boxShadow: "0 8px 28px rgba(0, 0, 0, 0.16)",
+	display: "inline-flex",
+	alignItems: "center",
+	gap: 7,
+	fontFamily: font,
+	cursor: "pointer",
+	textDecoration: "none",
+	WebkitTapHighlightColor: "transparent",
+	backdropFilter: "blur(10px)"
+};
+const badgeTextStyle = {
+	fontSize: 13,
+	lineHeight: "18px",
+	fontWeight: 700,
+	letterSpacing: 0,
+	padding: "0 3px"
+};
+const backdropStyle = {
+	position: "fixed",
+	inset: 0,
+	zIndex: Z_DIALOG,
+	display: "grid",
+	placeItems: "center",
+	padding: "24px 16px calc(24px + env(safe-area-inset-bottom))",
+	background: "rgba(15, 13, 11, 0.34)",
+	boxSizing: "border-box"
+};
+const dialogStyle = {
+	position: "relative",
+	width: "min(100%, 360px)",
+	borderRadius: 18,
+	padding: "26px 22px 20px",
+	background: "#fffaf4",
+	color: "#15110d",
+	boxShadow: "0 24px 70px rgba(0, 0, 0, 0.28)",
+	border: "1px solid rgba(21, 17, 13, 0.08)",
+	fontFamily: font,
+	boxSizing: "border-box"
+};
+const closeButtonStyle = {
+	position: "absolute",
+	top: 10,
+	right: 10,
+	width: 34,
+	height: 34,
+	borderRadius: 999,
+	border: "none",
+	background: "transparent",
+	color: "#6b6459",
+	display: "grid",
+	placeItems: "center",
+	cursor: "pointer"
+};
+const markWrapStyle = {
+	width: 52,
+	height: 52,
+	borderRadius: 16,
+	display: "grid",
+	placeItems: "center",
+	background: "#fff",
+	boxShadow: "inset 0 0 0 1px rgba(21, 17, 13, 0.08)",
+	marginBottom: 16
+};
+const titleStyle = {
+	margin: 0,
+	color: "#15110d",
+	fontSize: 23,
+	lineHeight: "28px",
+	fontWeight: 750,
+	letterSpacing: 0
+};
+const bodyStyle = {
+	margin: "10px 0 18px",
+	color: "#5f574d",
+	fontSize: 15,
+	lineHeight: "22px",
+	letterSpacing: 0
+};
+const ctaStyle = {
+	display: "inline-flex",
+	alignItems: "center",
+	justifyContent: "center",
+	width: "100%",
+	height: 44,
+	borderRadius: 12,
+	background: "#15110d",
+	color: "#fffaf4",
+	fontSize: 15,
+	fontWeight: 700,
+	textDecoration: "none",
+	letterSpacing: 0
+};
+//#endregion
+export { OmgBadge as t };

package/dist/brand/auto.mjs

@@ -1,4 +1,4 @@
-import { t as OmgBadge } from "../OmgBadge-CDnTIlnn.mjs";
+import { t as OmgBadge } from "../OmgBadge-C559Dp1f.mjs";
 import { jsx } from "react/jsx-runtime";
 import { createRoot } from "react-dom/client";
 //#region src/brand/auto.tsx
@@ -8,7 +8,6 @@ function mount() {
 	if (document.getElementById(HOST_ID)) return;
 	const host = document.createElement("div");
 	host.id = HOST_ID;
-	host.setAttribute("data-vibes-feedback", "");
 	document.body.appendChild(host);
 	createRoot(host).render(/* @__PURE__ */ jsx(OmgBadge, {}));
 }

package/dist/index.mjs

@@ -1,11 +1,46 @@
-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-C559Dp1f.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";
 import { passkeyClient } from "@better-auth/passkey/client";
 import { emailOTPClient, magicLinkClient } from "better-auth/client/plugins";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/auth/bridge.ts
+let current = {
+	user: null,
+	token: null,
+	authReady: false
+};
+const authChangeListeners = /* @__PURE__ */ new Set();
+function setAuthContext(snap) {
+	current = snap;
+	for (const cb of authChangeListeners) cb(snap);
+}
+function getAuthContext() {
+	return current;
+}
+/**
+* Subscribe to auth snapshot changes (user / token / authReady). Returns an
+* unsubscribe fn. Data hooks use this to re-establish a subscription when the
+* JWT finishes loading (null→token) or on sign-out (token→null) — without it
+* the WS connects once, often before getToken() resolves, and never retries
+* with a bearer.
+*/
+function subscribeAuthChange(cb) {
+	authChangeListeners.add(cb);
+	return () => authChangeListeners.delete(cb);
+}
+const authRequiredListeners = /* @__PURE__ */ new Set();
+/** Subscribe to auth-required signals. Returns an unsubscribe fn. */
+function subscribeAuthRequired(cb) {
+	authRequiredListeners.add(cb);
+	return () => authRequiredListeners.delete(cb);
+}
+/** Notify all subscribers that a request hit the server's auth-required signal. */
+function notifyAuthRequired() {
+	for (const cb of authRequiredListeners) cb();
+}
+//#endregion
 //#region src/auth/client.ts
 /**
 * Recover the user carried by a slug-scoped JWT.
@@ -650,6 +685,143 @@ function VibesAuthGuard({ children, fallback, loadingFallback }) {
 	return /* @__PURE__ */ jsx(Fragment, { children });
 }
 //#endregion
+//#region src/storage/useUpload.ts
+function bearerHeaders() {
+	const { token } = getAuthContext();
+	return token ? { Authorization: `Bearer ${token}` } : {};
+}
+/**
+* Headless upload hook. Returns the upload function plus state.
+*
+* Usage:
+*   const { upload, uploading, progress, error } = useUpload()
+*   await upload(file, { key: `avatars/${user.id}.png` })
+*/
+function useUpload() {
+	const [state, setState] = useState({
+		uploading: false,
+		progress: 0,
+		error: null,
+		result: null
+	});
+	const reset = useCallback(() => {
+		setState({
+			uploading: false,
+			progress: 0,
+			error: null,
+			result: null
+		});
+	}, []);
+	const upload = useCallback(async (file, opts) => {
+		setState({
+			uploading: true,
+			progress: 0,
+			error: null,
+			result: null
+		});
+		const presignUrl = opts.presignUrl ?? "/api/_storage/presign";
+		const contentType = opts.contentType ?? file.type ?? "application/octet-stream";
+		try {
+			const presignRes = await fetch(presignUrl, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					...bearerHeaders()
+				},
+				body: JSON.stringify({
+					action: "put",
+					key: opts.key,
+					contentType,
+					scope: opts.scope ?? "user"
+				})
+			});
+			if (!presignRes.ok) {
+				if (presignRes.status === 401 && getAuthContext().authReady) notifyAuthRequired();
+				const text = await presignRes.text().catch(() => "");
+				throw new Error(`presign ${presignRes.status}: ${text.slice(0, 200)}`);
+			}
+			const { url, key: storedKey, maxBytes } = await presignRes.json();
+			if (typeof maxBytes === "number" && file.size > maxBytes) throw new Error(`file too large (${file.size} > ${maxBytes} bytes)`);
+			await new Promise((resolve, reject) => {
+				const xhr = new XMLHttpRequest();
+				xhr.open("PUT", url);
+				xhr.setRequestHeader("Content-Type", contentType);
+				xhr.upload.onprogress = (e) => {
+					if (e.lengthComputable) {
+						const frac = e.loaded / e.total;
+						setState((s) => ({
+							...s,
+							progress: frac
+						}));
+						opts.onProgress?.(frac);
+					}
+				};
+				xhr.onload = () => {
+					if (xhr.status >= 200 && xhr.status < 300) resolve();
+					else reject(/* @__PURE__ */ new Error(`PUT ${xhr.status}: ${xhr.responseText.slice(0, 200)}`));
+				};
+				xhr.onerror = () => reject(/* @__PURE__ */ new Error("network error during upload"));
+				xhr.send(file);
+			});
+			const dlRes = await fetch(presignUrl, {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					...bearerHeaders()
+				},
+				body: JSON.stringify({
+					action: "get",
+					key: opts.key,
+					scope: opts.scope ?? "user"
+				})
+			});
+			let downloadUrl = "";
+			if (dlRes.ok) downloadUrl = (await dlRes.json()).url ?? "";
+			fetch(presignUrl.replace(/\/presign$/, "/notify"), {
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					...bearerHeaders()
+				},
+				body: JSON.stringify({
+					action: "upload",
+					key: opts.key,
+					size: file.size,
+					contentType,
+					scope: opts.scope ?? "user"
+				})
+			}).catch(() => {});
+			const result = {
+				key: storedKey,
+				downloadUrl,
+				size: file.size,
+				contentType
+			};
+			setState({
+				uploading: false,
+				progress: 1,
+				error: null,
+				result
+			});
+			return result;
+		} catch (err) {
+			const msg = err.message ?? String(err);
+			setState({
+				uploading: false,
+				progress: 0,
+				error: msg,
+				result: null
+			});
+			throw err;
+		}
+	}, []);
+	return {
+		...state,
+		upload,
+		reset
+	};
+}
+//#endregion
 //#region src/storage/VibesUpload.tsx
 function defaultKeyFor(file) {
 	const safe = file.name.replace(/[^a-zA-Z0-9._-]/g, "-");
@@ -889,6 +1061,7 @@ async function createNotification(input) {
 const runtimeClaims = {
 	llmInvoke: "llm.invoke",
 	mediaInvoke: "media.invoke",
+	speechTranscribe: "speech.transcribe",
 	browserUse: "browser.use",
 	sandboxCreate: "sandbox.create",
 	sandboxDelegate: "sandbox.delegate"
@@ -1185,17 +1358,19 @@ function orderedRows(rows) {
 	return Array.from(rows).sort((a, b) => compareRows(a, b));
 }
 var SharedCollectionSocket = class {
+	url;
+	token;
+	ws = null;
+	connecting = false;
+	closedByManager = false;
+	consecutiveErrors = 0;
+	reconnectTimer = null;
+	flushQueued = false;
+	subs = /* @__PURE__ */ new Map();
+	pendingSubIds = /* @__PURE__ */ new Set();
 	constructor(url, token) {
 		this.url = url;
 		this.token = token;
-		this.ws = null;
-		this.connecting = false;
-		this.closedByManager = false;
-		this.consecutiveErrors = 0;
-		this.reconnectTimer = null;
-		this.flushQueued = false;
-		this.subs = /* @__PURE__ */ new Map();
-		this.pendingSubIds = /* @__PURE__ */ new Set();
 	}
 	add(sub) {
 		this.subs.set(sub.subId, sub);
@@ -1421,24 +1596,29 @@ function makeInitialQuerySnapshot() {
 	};
 }
 var CollectionQueryStore = class {
+	key;
+	url;
+	collection;
+	where;
+	onIdle;
+	listeners = /* @__PURE__ */ new Set();
+	rowSubscribers = /* @__PURE__ */ new Set();
+	socketHandle = null;
+	fallbackHandle = null;
+	authUnsub = null;
+	authToken = getAuthContext().token;
+	authReady = getAuthContext().authReady;
+	lastSeq = null;
+	pendingAuthRequired = null;
+	notifyQueued = false;
+	rowsDirty = false;
+	snapshot = makeInitialQuerySnapshot();
 	constructor(key, url, collection, where, onIdle) {
 		this.key = key;
 		this.url = url;
 		this.collection = collection;
 		this.where = where;
 		this.onIdle = onIdle;
-		this.listeners = /* @__PURE__ */ new Set();
-		this.rowSubscribers = /* @__PURE__ */ new Set();
-		this.socketHandle = null;
-		this.fallbackHandle = null;
-		this.authUnsub = null;
-		this.authToken = getAuthContext().token;
-		this.authReady = getAuthContext().authReady;
-		this.lastSeq = null;
-		this.pendingAuthRequired = null;
-		this.notifyQueued = false;
-		this.rowsDirty = false;
-		this.snapshot = makeInitialQuerySnapshot();
 	}
 	subscribe(listener) {
 		this.listeners.add(listener);
@@ -1637,4 +1817,4 @@ function _canonicalPredicateForTests(predicate) {
 	return canonicalPredicateString(predicate);
 }
 //#endregion
-export { OmgBadge, VibesAuthAutoPrompt, VibesAuthGuard, VibesAuthProvider, VibesAuthRequiredError, VibesFeedback, VibesLogin, VibesUpload, _canonicalPredicateForTests, _resetSharedCollectionSocketsForTests, attachGestureListeners, captureScreenshot, clearTrace, createNotification, createSandbox, createVibesAuth, deriveAppId, deriveTokenUrl, forkSandbox, getAuthContext, getTrace, installTrace, mailAppForEmail, motionPermissionState, notificationSupport, notifyAuthRequired, requestMotionPermission, runtimeClaims, subscribeAuthRequired, subscribeCollection, useAuth, useCollection, useFeedbackGesture, useNotificationPermission, useNotifications, useQuery, useUpload, useUser, useVibesAuth, useVibesToken, vibesFetch };
+export { OmgBadge, VibesAuthAutoPrompt, VibesAuthGuard, VibesAuthProvider, VibesAuthRequiredError, VibesLogin, VibesUpload, _canonicalPredicateForTests, _resetSharedCollectionSocketsForTests, createNotification, createSandbox, createVibesAuth, deriveAppId, deriveTokenUrl, forkSandbox, getAuthContext, mailAppForEmail, notificationSupport, notifyAuthRequired, runtimeClaims, subscribeAuthRequired, subscribeCollection, useAuth, useCollection, useNotificationPermission, useNotifications, useQuery, useUpload, useUser, useVibesAuth, useVibesToken, vibesFetch };

package/package.json

@@ -1,16 +1,12 @@
 {
   "name": "@omg-dev/sdk",
-  "version": "0.4.29",
+  "version": "0.4.31",
   "type": "module",
   "exports": {
     ".": {
       "types": "./src/index.ts",
       "default": "./dist/index.mjs"
     },
-    "./feedback/auto": {
-      "types": "./src/feedback/auto.tsx",
-      "default": "./dist/feedback/auto.mjs"
-    },
     "./brand/auto": {
       "types": "./src/brand/auto.tsx",
       "default": "./dist/brand/auto.mjs"
@@ -19,8 +15,7 @@
   "dependencies": {
     "better-auth": "^1.2.0",
     "@better-auth/passkey": "^1.2.0",
-    "@microsoft/fetch-event-source": "^2.0.1",
-    "modern-screenshot": "^4.0.0"
+    "@microsoft/fetch-event-source": "^2.0.1"
   },
   "peerDependencies": {
     "react": ">=18",