@mevdragon/vidfarm-devcli 0.5.3 → 0.6.0

package/dist/src/frontend/page-runtime-client.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import "./sentry.js";
+import { useEffect, useMemo, useState } from "react";
+import { createPortal } from "react-dom";
+import { createRoot } from "react-dom/client";
+import * as Sentry from "@sentry/react";
+import { useStore } from "zustand";
+import { debugError, debugLog, installGlobalDebugHooks } from "./debug.js";
+import { createFlockPosterCacheStore, readFlockPosterCacheSnapshot } from "./flockposter-cache-store.js";
+import { createPageRuntimeStore } from "./page-runtime-store.js";
+import { TemplateEditorChat } from "./template-editor-chat.js";
+installGlobalDebugHooks();
+function readBoot() {
+    const element = document.getElementById("page-runtime-boot");
+    if (!element?.textContent) {
+        return null;
+    }
+    return JSON.parse(element.textContent);
+}
+function isoDaysFromNow(days) {
+    const date = new Date();
+    date.setDate(date.getDate() + days);
+    return date.toISOString();
+}
+async function hydrateFlockPosterCacheAtStartup(input) {
+    if (!input.userId) {
+        return;
+    }
+    const current = input.store.getState();
+    if (!input.force && current.channels.length && current.channelsUpdatedAt) {
+        return;
+    }
+    const params = new URLSearchParams({
+        start_date: isoDaysFromNow(-7),
+        end_date: isoDaysFromNow(30)
+    });
+    const response = await fetch(`/u/${encodeURIComponent(input.userId)}/calendar/feed?${params.toString()}`, {
+        headers: { accept: "application/json" }
+    });
+    const payload = await response.json().catch(() => null);
+    if (!response.ok || !payload) {
+        return;
+    }
+    input.store.getState().setCalendarData({
+        channels: Array.isArray(payload.channels) ? payload.channels : [],
+        posts: Array.isArray(payload.posts) ? payload.posts : [],
+        rangeStart: payload.startDate || isoDaysFromNow(-7),
+        rangeEnd: payload.endDate || isoDaysFromNow(30),
+        replaceRange: true
+    });
+    window.dispatchEvent(new CustomEvent("vidfarm:flockposter-cache-updated"));
+}
+function PageRuntimeApp({ boot }) {
+    const store = useMemo(() => createPageRuntimeStore(boot), [boot]);
+    const title = useStore(store, (state) => state.boot.title);
+    const [chatRoot, setChatRoot] = useState(null);
+    useEffect(() => {
+        store.getState().setHydratedAt(new Date().toISOString());
+        document.documentElement.dataset.reactRuntime = "true";
+        document.documentElement.dataset.reactRuntimePage = boot.pageKind;
+        document.title = title;
+    }, [boot.pageKind, store, title]);
+    useEffect(() => {
+        if (!boot.editorChat) {
+            return;
+        }
+        const nextRoot = document.querySelector("[data-template-editor-chat-root]");
+        setChatRoot(nextRoot instanceof HTMLElement ? nextRoot : null);
+    }, [boot.editorChat]);
+    return boot.editorChat && chatRoot
+        ? createPortal(_jsx(Sentry.ErrorBoundary, { fallback: _jsx(ChatErrorFallback, {}), children: _jsx(TemplateEditorChat, { boot: boot.editorChat }) }), chatRoot)
+        : null;
+}
+function ChatErrorFallback() {
+    return (_jsxs("div", { style: {
+            display: "grid",
+            placeItems: "center",
+            height: "100%",
+            padding: "24px",
+            textAlign: "center",
+            gap: "12px",
+            color: "#5c6a82"
+        }, children: [_jsx("div", { style: { fontSize: "0.72rem", fontWeight: 800, letterSpacing: "0.14em", textTransform: "uppercase" }, children: "Chat error" }), _jsx("div", { style: { fontSize: "0.92rem" }, children: "Something went wrong loading the chat. Reload the page to try again." }), _jsx("button", { type: "button", onClick: () => window.location.reload(), style: {
+                    marginTop: "4px",
+                    minHeight: "34px",
+                    padding: "0 16px",
+                    border: "1px solid rgba(191, 164, 109, 0.34)",
+                    borderRadius: "999px",
+                    background: "rgba(255, 255, 255, 0.92)",
+                    color: "#243041",
+                    fontWeight: 700,
+                    cursor: "pointer"
+                }, children: "Reload" })] }));
+}
+const boot = readBoot();
+const rootElement = document.getElementById("page-runtime-root");
+const flockPosterCacheStore = createFlockPosterCacheStore(boot?.userId ?? null);
+let flockPosterHydrationPromise = null;
+function ensureFlockPosterCacheHydrated(options = {}) {
+    if (!options.force && flockPosterHydrationPromise) {
+        return flockPosterHydrationPromise;
+    }
+    flockPosterHydrationPromise = hydrateFlockPosterCacheAtStartup({
+        userId: boot?.userId ?? null,
+        store: flockPosterCacheStore,
+        force: options.force
+    }).catch(() => { });
+    return flockPosterHydrationPromise;
+}
+window.__vidfarmFlockPosterCache = {
+    readSnapshot: () => readFlockPosterCacheSnapshot(boot?.userId ?? null),
+    ensureHydrated: ensureFlockPosterCacheHydrated,
+    setChannelsData: (channels) => {
+        flockPosterCacheStore.getState().setChannelsData(channels);
+        window.dispatchEvent(new CustomEvent("vidfarm:flockposter-cache-updated"));
+    },
+    setCalendarData: (input) => {
+        flockPosterCacheStore.getState().setCalendarData(input);
+        window.dispatchEvent(new CustomEvent("vidfarm:flockposter-cache-updated"));
+    }
+};
+void ensureFlockPosterCacheHydrated();
+debugLog("page_runtime.boot", {
+    has_boot: Boolean(boot),
+    has_root: Boolean(rootElement),
+    page_kind: boot?.pageKind ?? null,
+    editor_chat_template_id: boot?.editorChat?.template?.templateId ?? null
+});
+if (boot && rootElement) {
+    createRoot(rootElement).render((_jsx(Sentry.ErrorBoundary, { fallback: _jsx(_Fragment, {}), onError: (error) => debugError("page_runtime.render_error", { message: error instanceof Error ? error.message : String(error) }), children: _jsx(PageRuntimeApp, { boot: boot }) })));
+}
+//# sourceMappingURL=page-runtime-client.js.map

