forgepress 0.0.1 → 0.0.2

package/dist/preview/index.mjs

@@ -1,244 +1,2 @@
-import { overlayContent } from "../_chunks/overlay.mjs";
-import { errorMessage } from "../_chunks/error.mjs";
-const TAG = "forgepress-preview";
-const HIDING = "forgepress-preview-hiding";
-const LABELS = {
-	loading: "Loading preview…",
-	ready: "Preview",
-	failed: "Preview unavailable"
-};
-const STYLE = `
-:host {
-  all: initial;
-  position: fixed;
-  left: 16px;
-  bottom: 16px;
-  z-index: 2147483647;
-}
-
-.badge {
-  display: flex;
-  align-items: center;
-  gap: 8px;
-  padding: 4px 4px 4px 12px;
-  border-radius: 999px;
-  background: #13110e;
-  color: #fffcf8;
-  font: 500 13px/20px ui-sans-serif, system-ui, sans-serif;
-  box-shadow: 0 4px 16px rgb(19 17 14 / 0.3);
-}
-
-.dot {
-  width: 8px;
-  height: 8px;
-  border-radius: 50%;
-  background: #ffd27a;
-}
-
-[data-status="loading"] .dot {
-  animation: pulse 1s ease-in-out infinite;
-}
-
-[data-status="failed"] .dot {
-  background: #f87171;
-}
-
-button {
-  all: unset;
-  padding: 2px 10px;
-  border-radius: 999px;
-  color: #ffd27a;
-  cursor: pointer;
-}
-
-button:hover {
-  background: rgb(255 252 248 / 0.12);
-}
-
-button:focus-visible {
-  outline: 2px solid #ffd27a;
-  outline-offset: 2px;
-}
-
-@keyframes pulse {
-  50% {
-    opacity: 0.4;
-  }
-}
-
-@media (prefers-reduced-motion: reduce) {
-  [data-status="loading"] .dot {
-    animation: none;
-  }
-}
-`;
-function createBadge(turnOff) {
-	let host;
-	let badge;
-	let label;
-	let latest;
-	function hideInEditor() {
-		if (document.getElementById(HIDING)) return;
-		const style = document.createElement("style");
-		style.id = HIDING;
-		style.textContent = `body:has([data-forgepress-editor]) > ${TAG} { display: none !important; }`;
-		document.head.append(style);
-	}
-	function mount() {
-		hideInEditor();
-		host = document.createElement(TAG);
-		badge = document.createElement("div");
-		label = document.createElement("span");
-		const root = host.attachShadow({ mode: "open" });
-		const style = document.createElement("style");
-		const dot = document.createElement("span");
-		const button = document.createElement("button");
-		style.textContent = STYLE;
-		badge.className = "badge";
-		badge.setAttribute("role", "status");
-		dot.className = "dot";
-		button.type = "button";
-		button.textContent = "Turn off";
-		button.setAttribute("aria-label", "Turn off preview");
-		button.addEventListener("click", turnOff);
-		badge.append(dot, label, button);
-		root.append(style, badge);
-		document.body.append(host);
-	}
-	function show(state) {
-		latest = state;
-		if (!document.body) {
-			document.addEventListener("DOMContentLoaded", () => latest && show(latest), { once: true });
-			return;
-		}
-		if (!host?.isConnected) mount();
-		badge.dataset.status = state.status;
-		label.textContent = LABELS[state.status];
-		badge.title = state.status === "failed" ? `${state.error}. The site shows published content.` : "";
-	}
-	return {
-		show,
-		hide: () => {
-			latest = void 0;
-			host?.remove();
-		}
-	};
-}
-const SETTINGS_KEY = "forgepress:preview";
-const OFF_KEY = "forgepress:preview:off";
-const CHANNEL = "forgepress:preview";
-const listeners = /* @__PURE__ */ new Set();
-let version = 0;
-let channel;
-let listening = false;
-function read$1(key) {
-	try {
-		return localStorage.getItem(key);
-	} catch {
-		return null;
-	}
-}
-function write(key, value) {
-	try {
-		if (value === void 0) localStorage.removeItem(key);
-		else localStorage.setItem(key, value);
-	} catch {}
-}
-function emit() {
-	version += 1;
-	for (const listener of [...listeners]) listener();
-}
-function listen() {
-	if (listening || typeof window === "undefined") return;
-	listening = true;
-	window.addEventListener("storage", (event) => {
-		if (event.key === null || event.key === SETTINGS_KEY || event.key === OFF_KEY) emit();
-	});
-	if (typeof BroadcastChannel !== "undefined") {
-		channel = new BroadcastChannel(CHANNEL);
-		channel.addEventListener("message", emit);
-	}
-}
-function previewSettings() {
-	const text = read$1(SETTINGS_KEY);
-	try {
-		return text ? JSON.parse(text) : void 0;
-	} catch {
-		return;
-	}
-}
-function previewEnabled() {
-	return read$1(OFF_KEY) === null;
-}
-function previewing() {
-	return typeof window !== "undefined" && previewEnabled() && read$1(SETTINGS_KEY) !== null;
-}
-function previewVersion() {
-	return version;
-}
-function onPreviewChange(listener) {
-	listen();
-	listeners.add(listener);
-	return () => {
-		listeners.delete(listener);
-	};
-}
-function setPreviewEnabled(enabled) {
-	if (previewEnabled() === enabled) return;
-	write(OFF_KEY, enabled ? void 0 : "1");
-	emit();
-}
-let enabled = false;
-let snapshot;
-let selected;
-const badge = createBadge(() => setPreviewEnabled(false));
-function readerFor(settings) {
-	const key = JSON.stringify(settings);
-	if (selected?.key !== key) selected = {
-		key,
-		reader: import("../_chunks/reader2.mjs").then((module) => module.createPreviewReader(settings))
-	};
-	return selected.reader;
-}
-function load() {
-	const version = previewVersion();
-	if (snapshot?.version === version) return snapshot.files;
-	const settings = previewSettings();
-	const current = {
-		version,
-		files: (settings ? readerFor(settings).then((reader) => reader.build()) : Promise.reject(/* @__PURE__ */ new Error("[forgepress] sign in to the editor to preview unpublished content"))).then((files) => {
-			if (snapshot === current) badge.show({ status: "ready" });
-			return files;
-		}, (cause) => {
-			if (snapshot === current) badge.show({
-				status: "failed",
-				error: errorMessage(cause)
-			});
-		})
-	};
-	snapshot = current;
-	badge.show({ status: "loading" });
-	return current.files;
-}
-async function read(path, base) {
-	if (!previewing()) return base(path);
-	const files = await load();
-	if (!files) return base(path);
-	const text = files.get(path);
-	return text === void 0 ? void 0 : JSON.parse(text);
-}
-function refresh() {
-	if (previewing()) load();
-	else badge.hide();
-}
-function enablePreview() {
-	if (typeof window === "undefined") return false;
-	if (!enabled) {
-		enabled = true;
-		overlayContent(read);
-		onPreviewChange(refresh);
-		refresh();
-	}
-	return previewing();
-}
+import { enablePreview, onPreviewChange, previewing } from "../_chunks/preview.mjs";
 export { enablePreview, onPreviewChange, previewing };

