@blinkk/root-cms 3.1.3 → 3.1.4

package/dist/plugin.js

@@ -1,25 +1,22 @@
 import {
-  ChatStore,
+  buildChatSystemPrompt,
+  buildEditSystemPrompt,
   findModel,
   generateAltText,
   generateImage,
   generatePublishMessage,
   getAiConfig,
   getServerVersion,
-  mergeIncomingMessage,
   normalizeExecutionMode,
-  runChatStream,
-  runEditObjectStream,
+  serializeAiClientModel,
   serializeAiConfig,
   summarizeDiff,
   translateString
-} from "./chunk-4G7S2LJH.js";
+} from "./chunk-MYN76V3L.js";
 import {
+  SearchIndexService,
   runCronJobs
-} from "./chunk-AJDMNTZQ.js";
-import {
-  SearchIndexService
-} from "./chunk-4VZTYUQ7.js";
+} from "./chunk-NC3CRIFA.js";
 import {
   RootCMSClient,
   parseDocId,
@@ -244,42 +241,6 @@ function isRecord(value) {
 function isDocVersion(value) {
   return value === "draft" || value === "published";
 }
-function withNoTransform(cacheControl) {
-  const value = cacheControl?.trim() || "no-cache";
-  if (/(?:^|,)\s*no-transform\s*(?:,|$)/i.test(value)) {
-    return value;
-  }
-  return `${value}, no-transform`;
-}
-async function pipeWebResponse(webResponse, res) {
-  res.status(webResponse.status);
-  webResponse.headers.forEach((value, key) => {
-    res.setHeader(key, value);
-  });
-  res.setHeader(
-    "Cache-Control",
-    withNoTransform(webResponse.headers.get("cache-control"))
-  );
-  res.setHeader("X-Accel-Buffering", "no");
-  if (!webResponse.body) {
-    res.end();
-    return;
-  }
-  const reader = webResponse.body.getReader();
-  try {
-    let done = false;
-    while (!done) {
-      const next = await reader.read();
-      done = next.done;
-      if (next.value) {
-        res.write(next.value);
-      }
-    }
-  } finally {
-    reader.releaseLock();
-    res.end();
-  }
-}
 function api(server, options) {
   async function getCollectionSchema(req, collectionId) {
     if (req.viteServer) {
@@ -677,9 +638,17 @@ function api(server, options) {
       res.status(200).json({ success: true, enabled: false });
       return;
     }
-    res.status(200).json({ success: true, enabled: true, ...serializeAiConfig(aiConfig) });
+    const cmsClient = new RootCMSClient(req.rootConfig);
+    const role = await cmsClient.getUserRole(req.user.email).catch(() => null);
+    res.status(200).json({
+      success: true,
+      enabled: true,
+      ...serializeAiConfig(aiConfig),
+      role: role || null,
+      canAutoApply: role === "ADMIN" || role === "EDITOR"
+    });
   });
-  server.use("/cms/api/ai.chat", async (req, res) => {
+  server.use("/cms/api/ai.chat.prepare", async (req, res) => {
     if (req.method !== "POST") {
       res.status(400).json({ success: false, error: "BAD_REQUEST" });
       return;
@@ -699,93 +668,44 @@ function api(server, options) {
       res.status(400).json({ success: false, error: "UNKNOWN_MODEL" });
       return;
     }
-    const executionMode = normalizeExecutionMode(body.executionMode);
+    const requestedMode = normalizeExecutionMode(body.executionMode);
     const activeDocId = typeof body.docId === "string" && body.docId.trim() ? body.docId.trim() : void 0;
-    const cmsClient = new RootCMSClient(req.rootConfig);
+    let canAutoApply = false;
     try {
+      const cmsClient = new RootCMSClient(req.rootConfig);
       const role = await cmsClient.getUserRole(req.user.email);
       if (!role) {
         res.status(403).json({ success: false, error: "FORBIDDEN" });
         return;
       }
-      if (executionMode === "auto" && role !== "ADMIN" && role !== "EDITOR") {
-        res.status(403).json({ success: false, error: "AUTO_MODE_REQUIRES_EDITOR" });
-        return;
-      }
+      canAutoApply = role === "ADMIN" || role === "EDITOR";
     } catch (err) {
       console.error("failed to resolve user role:", err);
       res.status(500).json({ success: false, error: "UNKNOWN" });
       return;
     }
-    const store = new ChatStore(cmsClient, req.user.email);
-    const requestedChatId = typeof body.chatId === "string" ? body.chatId.trim() : "";
-    let chatId;
-    let storedMessages = [];
-    let existingTitle = "";
-    if (requestedChatId) {
-      const existing = await store.getChat(requestedChatId);
-      if (existing) {
-        chatId = existing.id;
-        storedMessages = existing.messages || [];
-        existingTitle = existing.title || "";
-      } else {
-        try {
-          const created = await store.createChat({
-            id: requestedChatId,
-            modelId: model.id
-          });
-          chatId = created.id;
-        } catch (err) {
-          if (err?.code === 6) {
-            res.status(409).json({ success: false, error: "CHAT_ID_CONFLICT" });
-            return;
-          }
-          throw err;
-        }
-      }
-    } else {
-      const created = await store.createChat({ modelId: model.id });
-      chatId = created.id;
-    }
-    let messages;
-    if (body.message && typeof body.message === "object") {
-      messages = mergeIncomingMessage(
-        storedMessages,
-        body.message
-      );
-    } else if (Array.isArray(body.messages) && body.messages.length > 0) {
-      messages = body.messages;
-    } else {
-      res.status(400).json({ success: false, error: "MISSING_MESSAGES" });
-      return;
-    }
+    const executionMode = requestedMode === "auto" && !canAutoApply ? "approve" : requestedMode;
     try {
-      const streamResponse = await runChatStream({
+      const system = await buildChatSystemPrompt({
         rootConfig: req.rootConfig,
-        cmsClient,
         config: aiConfig,
-        model,
-        messages,
-        chatId,
-        user: req.user.email,
         executionMode,
-        existingTitle,
-        activeDocId,
-        loadCollection: (collectionId) => getCollectionSchema(req, collectionId),
-        loadAllCollections: async () => (await options.getRenderer(req)).getCollections()
+        activeDocId
+      });
+      res.status(200).json({
+        success: true,
+        model: serializeAiClientModel(model),
+        system,
+        executionMode,
+        canAutoApply,
+        maxSteps: aiConfig.maxSteps ?? 10
       });
-      streamResponse.headers.set("x-root-cms-chat-id", chatId);
-      await pipeWebResponse(streamResponse, res);
     } catch (err) {
       console.error(err.stack || err);
-      if (!res.headersSent) {
-        res.status(500).json({ success: false, error: err.message || "UNKNOWN" });
-      } else {
-        res.end();
-      }
+      res.status(500).json({ success: false, error: err.message || "UNKNOWN" });
     }
   });
-  server.use("/cms/api/ai.edit_object", async (req, res) => {
+  server.use("/cms/api/ai.edit.prepare", async (req, res) => {
     if (req.method !== "POST") {
       res.status(400).json({ success: false, error: "BAD_REQUEST" });
       return;
@@ -800,19 +720,14 @@ function api(server, options) {
       return;
     }
     const body = req.body || {};
-    const messages = body.messages || [];
-    if (!Array.isArray(messages) || messages.length === 0) {
-      res.status(400).json({ success: false, error: "MISSING_MESSAGES" });
-      return;
-    }
     const model = findModel(aiConfig, body.modelId);
     if (!model) {
       res.status(400).json({ success: false, error: "UNKNOWN_MODEL" });
       return;
     }
-    const editCmsClient = new RootCMSClient(req.rootConfig);
     try {
-      const role = await editCmsClient.getUserRole(req.user.email);
+      const cmsClient = new RootCMSClient(req.rootConfig);
+      const role = await cmsClient.getUserRole(req.user.email);
       if (!role) {
         res.status(403).json({ success: false, error: "FORBIDDEN" });
         return;
@@ -823,102 +738,21 @@ function api(server, options) {
       return;
     }
     try {
-      const streamResponse = await runEditObjectStream({
+      const system = await buildEditSystemPrompt({
         rootConfig: req.rootConfig,
-        cmsClient: editCmsClient,
-        user: req.user.email,
-        config: aiConfig,
-        model,
-        messages,
-        editData: body.editData,
-        loadCollection: (collectionId) => getCollectionSchema(req, collectionId),
-        loadAllCollections: async () => (await options.getRenderer(req)).getCollections()
+        editData: body.editData
       });
-      await pipeWebResponse(streamResponse, res);
-    } catch (err) {
-      console.error(err.stack || err);
-      if (!res.headersSent) {
-        res.status(500).json({ success: false, error: err.message || "UNKNOWN" });
-      } else {
-        res.end();
-      }
-    }
-  });
-  server.use("/cms/api/ai.chats.list", async (req, res) => {
-    if (!req.user?.email) {
-      res.status(401).json({ success: false, error: "UNAUTHORIZED" });
-      return;
-    }
-    const cmsClient = new RootCMSClient(req.rootConfig);
-    const store = new ChatStore(cmsClient, req.user.email);
-    try {
-      const chats = await store.listChats({ limit: req.body?.limit });
       res.status(200).json({
         success: true,
-        chats: chats.map((c) => ({
-          id: c.id,
-          title: c.title,
-          modelId: c.modelId,
-          createdAt: c.createdAt.toMillis(),
-          modifiedAt: c.modifiedAt.toMillis()
-        }))
+        model: serializeAiClientModel(model),
+        system,
+        maxSteps: aiConfig.maxSteps ?? 10
       });
     } catch (err) {
       console.error(err.stack || err);
-      res.status(500).json({ success: false, error: "UNKNOWN" });
-    }
-  });
-  server.use("/cms/api/ai.chats.get", async (req, res) => {
-    if (!req.user?.email) {
-      res.status(401).json({ success: false, error: "UNAUTHORIZED" });
-      return;
-    }
-    const id = String(req.body?.id || "").trim();
-    if (!id) {
-      res.status(400).json({ success: false, error: "MISSING_ID" });
-      return;
-    }
-    const cmsClient = new RootCMSClient(req.rootConfig);
-    const store = new ChatStore(cmsClient, req.user.email);
-    const chat = await store.getChat(id);
-    if (!chat) {
-      res.status(404).json({ success: false, error: "NOT_FOUND" });
-      return;
+      res.status(500).json({ success: false, error: err.message || "UNKNOWN" });
     }
-    res.status(200).json({
-      success: true,
-      chat: {
-        id: chat.id,
-        title: chat.title,
-        modelId: chat.modelId,
-        messages: chat.messages,
-        createdAt: chat.createdAt.toMillis(),
-        modifiedAt: chat.modifiedAt.toMillis()
-      }
-    });
   });
-  server.use(
-    "/cms/api/ai.chats.delete",
-    async (req, res) => {
-      if (req.method !== "POST") {
-        res.status(400).json({ success: false, error: "BAD_REQUEST" });
-        return;
-      }
-      if (!req.user?.email) {
-        res.status(401).json({ success: false, error: "UNAUTHORIZED" });
-        return;
-      }
-      const id = String(req.body?.id || "").trim();
-      if (!id) {
-        res.status(400).json({ success: false, error: "MISSING_ID" });
-        return;
-      }
-      const cmsClient = new RootCMSClient(req.rootConfig);
-      const store = new ChatStore(cmsClient, req.user.email);
-      await store.deleteChat(id);
-      res.status(200).json({ success: true });
-    }
-  );
   server.use("/cms/api/ai.translate", async (req, res) => {
     if (req.method !== "POST" || !String(req.get("content-type")).startsWith("application/json")) {
       res.status(400).json({ success: false, error: "BAD_REQUEST" });
@@ -1643,7 +1477,7 @@ function cmsPlugin(options) {
      */
     configureServer: async (server, serverOptions) => {
       server.use(
-        ["/cms/api/ai.chat", "/cms/api/ai.edit_object"],
+        ["/cms/api/ai.chat.prepare", "/cms/api/ai.edit.prepare"],
         bodyParser.json({ limit: "4mb" })
       );
       server.use(bodyParser.json());

package/dist/shared/ai/models.d.ts

@@ -0,0 +1,110 @@
+import { ImageModel, LanguageModel } from 'ai';
+export type AiExecutionMode = 'read' | 'approve' | 'auto';
+/**
+ * Provider type for an AI model. Use `openai-compatible` for any OpenAI-style
+ * endpoint (e.g. local Ollama, vLLM, OpenRouter).
+ */
+export type AiProvider = 'openai' | 'openai-compatible' | 'anthropic' | 'google';
+/** Capabilities advertised to the UI. */
+export interface AiModelCapabilities {
+    /** Whether the model can call tools. Defaults to `true`. */
+    tools?: boolean;
+    /** Whether the model can stream reasoning/thinking. Defaults to `false`. */
+    reasoning?: boolean;
+    /** Whether the model accepts image attachments. Defaults to `false`. */
+    attachments?: boolean;
+}
+/**
+ * Configuration for a single chat model.
+ *
+ * Inspired by Ollama's `Modelfile` and LiteLLM's model config: each entry maps
+ * a CMS-facing id to a provider, model id and credentials.
+ */
+export interface AiModelConfig {
+    /** Stable id used by the CMS UI and stored alongside chat history. */
+    id: string;
+    /** Optional human-readable label rendered in the model picker. */
+    label?: string;
+    /** Optional description shown under the label. */
+    description?: string;
+    /** AI provider/family to route requests to. */
+    provider: AiProvider;
+    /**
+     * Provider-specific model id (e.g. `gpt-4o`, `claude-opus-4-5`,
+     * `gemini-2.5-pro`). Defaults to `id` if omitted.
+     */
+    modelId?: string;
+    /** API key for the provider. */
+    apiKey?: string;
+    /** Override the provider's base URL (required for `openai-compatible`). */
+    baseURL?: string;
+    /** Custom headers to send with each request. */
+    headers?: Record<string, string>;
+    /** Capabilities advertised to the UI. */
+    capabilities?: AiModelCapabilities;
+}
+/**
+ * Full AI config registered on the cms plugin.
+ */
+export interface AiConfig {
+    /** Models exposed in the model picker. The first entry is the default. */
+    models: AiModelConfig[];
+    /** Id of the default model. Defaults to the first model in `models`. */
+    defaultModel?: string;
+    /**
+     * Image generation models. Used by the image generator and any other
+     * features that produce images. Only the `openai` and `google` providers
+     * support image generation.
+     */
+    imageModels?: AiModelConfig[];
+    /** Id of the default image model. Defaults to the first entry in `imageModels`. */
+    defaultImageModel?: string;
+    /**
+     * Optional system prompt prepended to every conversation. If a `ROOT.md`
+     * file exists at the project root, its contents are appended to this
+     * prompt automatically.
+     */
+    systemPrompt?: string;
+    /** Maximum tool-loop steps before stopping. Defaults to 10. */
+    maxSteps?: number;
+}
+/**
+ * A chat model's connection config serialized for the browser, INCLUDING the
+ * API key, so the client can build a `LanguageModel` for direct
+ * browser-to-provider streaming. Returned only from authenticated endpoints
+ * (see `serializeAiClientModel` in `core/ai.ts`).
+ */
+export interface SerializedClientModel {
+    id: string;
+    label: string;
+    description?: string;
+    provider: AiProvider;
+    modelId: string;
+    apiKey?: string;
+    baseURL?: string;
+    headers?: Record<string, string>;
+    capabilities: {
+        tools: boolean;
+        reasoning: boolean;
+        attachments: boolean;
+    };
+}
+/**
+ * Anthropic blocks direct browser requests by default. Sending this header
+ * opts in to the browser-CORS behavior so the `/cms/ai` chat can call the
+ * Anthropic API straight from the client. OpenAI and Google's
+ * `generativelanguage` endpoint already allow browser requests with an API
+ * key, so no equivalent header is required for them.
+ */
+export declare const ANTHROPIC_BROWSER_ACCESS_HEADER = "anthropic-dangerous-direct-browser-access";
+/**
+ * Returns a copy of `model` with any provider-specific headers required for
+ * direct browser-to-provider calls. Used when the AI SDK runs in the browser
+ * (client-side streaming) rather than on the server.
+ */
+export declare function withBrowserHeaders(model: AiModelConfig): AiModelConfig;
+/** Resolves an `AiModelConfig` to an AI SDK `LanguageModel` instance. */
+export declare function resolveLanguageModel(model: AiModelConfig): LanguageModel;
+/** Resolves an `AiModelConfig` to an AI SDK `ImageModel` instance. */
+export declare function resolveImageModel(model: AiModelConfig): ImageModel;
+export declare function normalizeExecutionMode(value: unknown): AiExecutionMode;

package/dist/shared/ai/prompt-utils.d.ts

@@ -0,0 +1,59 @@
+/**
+ * Pure, browser-safe helpers for the Root AI chat: deriving/sanitizing chat
+ * titles, healing abandoned tool calls, and stripping `undefined` before
+ * persisting to Firestore.
+ *
+ * These were previously defined in `core/ai.ts` (server-only). They moved here
+ * so the browser can reuse them now that the `/cms/ai` chat streams directly
+ * from the client. `core/ai.ts` re-exports them for back-compat and tests.
+ *
+ * Keep this module free of Node-only and `firebase-admin` imports.
+ */
+import type { UIMessage } from 'ai';
+/** Derives a short title from the first user message (used as fallback). */
+export declare function deriveChatTitle(messages: UIMessage[]): string;
+/**
+ * Extracts the first user turn and first assistant text turn as a plain-text
+ * transcript, suitable for the title-generation prompt. Skips tool-call
+ * parts, reasoning chunks, and attachments so the model sees the
+ * conversational substance and nothing else.
+ *
+ * Only the opening exchange is included on purpose — the chat title should
+ * describe what the conversation is *about*, anchored on the user's initial
+ * ask, not drift as later follow-ups arrive.
+ */
+export declare function buildTitlePromptContext(messages: UIMessage[]): string;
+/**
+ * Strips the cruft LLMs commonly emit around a title — leading "Title:"
+ * preamble, surrounding quotes, trailing punctuation, internal newlines —
+ * and enforces a hard length cap.
+ */
+export declare function sanitizeGeneratedTitle(raw: string): string;
+/** System prompt used to generate a short summary title for a chat. */
+export declare const TITLE_GENERATION_SYSTEM_PROMPT: string;
+/** Builds the user prompt for title generation from the opening exchange. */
+export declare function buildTitlePrompt(context: string): string;
+/**
+ * Synthesizes an aborted result for any tool-call part still awaiting one, so
+ * every `tool_use` keeps a matching `tool_result` when the history is handed
+ * to the model. Left unresolved, such parts (from an abandoned turn) make the
+ * provider reject the next request. Returns the original array unchanged when
+ * there is nothing to repair.
+ */
+export declare function sanitizeDanglingToolCalls(messages: UIMessage[]): UIMessage[];
+/**
+ * Merges the latest incoming message into a persisted chat history. Replaces a
+ * matched entry (and drops anything after it) so message ids stay unique and
+ * tool-call/result pairing stays intact; a genuinely new id is appended.
+ */
+export declare function mergeIncomingMessage(stored: UIMessage[], incoming: UIMessage): UIMessage[];
+/**
+ * Recursively removes `undefined` values from an object/array. Returns a new
+ * structure; the input is not mutated. Used to clean payloads before sending
+ * them to Firestore, which rejects `undefined` outright.
+ */
+export declare function stripUndefined<T>(value: T): T;
+/**
+ * Extracts JSON from an AI response that may contain markdown code blocks.
+ */
+export declare function extractJsonFromResponse(responseText: string): string;

package/dist/ui/AIPage-4W4MFELY.js

@@ -0,0 +1 @@
+import{a}from"./chunk-NEA3XU6N.js";import"./chunk-V3G3554T.js";import"./chunk-VRRRFAIV.js";import"./chunk-5SY2SVEX.js";import"./chunk-AAR7DBEN.js";import"./chunk-YDO2EDVY.js";import"./chunk-5MV6XVGA.js";import{a as i}from"./chunk-W3ICOHMF.js";import{b as o}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import"./chunk-YV5SGR24.js";import"./chunk-DZYYWCHX.js";import"./chunk-XOWWPE7X.js";import"./chunk-WS37MDM3.js";import{Ga as t}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-7SK47HHZ.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";function n(r){return i("AI"),t(o,{children:t(a,{variant:"page",initialChatId:r.chatId})})}export{n as AIPage};

package/dist/ui/AssetsPage-QUL2NBWK.js

@@ -0,0 +1 @@
+import{a as p}from"./chunk-GCMX5V3P.js";import{a as i}from"./chunk-WN7HUDGY.js";import"./chunk-FF4CLAZS.js";import"./chunk-WAT22UHZ.js";import"./chunk-74OB6FM4.js";import{a as n}from"./chunk-K3UM5OQF.js";import"./chunk-W5DOO6ID.js";import"./chunk-EIMRPYCD.js";import"./chunk-EYVQCOAD.js";import"./chunk-XM35ZJBQ.js";import{a as d}from"./chunk-KBJ4AK5O.js";import{a as g}from"./chunk-W3ICOHMF.js";import{b as m}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import"./chunk-YV5SGR24.js";import"./chunk-DZYYWCHX.js";import"./chunk-XOWWPE7X.js";import{d as o}from"./chunk-WS37MDM3.js";import{Ga as e,a as t,c as r,j as h}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-7SK47HHZ.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";h();function k(){g("Asset Library");let[l,u]=p("folder",""),{query:c,route:f}=o(),[a]=t(c.asset||"");return r(()=>{if(a){let s=new URL(window.location.href);s.searchParams.delete("asset"),f(s.pathname+s.search,!0)}},[]),e(m,{children:e("div",{className:"AssetsPage","data-testid":"assets-page",children:[e("div",{className:"AssetsPage__header",children:[e(n,{size:"h1",children:"Asset Library"}),e(d,{as:"p",children:"The asset library can be used to store and organize files used throughout the project. Replacing a file in the asset library automatically updates all draft docs that use it (requires re-publishing)."})]}),e(i,{className:"AssetsPage__browser",mode:"manage",folder:l,onFolderChange:u,initialAssetId:a})]})})}export{k as AssetsPage};

package/dist/ui/CollectionPage-7VU6SUUP.js

@@ -0,0 +1 @@
+import{a as j}from"./chunk-L3O3CLWO.js";import{a as U}from"./chunk-SWTNOWNE.js";import{h as B}from"./chunk-F4F5MH7A.js";import{a as z,e as A,j as E}from"./chunk-J5KDO4RM.js";import"./chunk-LC6WLVRS.js";import{c as O,e as I}from"./chunk-SLLTYDVX.js";import"./chunk-CSUKZZK5.js";import{a as w}from"./chunk-H3PYPGNR.js";import"./chunk-JDW4UORS.js";import{a as P}from"./chunk-6P75AZ3B.js";import"./chunk-RN4XVVWD.js";import"./chunk-ELKXEMOU.js";import"./chunk-ATTW36EM.js";import"./chunk-YDO2EDVY.js";import{b as h}from"./chunk-5MV6XVGA.js";import{b as S}from"./chunk-W5DOO6ID.js";import{a as D}from"./chunk-EIMRPYCD.js";import"./chunk-EYVQCOAD.js";import"./chunk-XM35ZJBQ.js";import"./chunk-KBJ4AK5O.js";import{a as $}from"./chunk-W3ICOHMF.js";import{b as R}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import"./chunk-YV5SGR24.js";import"./chunk-DZYYWCHX.js";import"./chunk-XOWWPE7X.js";import{d as k}from"./chunk-WS37MDM3.js";import{Ca as L,Ga as o,V as y,a as x,c as T,cb as u,da as C,j as M,za as N}from"./chunk-ETPZ3TXX.js";import{d as f}from"./chunk-KUCVLANF.js";import"./chunk-7SK47HHZ.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";M();function p(e){let{route:i}=k(),l=window.__ROOT_CTX.rootConfig.projectId;$(e.collection?e.collection:"Content"),T(()=>{let a=window.__ROOT_CTX.collections,s=`root-cms::${l}::last_collection`;if(e.collection)window.localStorage.setItem(s,e.collection);else{let t=window.localStorage.getItem(s);if(t&&a[t]){i(`/cms/content/${t}`);return}if(window.__ROOT_CTX.collections.Pages){i("/cms/content/Pages");return}let _=Object.keys(window.__ROOT_CTX.collections)||[];if(_.length>0){let d=_[0];i(`/cms/content/${d}`);return}console.warn("no collections")}},[e.collection,l]);let n=window.__ROOT_CTX.collections;return o(R,{children:o("div",{className:"CollectionPage",children:o("div",{className:"CollectionPage__layout",children:[o("div",{className:"CollectionPage__side",children:o(j,{collections:n,activeCollectionId:e.collection,projectId:l})}),o("div",{className:"CollectionPage__main",children:e.collection&&o(p.Collection,{collection:e.collection},e.collection)})]})})})}p.Collection=e=>{let{roles:i}=D(),l=window.firebase.user.email||"",n=S(i,l),[a,s]=w(`root::CollectionPage:${e.collection}:orderBy`,"modifiedAt"),[t,_]=w(`root::CollectionPage:${e.collection}:showArchived`,!1),[d,r]=x(!1),m=window.__ROOT_CTX.collections[e.collection];if(!m)return route("/cms/content"),o(f,{});let v=[{value:"slug",label:"A-Z"},{value:"slugDesc",label:"Z-A"},{value:"newest",label:"Newest"},{value:"oldest",label:"Oldest"},{value:"modifiedAt",label:"Last modified"},...m.sortOptions?.map(g=>({value:g.id,label:g.label}))||[]],[c,X,b]=A(e.collection,{orderBy:a,includeArchived:t});return o(f,{children:[o(E,{collection:e.collection,opened:d,onClose:()=>r(!1)}),o("div",{className:"CollectionPage__collection",children:o("div",{className:"CollectionPage__collection__docsTab",children:[!c&&o("div",{className:"CollectionPage__collection__docsTab__header",children:[o("div",{className:"CollectionPage__collection__docsTab__header__title",children:m.name||e.collection}),o("div",{className:"CollectionPage__collection__docsTab__controls",children:[o("div",{className:"CollectionPage__collection__docsTab__controls__showArchived",children:o(L,{size:"sm",color:"dark",label:"Show archived:",checked:t,onChange:g=>_(!!g.currentTarget.checked)})}),o("div",{className:"CollectionPage__collection__docsTab__controls__sort",children:[o("div",{className:"CollectionPage__collection__docsTab__controls__sort__label",children:"Sort:"}),o(N,{size:"xs",value:a,onChange:g=>s(g||"modifiedAt"),data:v})]}),o("div",{className:"CollectionPage__collection__docsTab__controls__newDoc",children:o(P,{label:"You don't have access to create new documents",condition:!n,children:o(C,{color:"dark",size:"xs",leftIcon:o(u,{size:16}),onClick:()=>r(!0),disabled:!n,children:"New"})})})]})]}),o(U,{className:"CollectionPage__collection__docsTab__content",children:c?o("div",{className:"CollectionPage__collection__docsTab__content__loading",children:o(y,{color:"gray",size:"xl"})}):b.length===0?o("div",{class:"CollectionPage__collection__docsEmpty",children:[o("div",{class:"CollectionPage__collection__docsEmpty__title",children:"Collection is empty."}),o("div",{class:"CollectionPage__collection__docsEmpty__button",children:o(P,{label:"You don't have access to create new documents",condition:!n,children:o(C,{color:"dark",size:"xs",leftIcon:o(u,{size:16}),onClick:()=>r(!0),disabled:!n,children:"New"})})})]}):o(p.DocsList,{collection:e.collection,docs:b,reloadDocs:()=>X()})})]})})]})};p.DocsList=e=>{let i=e.collection,l=window.__ROOT_CTX.collections[e.collection];if(!l)throw new Error(`could not find collection: ${i}`);let n=!!l.url,a=e.docs||[];function s(t){return n?z({collectionId:i,slug:t}):""}return o("div",{className:"CollectionPage__collection__docsList",children:a.map(t=>{let _=`/cms/content/${i}/${t.slug}`,d=s(t.slug),r=t.fields||{},m=h(r,l.preview?.title||"meta.title"),v=h(r,l.preview?.image||"meta.image")||l.preview?.defaultImage;return o("div",{className:"CollectionPage__collection__docsList__doc",children:[o("div",{className:"CollectionPage__collection__docsList__doc__image",children:o("a",{href:_,children:o(I,{file:v,width:120,height:90,withPlaceholder:!v?.src})})}),o("a",{className:"CollectionPage__collection__docsList__doc__content",href:_,children:[o("div",{className:"CollectionPage__collection__docsList__doc__content__header",children:[o("div",{className:"CollectionPage__collection__docsList__doc__content__header__docId",children:t.id}),o(O,{doc:t})]}),o("div",{className:"CollectionPage__collection__docsList__doc__content__title",children:m||"[UNTITLED]"}),n&&d&&o("div",{className:"CollectionPage__collection__docsList__doc__content__url",children:d})]}),o("div",{className:"CollectionPage__collection__docsList__doc__controls",children:o(B,{docId:t.id,data:t,onAction:c=>{(c.action==="archive"||c.action==="copy"||c.action==="unarchive"||c.action==="delete"||c.action==="unpublish"||c.action==="locked"||c.action==="unlocked")&&e.reloadDocs()}})})]},t.id)})})};export{p as CollectionPage};

package/dist/ui/ComparePage-DCP5QHDE.js

@@ -0,0 +1 @@
+import{b as s}from"./chunk-3WQCVKK4.js";import"./chunk-VRRRFAIV.js";import"./chunk-5SY2SVEX.js";import"./chunk-5MV6XVGA.js";import"./chunk-KBJ4AK5O.js";import{a as m}from"./chunk-W3ICOHMF.js";import{b as d}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import"./chunk-YV5SGR24.js";import"./chunk-DZYYWCHX.js";import"./chunk-XOWWPE7X.js";import{d as t}from"./chunk-WS37MDM3.js";import{Ga as a,g as i,j as p}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-7SK47HHZ.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";p();function h(){let{query:r}=t();m("Compare");let o=i(()=>n(r.left||""),[r.left]),e=i(()=>n(r.right||""),[r.right]);return a(d,{children:a("div",{className:"ComparePage",children:o&&e?a(s,{className:"ComparePage__diff",left:o,right:e}):a("div",{className:"ComparePage__error",children:"Invalid params, double check query params."})})})}function n(r){let[o,e]=String(r).split("@");return o&&e?{docId:o,versionId:e}:null}export{h as ComparePage};

package/dist/ui/DataPage-TUVFBALT.js

@@ -0,0 +1 @@
+import{a as m}from"./chunk-JSWRHHTZ.js";import"./chunk-MYKJ6VAM.js";import{a as y}from"./chunk-K3UM5OQF.js";import{a as k}from"./chunk-SWTNOWNE.js";import{a as x}from"./chunk-H3PYPGNR.js";import{a as w}from"./chunk-6P75AZ3B.js";import{b as v}from"./chunk-RN4XVVWD.js";import"./chunk-ATTW36EM.js";import{b as P}from"./chunk-W5DOO6ID.js";import{a as T}from"./chunk-EIMRPYCD.js";import"./chunk-XM35ZJBQ.js";import{a as p}from"./chunk-KBJ4AK5O.js";import{a as B}from"./chunk-W3ICOHMF.js";import{b as A}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import{z as u}from"./chunk-XOWWPE7X.js";import"./chunk-WS37MDM3.js";import{Ca as b,Da as D,Fa as i,Ga as e,Nc as S,V as g,W as f,a as d,ba as s,c as h,da as _,g as c,j as G}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";G();var z={transition:"pop"};function O(a){let o=a.dataSource;return N(o.archivedAt)?e(i,{...z,label:`Archived ${L(o.archivedAt)} by ${o.archivedBy}`,children:e(s,{size:"xs",color:"gray",variant:"filled",children:"Archived"})}):N(o.publishedAt)?e(i,{...z,label:`Published ${L(o.publishedAt)} by ${o.publishedBy}`,children:e(s,{size:"xs",variant:"gradient",gradient:{from:"teal",to:"lime",deg:105},children:"Published"})}):e(s,{size:"xs",variant:"gradient",gradient:{from:"indigo",to:"cyan"},children:"Unpublished"})}function N(a){return!!(a&&a.toMillis)}function L(a){return a?.toMillis?u(a.toMillis()):u(new Date().getTime())}function E(){B("Data Sources");let{roles:a}=T(),o=window.firebase.user.email||"",r=P(a,o);return e(A,{children:e("div",{className:"DataPage",children:[e("div",{className:"DataPage__header",children:[e(y,{size:"h1",children:"Data Sources"}),e(p,{as:"p",children:"Add data sources to sync data from external services, like Google Sheets."}),e("div",{className:"DataPage__header__buttons",children:e(w,{label:"You don't have access to create new data sources",condition:!r,children:e(_,{component:"a",color:"blue",size:"xs",href:"/cms/data/new",disabled:!r,style:r?void 0:{pointerEvents:"none"},children:"New data source"})})})]}),e(E.DataSourcesTable,{})]})})}E.DataSourcesTable=()=>{let[a,o]=d(!0),[r,I]=d([]),[l,$]=x("root::DataPage:showArchived",!1),C=t=>!!t&&t.startsWith("https://docs.google.com/spreadsheets/");async function M(){let t=await v();I(t),o(!1)}let H=c(()=>r.some(t=>!!t.archivedAt),[r]),n=c(()=>r.filter(t=>{let U=!!t.archivedAt;return l?!0:!U}),[r,l]);return h(()=>{M()},[]),e("div",{className:"DataPage__DataSourcesTable",children:[!a&&H&&e("div",{className:"DataPage__DataSourcesTable__filters",children:e(b,{size:"sm",color:"dark",label:"Show archived",checked:l,onChange:t=>$(!!t.currentTarget.checked)})}),e(k,{children:[a&&e(g,{color:"gray",size:"xl"}),!a&&n.length>0&&e(D,{verticalSpacing:"xs",striped:!0,highlightOnHover:!0,fontSize:"xs",children:[e("thead",{children:e("tr",{children:[e("th",{children:"id"}),e("th",{children:"description"}),e("th",{children:"type"}),e("th",{children:"url"}),e("th",{children:"status"}),e("th",{children:"last synced"}),e("th",{children:"last published"})]})}),e("tbody",{children:n.map(t=>e("tr",{children:[e("td",{children:e("a",{href:`/cms/data/${t.id}`,children:t.id})}),e("td",{children:t.description||""}),e("td",{children:t.type}),e("td",{children:C(t.url)?e("div",{className:"DataPage__DataSourcesTable__url",children:[e(i,{label:"Open spreadsheet",children:e(f,{component:"a",href:t.url,target:"_blank",rel:"noreferrer",variant:"filled",color:"green",size:"sm","aria-label":"Open spreadsheet",children:e(S,{size:16,stroke:"2.25"})})}),e("a",{className:"DataPage__DataSourcesTable__url__text",href:t.url,target:"_blank",rel:"noreferrer",children:t.url})]}):t.url||""}),e("td",{children:e(O,{dataSource:t})}),e("td",{children:e(m,{dataSource:t,action:"sync"})}),e("td",{children:e(m,{dataSource:t,action:"publish"})})]},t.id))})]}),!a&&n.length===0&&e(p,{as:"p",children:"No data sources found for this filter."})]})]})};export{E as DataPage};

package/dist/ui/DataSourcePage-YE2ZOHYI.js

@@ -0,0 +1 @@
+import{a as f}from"./chunk-JSWRHHTZ.js";import"./chunk-MYKJ6VAM.js";import{a as g}from"./chunk-K3UM5OQF.js";import{a as h}from"./chunk-SWTNOWNE.js";import"./chunk-6P75AZ3B.js";import{c as T,d as N}from"./chunk-RN4XVVWD.js";import"./chunk-ATTW36EM.js";import"./chunk-W5DOO6ID.js";import"./chunk-EIMRPYCD.js";import"./chunk-XM35ZJBQ.js";import{a as A}from"./chunk-KBJ4AK5O.js";import{a as H}from"./chunk-W3ICOHMF.js";import{b as W}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import"./chunk-XOWWPE7X.js";import"./chunk-WS37MDM3.js";import{Da as D,Fa as p,Ga as a,Gc as k,Nc as z,V as y,W as m,a as _,c as b,ca as v,da as P,j as B,na as x,oa as w}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";B();function r(t){H(`Data Source: ${t.id}`);let[o,l]=_(!0),[e,u]=_(null),[n,c]=_(null),i=t.id;async function d(){let s=await T(i);if(u(s),s){let I=await N(i,{mode:"draft"});c(I)}l(!1)}b(()=>{d()},[]);function S(s){s==="sync"&&d()}return a(W,{children:a("div",{className:"DataSourcePage",children:[a("div",{className:"DataSourcePage__header",children:[a(v,{className:"DataSourcePage__header__breadcrumbs",children:[a("a",{href:"/cms/data",children:"Data"}),a("div",{children:i})]}),a("div",{className:"DataSourcePage__header__titleWrap",children:[a(g,{size:"h1",children:["Data Source: ",i]}),a("div",{className:"DataSourcePage__header__controls",children:a(p,{label:"Configure",children:a(m,{component:"a",href:`/cms/data/${t.id}/edit`,children:a(k,{size:24,stroke:"1.5"})})})})]}),e?.description&&a(A,{as:"p",children:e.description})]}),e&&a(r.SyncStatus,{dataSource:e,onAction:S}),o?a(y,{color:"gray",size:"xl"}):e?a(r.DataSection,{dataSource:e,data:n}):a("div",{className:"DataSourcePage__notFound",children:"Not Found"})]})})}r.SyncStatus=t=>{let o=t.dataSource;return a("div",{className:"DataSourcePage__SyncStatus",children:[a(g,{size:"h2",children:"Status"}),a(h,{className:"DataSourcePage__SyncStatus__content",children:a(D,{verticalSpacing:"xs",striped:!0,highlightOnHover:!0,fontSize:"xs",children:[a("thead",{children:a("tr",{children:[a("th",{children:"last synced"}),a("th",{children:"last published"})]})}),a("tbody",{children:a("tr",{children:[a("td",{children:a(f,{dataSource:o,action:"sync",onAction:()=>{t.onAction&&t.onAction("sync")}})}),a("td",{children:a(f,{dataSource:o,action:"publish"})})]})})]})})]})};r.DataSection=t=>{let{data:o,headers:l}=t.data||{},e=t.dataSource;if(!o)return null;let u=e.dataFormat||"map";if(e.type==="gsheet"){let n=l,c=[];if(u==="array")c=o;else if(u==="map"){let i=o;if(!n){let d=new Set;i.forEach(S=>{for(let s in S)s&&d.add(s)}),n=Array.from(d)}i.forEach(d=>{c.push(n.map(S=>d[S]||""))})}return a(r.DataSectionWrap,{dataSource:e,children:a(r.DataTable,{headers:n,rows:c})})}return e.type==="http"?a(r.DataSectionWrap,{dataSource:e,children:a(r.DefaultDataDisplay,{data:o})}):(console.log(`unsupported data type: ${e.type}`),null)};r.DataSectionWrap=t=>a("div",{className:"DataSourcePage__DataSection",children:[a("div",{className:"DataSourcePage__DataSection__header",children:[a(g,{size:"h2",children:"Data"}),a("div",{className:"DataSourcePage__DataSection__header__actions",children:[t.dataSource.url?.startsWith("https://docs.google.com/spreadsheets/")&&a(p,{label:"Open spreadsheet",children:a(m,{component:"a",href:t.dataSource.url,target:"_blank",variant:"filled",color:"green",children:a(z,{size:16,stroke:"2.25"})})}),t.dataSource.previewUrl&&a(P,{component:"a",variant:"default",size:"xs",href:t.dataSource.previewUrl,target:"_blank",children:"Preview"})]})]}),a(h,{className:"DataSourcePage__DataSection__content",children:t.children})]});r.DataTable=t=>{let o=t.headers||[],l=t.rows||[];return a("div",{className:"DataSourcePage__DataTable",children:a(D,{className:"DataSourcePage__DataTable__table",verticalSpacing:"xs",striped:!0,highlightOnHover:!0,fontSize:"xs",children:[o.length>0&&a("thead",{children:a("tr",{children:o.map(e=>a("th",{children:e},e))})}),a("tbody",{children:l.map((e,u)=>a("tr",{children:e.map((n,c)=>a("td",{children:n},c))},u))})]})})};r.DefaultDataDisplay=t=>{let o=t.data;return typeof o=="object"?a(w,{value:JSON.stringify(o,null,2),minRows:20,maxRows:100}):a(x,{value:String(o),minRows:12,maxRows:100})};export{r as DataSourcePage};

package/dist/ui/DocTranslationsPage-3ILTQOP2.js

@@ -0,0 +1 @@
+import{a as sa}from"./chunk-MAZJRNAL.js";import{a as ta}from"./chunk-SYDHFYRC.js";import{c as ia}from"./chunk-GCMX5V3P.js";import{a as na}from"./chunk-K3UM5OQF.js";import"./chunk-ELKXEMOU.js";import{b as U}from"./chunk-ATTW36EM.js";import"./chunk-YDO2EDVY.js";import"./chunk-5MV6XVGA.js";import{b as G}from"./chunk-EYVQCOAD.js";import{a as O,b as j}from"./chunk-XM35ZJBQ.js";import"./chunk-KBJ4AK5O.js";import{a as ra}from"./chunk-W3ICOHMF.js";import{b as N}from"./chunk-4N6CPIOQ.js";import"./chunk-AAHM6RYJ.js";import{Q as J,X as K}from"./chunk-YV5SGR24.js";import{c as V,g as X,i as C,l as S,n as q}from"./chunk-DZYYWCHX.js";import"./chunk-XOWWPE7X.js";import{e as M}from"./chunk-WS37MDM3.js";import{Ab as Y,Cc as aa,Fa as P,Ga as a,Nc as ea,Rc as oa,V as B,W as k,a as r,c as w,ca as W,da as b,e as E,g as R,j as fa,kc as Z,qa as y,zb as Q}from"./chunk-ETPZ3TXX.js";import"./chunk-KUCVLANF.js";import"./chunk-7SK47HHZ.js";import"./chunk-DTMZLUNY.js";import"./chunk-PVAE643M.js";fa();function u(e){ra(`Translations: ${e.collection}/${e.slug}`);let[g,l]=r(!0),[h,_]=r(!1),[o,t]=r([]),[s,c]=r({}),[L,la]=r(null),[ca,F]=r(!1),[I,z]=r({}),[da,H]=r(!1),p=e.collection,x=e.slug,i=`${p}/${x}`,ga=sa(),_a=window.__ROOT_CTX.rootConfig.i18n||{},D=S((_a.locales||[]).filter(n=>!C(n))),[$,A]=ia("locale",D);async function Ta(){try{let[n,d]=await Promise.all([ta(i),K(i)]),T=await Promise.all(n.map(f=>X(f))),m=await V(T);t(n),c(m),la(d),l(!1)}catch(n){console.error(n),l(!1),_(!0)}}if(w(()=>{Ta()},[]),h)return a(u.NotFound,{docId:i});function ua(n,d,T){F(!0),z(m=>{let f={...m},v=f[n]??{};return v.source=n,v[d]=T,f[n]=v,f})}async function ha(){H(!0),await G(async()=>{console.log("EditTranslationsModal.onSave()");let n=`edit-translations-${i}`;O({id:n,loading:!0,title:"Saving translations",message:`Updating for ${i}...`,autoClose:!1,disallowClose:!0});let d=Object.values(I);console.log(d),await J(i,d),j({id:n,title:"Saved translations",message:`Updated translations for ${i}!`,autoClose:!0}),z({}),F(!1)}),H(!1)}function ma(n){$.length===D.length?A([n]):A(D)}return a(N,{children:a("div",{className:"DocTranslationsPage",children:[a("div",{className:"DocTranslationsPage__header",children:[a(W,{className:"DocTranslationsPage__header__breadcrumbs",children:[a("a",{href:`/cms/content/${p}`,children:p}),a("a",{href:`/cms/content/${p}/${x}`,children:x}),a("div",{children:"translations"})]}),a("div",{className:"DocTranslationsPage__header__titleWrap",children:a(na,{size:"h1",children:["Translations: ",i]})}),a("div",{className:"DocTranslationsPage__header__controls",children:[L&&a("div",{className:"DocTranslationsPage__header__linkedSheet",children:a("div",{className:"DocTranslationsPage__header__linkedSheet__controls",children:[a(P,{label:"Open Google Sheet",children:a(k,{component:"a",href:U(L),target:"_blank",variant:"filled",color:"green",size:"sm",children:a(ea,{size:16,strokeWidth:2.25})})}),a(b,{variant:"default",size:"xs",leftIcon:a(Y,{size:16,strokeWidth:1.75}),children:"Import from Sheet"}),a(b,{variant:"default",size:"xs",leftIcon:a(Q,{size:16,strokeWidth:1.75}),children:"Export to Sheet"})]})}),a(y,{className:"DocTranslationsPage__toolsMenu",control:a(P,{label:"Tools",children:a(k,{variant:"default",children:a(oa,{size:16})})}),size:220,children:a(y.Item,{className:"DocTranslationsPage__toolsMenu__item",icon:a(aa,{size:16}),onClick:()=>ga.open({docId:i,sourceStrings:o,onPruned:n=>{c(d=>{let T={...d};return n.forEach(m=>delete T[m]),T})}}),children:"Prune unused strings"})})]})]}),a("div",{className:M("DocTranslationsPage__content",g&&"DocTranslationsPage__content--loading"),children:g?a(B,{color:"gray",size:"xl"}):a(u.Table,{locales:$,sourceStrings:o,translationsMap:s,onChange:ua,changesMap:I,onSelectLocale:n=>ma(n)})}),a("div",{className:"DocTranslationsPage__footer",children:a("div",{className:"DocTranslationsPage__footer__buttons",children:a(b,{variant:"filled",color:"dark",disabled:!ca,loading:da,onClick:()=>ha(),children:"Save"})})})]})})}u.NotFound=e=>a(N,{children:a("div",{className:"DocTranslationsPage DocTranslationsPage--error",children:a("div",{className:"DocTranslationsPage__error",children:[a("div",{className:"DocTranslationsPage__error__icon",children:a(Z,{size:60})}),a("div",{className:"DocTranslationsPage__error__title",children:["Not found: ",e.docId]})]})})});u.Table=e=>{let g=window.__ROOT_CTX.rootConfig.i18n||{},l=S((g.locales||[]).filter(o=>!C(o))),h=R(()=>{let o={};return Object.values(e.translationsMap).forEach(t=>{o[t.source]=t}),o},[e.translationsMap]);function _(o,t){let s=h[o]||{};return{translation:q(s,t),hasChanges:!1}}return a("div",{className:"DocTranslationsPage__TableWrap",children:a("table",{className:"DocTranslationsPage__Table",children:[a("thead",{children:a("tr",{children:[a("th",{className:"DocTranslationsPage__Table__sourceCellHeader",children:a("div",{className:"DocTranslationsPage__Table__headerLabel",children:"source"})}),e.locales.map(o=>a("th",{onClick:()=>e.onSelectLocale(o),className:"DocTranslationsPage__Table__localeHeader",children:a(P,{className:"DocTranslationsPage__Table__headerTooltip",placement:"start",withArrow:!0,label:e.locales.length===l.length?`Show only ${o}`:"Show all locales",children:a("div",{className:"DocTranslationsPage__Table__headerLabel",children:o})})},o))]})}),a("tbody",{children:e.sourceStrings.map(o=>a("tr",{children:[a("td",{className:"DocTranslationsPage__Table__sourceCellWrap",children:a("div",{className:"DocTranslationsPage__Table__sourceCell",children:o})}),e.locales.map(t=>{let s=_(o,t);return a("td",{children:a(u.Textarea,{source:o,locale:t,value:s.translation,onChange:e.onChange,changesMap:e.changesMap})},t)})]},o))})]})})};u.Textarea=e=>{let g=E(null),[l,h]=r(e.value),_=null;e.locale in(e.changesMap[e.source]||{})&&(_=e.changesMap[e.source][e.locale]);let o=_!==null&&_!==e.value;function t(){window.requestAnimationFrame(()=>{let s=g.current;s.style.minHeight="auto";let c=s.scrollHeight;s.style.minHeight=`${c}px`})}return w(()=>{t()},[l]),a("textarea",{ref:g,className:M("DocTranslationsPage__Textarea",o&&"DocTranslationsPage__Textarea--hasChanges",!l&&"DocTranslationsPage__Textarea--empty"),onFocus:()=>t(),rows:1,onChange:s=>{let c=s.target.value;h(c),e.onChange(e.source,e.locale,c)},value:l})};export{u as DocTranslationsPage};