package/dist/src/frontend/page-runtime-store.js

@@ -0,0 +1,9 @@
+import { createStore } from "zustand/vanilla";
+export function createPageRuntimeStore(boot) {
+    return createStore((set) => ({
+        boot,
+        hydratedAt: null,
+        setHydratedAt: (hydratedAt) => set({ hydratedAt })
+    }));
+}
+//# sourceMappingURL=page-runtime-store.js.map

package/dist/src/frontend/sentry.js

@@ -0,0 +1,42 @@
+import * as Sentry from "@sentry/react";
+function readSampleRate(raw, defaultValue) {
+    if (raw == null || raw === "")
+        return defaultValue;
+    const parsed = typeof raw === "number" ? raw : Number(raw);
+    return Number.isFinite(parsed) && parsed >= 0 && parsed <= 1 ? parsed : defaultValue;
+}
+const options = window.__vidfarmSentry;
+const dsn = options?.dsn?.trim() || "";
+if (dsn) {
+    const environment = options?.environment?.trim() || "development";
+    const defaultTracesSampleRate = environment === "production" ? 0.1 : 1.0;
+    const defaultReplaySessionSampleRate = environment === "production" ? 0.1 : 1.0;
+    const sameOriginTargets = [
+        "localhost",
+        window.location.origin,
+        `${window.location.origin}/api`
+    ];
+    const tracePropagationTargets = Array.from(new Set([
+        ...sameOriginTargets,
+        ...(options?.tracePropagationTargets ?? [])
+    ].filter(Boolean)));
+    Sentry.init({
+        dsn,
+        environment,
+        release: options?.release?.trim() || undefined,
+        integrations: [
+            Sentry.browserTracingIntegration(),
+            Sentry.replayIntegration({
+                maskAllText: true,
+                blockAllMedia: true
+            })
+        ],
+        tracesSampleRate: readSampleRate(options?.tracesSampleRate, defaultTracesSampleRate),
+        tracePropagationTargets,
+        replaysSessionSampleRate: readSampleRate(options?.replaysSessionSampleRate, defaultReplaySessionSampleRate),
+        replaysOnErrorSampleRate: readSampleRate(options?.replaysOnErrorSampleRate, 1.0),
+        enableLogs: options?.enableLogs ?? true,
+        sendDefaultPii: options?.sendDefaultPii ?? true
+    });
+}
+//# sourceMappingURL=sentry.js.map