package/dist/preview/react.d.mts

@@ -0,0 +1 @@
+export declare function usePreviewData<TData>(data: TData, load: () => Promise<TData>): TData;

package/dist/preview/react.mjs

@@ -0,0 +1,34 @@
+import { enablePreview, onPreviewChange } from "../_chunks/preview.mjs";
+import { useEffect, useRef, useState } from "react";
+function usePreviewData(data, load) {
+	const [previewed, setPreviewed] = useState();
+	const loader = useRef(load);
+	useEffect(() => {
+		loader.current = load;
+	});
+	useEffect(() => {
+		let latest = 0;
+		let stopped = false;
+		function update() {
+			const run = ++latest;
+			if (!enablePreview()) {
+				setPreviewed(void 0);
+				return;
+			}
+			loader.current().then((result) => {
+				if (!stopped && run === latest) setPreviewed({
+					from: data,
+					data: result
+				});
+			});
+		}
+		update();
+		const stop = onPreviewChange(update);
+		return () => {
+			stopped = true;
+			stop();
+		};
+	}, [data]);
+	return previewed?.from === data ? previewed.data : data;
+}
+export { usePreviewData };

package/dist/unplugin.d.mts

@@ -1,18 +1,13 @@
-import { MediaConfig } from "./_chunks/config.mjs";
-import { Plugin } from "./_chunks/libs/rolldown.mjs";
-import { UnpluginFactory } from "unplugin";
-export interface Options {
-  root?: string;
-  write?: boolean;
-  media?: MediaConfig;
-}
+import { Options } from "./_chunks/project.mjs";
+import { UnpluginFactory, UnpluginInstance } from "unplugin";
 export declare const unpluginFactory: UnpluginFactory<Options | undefined>;
-export declare const unplugin: import("unplugin").UnpluginInstance<Options | undefined, boolean>;
-export declare const vitePlugin: (options?: Options | undefined) => import("unplugin").VitePlugin<any> | import("unplugin").VitePlugin<any>[];
-export declare const rollupPlugin: (options?: Options | undefined) => import("unplugin").RollupPlugin<any> | import("unplugin").RollupPlugin<any>[];
-export declare const rolldownPlugin: (options?: Options | undefined) => Plugin<any> | Plugin<any>[];
-export declare const webpackPlugin: (options?: Options | undefined) => WebpackPluginInstance;
-export declare const rspackPlugin: (options?: Options | undefined) => RspackPluginInstance;
-export declare const farmPlugin: (options?: Options | undefined) => JsPlugin;
-export declare const bunPlugin: (options?: Options | undefined) => BunPlugin;
-export { unplugin as default };
+type Instance = UnpluginInstance<Options | undefined, boolean>;
+export declare const unplugin: Instance;
+export declare const vitePlugin: Instance['vite'];
+export declare const rollupPlugin: Instance['rollup'];
+export declare const rolldownPlugin: Instance['rolldown'];
+export declare const webpackPlugin: Instance['webpack'];
+export declare const rspackPlugin: Instance['rspack'];
+export declare const farmPlugin: Instance['farm'];
+export declare const bunPlugin: Instance['bun'];
+export { type Options, unplugin as default };