@upstart.gg/vite-plugins 0.1.29 → 0.1.31

package/dist/upstart-editor-api.d.ts

@@ -10,6 +10,12 @@ declare const payloadEditText: z.ZodObject<{
   content: z.ZodString;
 }, z.core.$strip>;
 type PayloadEditText = z.infer<typeof payloadEditText>;
+declare const payloadEditTextDirect: z.ZodObject<{
+  action: z.ZodLiteral<"editTextDirect">;
+  id: z.ZodString;
+  content: z.ZodString;
+}, z.core.$strip>;
+type PayloadEditTextDirect = z.infer<typeof payloadEditTextDirect>;
 declare const payloadEditClassName: z.ZodObject<{
   action: z.ZodLiteral<"editClassName">;
   id: z.ZodString;
@@ -53,11 +59,17 @@ declare class UpstartEditorAPI {
    * Only updates existing keys — returns an error if the key is not found.
    */
   editText(params: PayloadEditText): Promise<EditResult>;
+  /**
+   * Edit a plain-text or rich-text JSX node directly in the source TSX file.
+   * For rich-text entries, `content` should be the inner JSX/HTML of the element's children.
+   */
+  editTextDirect(params: PayloadEditTextDirect): Promise<EditResult>;
   /**
    * Edit the className of an element
    */
   editClassName(params: PayloadEditClassName): Promise<EditResult>;
   private applyEdit;
+  private applyMixedTextEdit;
   /**
    * Get element info by ID
    */
@@ -72,5 +84,5 @@ declare class UpstartEditorAPI {
   getElementsByFile(file: string): Record<string, EditableEntry>;
 }
 //#endregion
-export { EditResult, EditableRegistry, PayloadEditClassName, PayloadEditText, UpstartEditorAPI, payloadEditClassName, payloadEditText };
+export { EditResult, EditableRegistry, PayloadEditClassName, PayloadEditText, PayloadEditTextDirect, UpstartEditorAPI, payloadEditClassName, payloadEditText, payloadEditTextDirect };
 //# sourceMappingURL=upstart-editor-api.d.ts.map

package/dist/upstart-editor-api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"upstart-editor-api.d.ts","names":[],"sources":["../src/upstart-editor-api.ts"],"mappings":";;;;cAMa,eAAA,EAAe,CAAA,CAAA,SAAA;;;;;;;KAWhB,eAAA,GAAkB,CAAA,CAAE,KAAA,QAAa,eAAA;AAAA,cAEhC,oBAAA,EAAoB,CAAA,CAAA,SAAA;;;;;KAMrB,oBAAA,GAAuB,CAAA,CAAE,KAAA,QAAa,oBAAA;AAAA,UAEjC,gBAAA;EACf,OAAA;EACA,WAAA;EACA,QAAA,EAAU,MAAA,SAAe,aAAA;AAAA;AAAA,KAGf,UAAA;EAEN,OAAA;EACA,KAAA;EACA,QAAA;AAAA;EAGA,OAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,cAGO,gBAAA;EAAA,QACH,QAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAER,WAAA,CAAY,WAAA,UAAqB,YAAA;;;;EAQ3B,YAAA,CAAA,GAAgB,OAAA;EAzCG;;;EAiDzB,WAAA,CAAA,GAAe,gBAAA;EAjDe;;;EAwD9B,WAAA,CAAY,QAAA,EAAU,gBAAA;EAtDX;;;;;EA+DL,QAAA,CAAS,MAAA,EAAQ,eAAA,GAAkB,OAAA,CAAQ,UAAA;;;;EAwD3C,aAAA,CAAc,MAAA,EAAQ,oBAAA,GAAuB,OAAA,CAAQ,UAAA;EAAA,QA6B7C,SAAA;EApJiB;;;EAgN/B,UAAA,CAAW,EAAA,WAAa,aAAA;;;;EAOxB,iBAAA,CAAkB,IAAA,yBAA6B,MAAA,SAAe,aAAA;;;;EAiB9D,iBAAA,CAAkB,IAAA,WAAe,MAAA,SAAe,aAAA;AAAA"}
+{"version":3,"file":"upstart-editor-api.d.ts","names":[],"sources":["../src/upstart-editor-api.ts"],"mappings":";;;;cAMa,eAAA,EAAe,CAAA,CAAA,SAAA;;;;;;;KAWhB,eAAA,GAAkB,CAAA,CAAE,KAAA,QAAa,eAAA;AAAA,cAEhC,qBAAA,EAAqB,CAAA,CAAA,SAAA;;;;;KAMtB,qBAAA,GAAwB,CAAA,CAAE,KAAA,QAAa,qBAAA;AAAA,cAEtC,oBAAA,EAAoB,CAAA,CAAA,SAAA;;;;;KAMrB,oBAAA,GAAuB,CAAA,CAAE,KAAA,QAAa,oBAAA;AAAA,UAEjC,gBAAA;EACf,OAAA;EACA,WAAA;EACA,QAAA,EAAU,MAAA,SAAe,aAAA;AAAA;AAAA,KAGf,UAAA;EAEN,OAAA;EACA,KAAA;EACA,QAAA;AAAA;EAGA,OAAA;EACA,KAAA;EACA,QAAA;AAAA;AAAA,cAGO,gBAAA;EAAA,QACH,QAAA;EAAA,QACA,WAAA;EAAA,QACA,YAAA;EAER,WAAA,CAAY,WAAA,UAAqB,YAAA;EAzCE;;;EAiD7B,YAAA,CAAA,GAAgB,OAAA;EAjDoC;;AAE5D;EAuDE,WAAA,CAAA,GAAe,gBAAA;;;;EAOf,WAAA,CAAY,QAAA,EAAU,gBAAA;;;;;;EAShB,QAAA,CAAS,MAAA,EAAQ,eAAA,GAAkB,OAAA,CAAQ,UAAA;;;;;EAyD3C,cAAA,CAAe,MAAA,EAAQ,qBAAA,GAAwB,OAAA,CAAQ,UAAA;;;;EA6BvD,aAAA,CAAc,MAAA,EAAQ,oBAAA,GAAuB,OAAA,CAAQ,UAAA;EAAA,QA6B7C,SAAA;EAAA,QAiEA,kBAAA;;;;EA4Bd,UAAA,CAAW,EAAA,WAAa,aAAA;EAjRO;;;EAwR/B,iBAAA,CAAkB,IAAA,yBAA6B,MAAA,SAAe,aAAA;EAxR1B;;;EAySpC,iBAAA,CAAkB,IAAA,WAAe,MAAA,SAAe,aAAA;AAAA"}

package/dist/upstart-editor-api.js

@@ -10,6 +10,11 @@ const payloadEditText = z.object({
 	key: z.string().regex(/^[a-zA-Z0-9_.-]+$/),
 	content: z.string()
 });
+const payloadEditTextDirect = z.object({
+	action: z.literal("editTextDirect"),
+	id: z.string().min(1),
+	content: z.string()
+});
 const payloadEditClassName = z.object({
 	action: z.literal("editClassName"),
 	id: z.string().min(1),
@@ -106,6 +111,37 @@ var UpstartEditorAPI = class {
 		};
 	}
 	/**
+	* Edit a plain-text or rich-text JSX node directly in the source TSX file.
+	* For rich-text entries, `content` should be the inner JSX/HTML of the element's children.
+	*/
+	async editTextDirect(params) {
+		const parsed = payloadEditTextDirect.safeParse(params);
+		if (!parsed.success) return {
+			success: false,
+			error: `Invalid payload: ${parsed.error.message}`
+		};
+		const { id, content } = parsed.data;
+		if (!this.registry) try {
+			await this.loadRegistry();
+		} catch (err) {
+			return {
+				success: false,
+				error: `Failed to load registry: ${err}`
+			};
+		}
+		const entry = this.registry.elements[id];
+		if (!entry) return {
+			success: false,
+			error: `Element ${id} not found in registry`
+		};
+		if (entry.type !== "text" && entry.type !== "rich-text" && entry.type !== "mixed-text") return {
+			success: false,
+			error: `Element ${id} is not a text element (type: ${entry.type})`
+		};
+		if (entry.type === "mixed-text") return this.applyMixedTextEdit(id, entry, content);
+		return this.applyEdit(id, entry, content);
+	}
+	/**
 	* Edit the className of an element
 	*/
 	async editClassName(params) {
@@ -177,6 +213,28 @@ var UpstartEditorAPI = class {
 		}
 	}
 	/**
+	* Reconstruct JSX children from a user-edited template and the original expression segments,
+	* then write the result back to the TSX source file.
+	*
+	* `template` uses `{{N}}` placeholders for expressions, e.g.:
+	*   "© {{0}} Alex's Kitchen. All rights reserved."
+	* The server replaces each placeholder with the original expression source from the registry.
+	*/
+	async applyMixedTextEdit(id, entry, template) {
+		const exprSegments = (entry.segments ?? []).filter((s) => s.type === "expr");
+		const parts = template.split(/\{\{(\d+)\}\}/);
+		let inner = "";
+		for (let i = 0; i < parts.length; i++) if (i % 2 === 0) inner += parts[i];
+		else {
+			const exprSeg = exprSegments[parseInt(parts[i])];
+			inner += exprSeg ? exprSeg.raw : `{{${parts[i]}}}`;
+		}
+		const leadingWS = entry.originalContent.match(/^(\s*)/)?.[1] ?? "";
+		const trailingWS = entry.originalContent.match(/(\s*)$/)?.[1] ?? "";
+		const newContent = leadingWS + inner + trailingWS;
+		return this.applyEdit(id, entry, newContent);
+	}
+	/**
 	* Get element info by ID
 	*/
 	getElement(id) {
@@ -202,6 +260,6 @@ var UpstartEditorAPI = class {
 	}
 };
 //#endregion
-export { UpstartEditorAPI, payloadEditClassName, payloadEditText };
+export { UpstartEditorAPI, payloadEditClassName, payloadEditText, payloadEditTextDirect };
 
 //# sourceMappingURL=upstart-editor-api.js.map

package/dist/upstart-editor-api.js.map

@@ -1 +1 @@
-{"version":3,"file":"upstart-editor-api.js","names":[],"sources":["../src/upstart-editor-api.ts"],"sourcesContent":["import MagicString from \"magic-string\";\nimport fs from \"fs/promises\";\nimport path from \"path\";\nimport z from \"zod\";\nimport type { EditableEntry } from \"./vite-plugin-upstart-attrs\";\n\nexport const payloadEditText = z.object({\n  action: z.literal(\"editText\"),\n  language: z\n    .string()\n    .length(2)\n    .regex(/^[a-z]{2}$/),\n  namespace: z.string().regex(/^[a-z0-9_-]+$/),\n  key: z.string().regex(/^[a-zA-Z0-9_.-]+$/),\n  content: z.string(),\n});\n\nexport type PayloadEditText = z.infer<typeof payloadEditText>;\n\nexport const payloadEditClassName = z.object({\n  action: z.literal(\"editClassName\"),\n  id: z.string().min(1),\n  className: z.string(),\n});\n\nexport type PayloadEditClassName = z.infer<typeof payloadEditClassName>;\n\nexport interface EditableRegistry {\n  version: number;\n  generatedAt: string;\n  elements: Record<string, EditableEntry>;\n}\n\nexport type EditResult =\n  | {\n      success: true;\n      error?: never;\n      filePath: string;\n    }\n  | {\n      success: false;\n      error: string;\n      filePath?: never;\n    };\n\nexport class UpstartEditorAPI {\n  private registry: EditableRegistry | null = null;\n  private projectRoot: string;\n  private registryPath: string;\n\n  constructor(projectRoot: string, registryPath: string) {\n    this.projectRoot = projectRoot;\n    this.registryPath = registryPath;\n  }\n\n  /**\n   * Load the registry from disk\n   */\n  async loadRegistry(): Promise<void> {\n    const content = await fs.readFile(this.registryPath, \"utf-8\");\n    this.registry = JSON.parse(content);\n  }\n\n  /**\n   * Get the current registry (for testing/debugging)\n   */\n  getRegistry(): EditableRegistry | null {\n    return this.registry;\n  }\n\n  /**\n   * Set the registry directly (for testing)\n   */\n  setRegistry(registry: EditableRegistry): void {\n    this.registry = registry;\n  }\n\n  /**\n   * Edit a translation value in an i18next locale file.\n   * Auto-detects flat keys (e.g. \"nav.home\" as literal key) vs nested keys (e.g. nav -> home).\n   * Only updates existing keys — returns an error if the key is not found.\n   */\n  async editText(params: PayloadEditText): Promise<EditResult> {\n    const parsed = payloadEditText.safeParse(params);\n    if (!parsed.success) {\n      return { success: false, error: `Invalid payload: ${parsed.error.message}` };\n    }\n    const { language, namespace, key, content: newContent } = parsed.data;\n    const filePath = path.join(this.projectRoot, \"app\", \"locales\", language, `${namespace}.json`);\n\n    let raw: string;\n    try {\n      raw = await fs.readFile(filePath, \"utf-8\");\n    } catch (err) {\n      return { success: false, error: `Failed to read locale file: ${filePath}` };\n    }\n\n    let data: Record<string, unknown>;\n    try {\n      data = JSON.parse(raw);\n    } catch (err) {\n      return { success: false, error: `Failed to parse locale file: ${filePath}` };\n    }\n\n    // Strategy 1: check for flat/literal key at top level\n    if (key in data && typeof data[key] === \"string\") {\n      data[key] = newContent;\n    } else {\n      // Strategy 2: nested traversal via dot notation\n      const parts = key.split(\".\");\n      let current: Record<string, unknown> = data;\n      for (let i = 0; i < parts.length - 1; i++) {\n        const part = parts[i];\n        if (current[part] == null || typeof current[part] !== \"object\") {\n          return { success: false, error: `Key \"${key}\" not found in locale file ${filePath}` };\n        }\n        current = current[part] as Record<string, unknown>;\n      }\n\n      const leafKey = parts[parts.length - 1];\n      if (!(leafKey in current) || typeof current[leafKey] !== \"string\") {\n        return { success: false, error: `Key \"${key}\" not found in locale file ${filePath}` };\n      }\n      current[leafKey] = newContent;\n    }\n\n    try {\n      await fs.writeFile(filePath, JSON.stringify(data, null, 2) + \"\\n\");\n    } catch (err) {\n      return { success: false, error: `Failed to write locale file: ${filePath}` };\n    }\n\n    return { success: true, filePath };\n  }\n\n  /**\n   * Edit the className of an element\n   */\n  async editClassName(params: PayloadEditClassName): Promise<EditResult> {\n    const parsed = payloadEditClassName.safeParse(params);\n    if (!parsed.success) {\n      return { success: false, error: `Invalid payload: ${parsed.error.message}` };\n    }\n    const { id, className: newClassName } = parsed.data;\n    if (!this.registry) {\n      try {\n        await this.loadRegistry();\n      } catch (err) {\n        return { success: false, error: `Failed to load registry: ${err}` };\n      }\n    }\n\n    const entry = this.registry!.elements[id];\n    if (!entry) {\n      return { success: false, error: `Element ${id} not found in registry` };\n    }\n\n    if (entry.type !== \"className\") {\n      return { success: false, error: `Element ${id} is not a className element (type: ${entry.type})` };\n    }\n\n    return this.applyEdit(id, entry, newClassName);\n  }\n\n  /**\n   * Apply an edit to a source file\n   */\n  private async applyEdit(id: string, entry: EditableEntry, newContent: string): Promise<EditResult> {\n    const filePath = path.join(this.projectRoot, entry.file);\n\n    try {\n      const code = await fs.readFile(filePath, \"utf-8\");\n\n      // Verify content at expected location\n      const currentContent = code.slice(entry.startOffset, entry.endOffset);\n\n      let actualStart = entry.startOffset;\n      let actualEnd = entry.endOffset;\n\n      if (currentContent !== entry.originalContent) {\n        // Content has shifted - try to find it by searching\n        const searchIndex = code.indexOf(entry.originalContent);\n        if (searchIndex === -1) {\n          return {\n            success: false,\n            error: `Original content \"${entry.originalContent}\" not found in file ${entry.file}. The file may have been modified.`,\n          };\n        }\n        actualStart = searchIndex;\n        actualEnd = searchIndex + entry.originalContent.length;\n      }\n\n      // Apply the edit using MagicString\n      const s = new MagicString(code);\n      s.overwrite(actualStart, actualEnd, newContent);\n\n      // Write the modified file\n      await fs.writeFile(filePath, s.toString());\n\n      // Calculate the length difference for offset adjustments\n      const lengthDiff = newContent.length - entry.originalContent.length;\n\n      // Update the registry entry\n      entry.startOffset = actualStart;\n      entry.endOffset = actualStart + newContent.length;\n      entry.originalContent = newContent;\n\n      // Shift all subsequent entries in the same file\n      for (const [otherId, otherEntry] of Object.entries(this.registry!.elements)) {\n        if (otherId !== id && otherEntry.file === entry.file && otherEntry.startOffset > actualStart) {\n          otherEntry.startOffset += lengthDiff;\n          otherEntry.endOffset += lengthDiff;\n        }\n      }\n\n      // Save the updated registry\n      await fs.writeFile(this.registryPath, JSON.stringify(this.registry, null, 2));\n\n      return { success: true, filePath };\n    } catch (err) {\n      return { success: false, error: String(err) };\n    }\n  }\n\n  /**\n   * Get element info by ID\n   */\n  getElement(id: string): EditableEntry | undefined {\n    return this.registry?.elements[id];\n  }\n\n  /**\n   * Get all elements of a specific type\n   */\n  getElementsByType(type: \"text\" | \"className\"): Record<string, EditableEntry> {\n    if (!this.registry) {\n      return {};\n    }\n\n    const result: Record<string, EditableEntry> = {};\n    for (const [id, entry] of Object.entries(this.registry.elements)) {\n      if (entry.type === type) {\n        result[id] = entry;\n      }\n    }\n    return result;\n  }\n\n  /**\n   * Get all elements in a specific file\n   */\n  getElementsByFile(file: string): Record<string, EditableEntry> {\n    if (!this.registry) {\n      return {};\n    }\n\n    const result: Record<string, EditableEntry> = {};\n    for (const [id, entry] of Object.entries(this.registry.elements)) {\n      if (entry.file === file) {\n        result[id] = entry;\n      }\n    }\n    return result;\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"upstart-editor-api.js","names":[],"sources":["../src/upstart-editor-api.ts"],"sourcesContent":["import MagicString from \"magic-string\";\nimport fs from \"fs/promises\";\nimport path from \"path\";\nimport z from \"zod\";\nimport type { EditableEntry } from \"./vite-plugin-upstart-attrs\";\n\nexport const payloadEditText = z.object({\n  action: z.literal(\"editText\"),\n  language: z\n    .string()\n    .length(2)\n    .regex(/^[a-z]{2}$/),\n  namespace: z.string().regex(/^[a-z0-9_-]+$/),\n  key: z.string().regex(/^[a-zA-Z0-9_.-]+$/),\n  content: z.string(),\n});\n\nexport type PayloadEditText = z.infer<typeof payloadEditText>;\n\nexport const payloadEditTextDirect = z.object({\n  action: z.literal(\"editTextDirect\"),\n  id: z.string().min(1),\n  content: z.string(),\n});\n\nexport type PayloadEditTextDirect = z.infer<typeof payloadEditTextDirect>;\n\nexport const payloadEditClassName = z.object({\n  action: z.literal(\"editClassName\"),\n  id: z.string().min(1),\n  className: z.string(),\n});\n\nexport type PayloadEditClassName = z.infer<typeof payloadEditClassName>;\n\nexport interface EditableRegistry {\n  version: number;\n  generatedAt: string;\n  elements: Record<string, EditableEntry>;\n}\n\nexport type EditResult =\n  | {\n      success: true;\n      error?: never;\n      filePath: string;\n    }\n  | {\n      success: false;\n      error: string;\n      filePath?: never;\n    };\n\nexport class UpstartEditorAPI {\n  private registry: EditableRegistry | null = null;\n  private projectRoot: string;\n  private registryPath: string;\n\n  constructor(projectRoot: string, registryPath: string) {\n    this.projectRoot = projectRoot;\n    this.registryPath = registryPath;\n  }\n\n  /**\n   * Load the registry from disk\n   */\n  async loadRegistry(): Promise<void> {\n    const content = await fs.readFile(this.registryPath, \"utf-8\");\n    this.registry = JSON.parse(content);\n  }\n\n  /**\n   * Get the current registry (for testing/debugging)\n   */\n  getRegistry(): EditableRegistry | null {\n    return this.registry;\n  }\n\n  /**\n   * Set the registry directly (for testing)\n   */\n  setRegistry(registry: EditableRegistry): void {\n    this.registry = registry;\n  }\n\n  /**\n   * Edit a translation value in an i18next locale file.\n   * Auto-detects flat keys (e.g. \"nav.home\" as literal key) vs nested keys (e.g. nav -> home).\n   * Only updates existing keys — returns an error if the key is not found.\n   */\n  async editText(params: PayloadEditText): Promise<EditResult> {\n    const parsed = payloadEditText.safeParse(params);\n    if (!parsed.success) {\n      return { success: false, error: `Invalid payload: ${parsed.error.message}` };\n    }\n    const { language, namespace, key, content: newContent } = parsed.data;\n    const filePath = path.join(this.projectRoot, \"app\", \"locales\", language, `${namespace}.json`);\n\n    let raw: string;\n    try {\n      raw = await fs.readFile(filePath, \"utf-8\");\n    } catch (err) {\n      return { success: false, error: `Failed to read locale file: ${filePath}` };\n    }\n\n    let data: Record<string, unknown>;\n    try {\n      data = JSON.parse(raw);\n    } catch (err) {\n      return { success: false, error: `Failed to parse locale file: ${filePath}` };\n    }\n\n    // Strategy 1: check for flat/literal key at top level\n    if (key in data && typeof data[key] === \"string\") {\n      data[key] = newContent;\n    } else {\n      // Strategy 2: nested traversal via dot notation\n      const parts = key.split(\".\");\n      let current: Record<string, unknown> = data;\n      for (let i = 0; i < parts.length - 1; i++) {\n        const part = parts[i];\n        if (current[part] == null || typeof current[part] !== \"object\") {\n          return { success: false, error: `Key \"${key}\" not found in locale file ${filePath}` };\n        }\n        current = current[part] as Record<string, unknown>;\n      }\n\n      const leafKey = parts[parts.length - 1];\n      if (!(leafKey in current) || typeof current[leafKey] !== \"string\") {\n        return { success: false, error: `Key \"${key}\" not found in locale file ${filePath}` };\n      }\n      current[leafKey] = newContent;\n    }\n\n    try {\n      await fs.writeFile(filePath, JSON.stringify(data, null, 2) + \"\\n\");\n    } catch (err) {\n      return { success: false, error: `Failed to write locale file: ${filePath}` };\n    }\n\n    return { success: true, filePath };\n  }\n\n  /**\n   * Edit a plain-text or rich-text JSX node directly in the source TSX file.\n   * For rich-text entries, `content` should be the inner JSX/HTML of the element's children.\n   */\n  async editTextDirect(params: PayloadEditTextDirect): Promise<EditResult> {\n    const parsed = payloadEditTextDirect.safeParse(params);\n    if (!parsed.success) {\n      return { success: false, error: `Invalid payload: ${parsed.error.message}` };\n    }\n    const { id, content } = parsed.data;\n    if (!this.registry) {\n      try {\n        await this.loadRegistry();\n      } catch (err) {\n        return { success: false, error: `Failed to load registry: ${err}` };\n      }\n    }\n    const entry = this.registry!.elements[id];\n    if (!entry) {\n      return { success: false, error: `Element ${id} not found in registry` };\n    }\n    if (entry.type !== \"text\" && entry.type !== \"rich-text\" && entry.type !== \"mixed-text\") {\n      return { success: false, error: `Element ${id} is not a text element (type: ${entry.type})` };\n    }\n    if (entry.type === \"mixed-text\") {\n      return this.applyMixedTextEdit(id, entry, content);\n    }\n    return this.applyEdit(id, entry, content);\n  }\n\n  /**\n   * Edit the className of an element\n   */\n  async editClassName(params: PayloadEditClassName): Promise<EditResult> {\n    const parsed = payloadEditClassName.safeParse(params);\n    if (!parsed.success) {\n      return { success: false, error: `Invalid payload: ${parsed.error.message}` };\n    }\n    const { id, className: newClassName } = parsed.data;\n    if (!this.registry) {\n      try {\n        await this.loadRegistry();\n      } catch (err) {\n        return { success: false, error: `Failed to load registry: ${err}` };\n      }\n    }\n\n    const entry = this.registry!.elements[id];\n    if (!entry) {\n      return { success: false, error: `Element ${id} not found in registry` };\n    }\n\n    if (entry.type !== \"className\") {\n      return { success: false, error: `Element ${id} is not a className element (type: ${entry.type})` };\n    }\n\n    return this.applyEdit(id, entry, newClassName);\n  }\n\n  /**\n   * Apply an edit to a source file\n   */\n  private async applyEdit(id: string, entry: EditableEntry, newContent: string): Promise<EditResult> {\n    const filePath = path.join(this.projectRoot, entry.file);\n\n    try {\n      const code = await fs.readFile(filePath, \"utf-8\");\n\n      // Verify content at expected location\n      const currentContent = code.slice(entry.startOffset, entry.endOffset);\n\n      let actualStart = entry.startOffset;\n      let actualEnd = entry.endOffset;\n\n      if (currentContent !== entry.originalContent) {\n        // Content has shifted - try to find it by searching\n        const searchIndex = code.indexOf(entry.originalContent);\n        if (searchIndex === -1) {\n          return {\n            success: false,\n            error: `Original content \"${entry.originalContent}\" not found in file ${entry.file}. The file may have been modified.`,\n          };\n        }\n        actualStart = searchIndex;\n        actualEnd = searchIndex + entry.originalContent.length;\n      }\n\n      // Apply the edit using MagicString\n      const s = new MagicString(code);\n      s.overwrite(actualStart, actualEnd, newContent);\n\n      // Write the modified file\n      await fs.writeFile(filePath, s.toString());\n\n      // Calculate the length difference for offset adjustments\n      const lengthDiff = newContent.length - entry.originalContent.length;\n\n      // Update the registry entry\n      entry.startOffset = actualStart;\n      entry.endOffset = actualStart + newContent.length;\n      entry.originalContent = newContent;\n\n      // Shift all subsequent entries in the same file\n      for (const [otherId, otherEntry] of Object.entries(this.registry!.elements)) {\n        if (otherId !== id && otherEntry.file === entry.file && otherEntry.startOffset > actualStart) {\n          otherEntry.startOffset += lengthDiff;\n          otherEntry.endOffset += lengthDiff;\n        }\n      }\n\n      // Save the updated registry\n      await fs.writeFile(this.registryPath, JSON.stringify(this.registry, null, 2));\n\n      return { success: true, filePath };\n    } catch (err) {\n      return { success: false, error: String(err) };\n    }\n  }\n\n  /**\n   * Reconstruct JSX children from a user-edited template and the original expression segments,\n   * then write the result back to the TSX source file.\n   *\n   * `template` uses `{{N}}` placeholders for expressions, e.g.:\n   *   \"© {{0}} Alex's Kitchen. All rights reserved.\"\n   * The server replaces each placeholder with the original expression source from the registry.\n   */\n  private async applyMixedTextEdit(id: string, entry: EditableEntry, template: string): Promise<EditResult> {\n    const exprSegments = (entry.segments ?? []).filter((s) => s.type === \"expr\");\n\n    // Split template by {{N}} placeholders — odd indices are expression indices\n    const parts = template.split(/\\{\\{(\\d+)\\}\\}/);\n\n    // Reconstruct inner JSX: text parts interleaved with original expression sources\n    let inner = \"\";\n    for (let i = 0; i < parts.length; i++) {\n      if (i % 2 === 0) {\n        inner += parts[i];\n      } else {\n        const exprSeg = exprSegments[parseInt(parts[i])];\n        inner += exprSeg ? exprSeg.raw : `{{${parts[i]}}}`;\n      }\n    }\n\n    // Preserve leading/trailing JSX whitespace (indentation) from the original source\n    const leadingWS = entry.originalContent.match(/^(\\s*)/)?.[1] ?? \"\";\n    const trailingWS = entry.originalContent.match(/(\\s*)$/)?.[1] ?? \"\";\n    const newContent = leadingWS + inner + trailingWS;\n\n    return this.applyEdit(id, entry, newContent);\n  }\n\n  /**\n   * Get element info by ID\n   */\n  getElement(id: string): EditableEntry | undefined {\n    return this.registry?.elements[id];\n  }\n\n  /**\n   * Get all elements of a specific type\n   */\n  getElementsByType(type: \"text\" | \"className\"): Record<string, EditableEntry> {\n    if (!this.registry) {\n      return {};\n    }\n\n    const result: Record<string, EditableEntry> = {};\n    for (const [id, entry] of Object.entries(this.registry.elements)) {\n      if (entry.type === type) {\n        result[id] = entry;\n      }\n    }\n    return result;\n  }\n\n  /**\n   * Get all elements in a specific file\n   */\n  getElementsByFile(file: string): Record<string, EditableEntry> {\n    if (!this.registry) {\n      return {};\n    }\n\n    const result: Record<string, EditableEntry> = {};\n    for (const [id, entry] of Object.entries(this.registry.elements)) {\n      if (entry.file === file) {\n        result[id] = entry;\n      }\n    }\n    return result;\n  }\n}\n"],"mappings":"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"}

package/dist/vite-plugin-upstart-attrs.d.ts

@@ -1,29 +1,34 @@
-import * as magic_string0 from "magic-string";
-import * as unplugin from "unplugin";
+import * as _$magic_string0 from "magic-string";
+import * as _$unplugin from "unplugin";
 
 //#region src/vite-plugin-upstart-attrs.d.ts
 interface Options {
   enabled: boolean;
   emitRegistry?: boolean;
 }
+interface EditableSegment {
+  type: "text" | "expr";
+  raw: string;
+}
 interface EditableEntry {
   file: string;
-  type: "text" | "className";
+  type: "text" | "rich-text" | "className" | "mixed-text";
   startOffset: number;
   endOffset: number;
   originalContent: string;
+  segments?: EditableSegment[];
   context: {
     parentTag: string;
   };
 }
 declare function getRegistry(): Record<string, EditableEntry>;
 declare function clearRegistry(): void;
-declare const upstartEditor: unplugin.UnpluginInstance<Options, boolean>;
+declare const upstartEditor: _$unplugin.UnpluginInstance<Options, boolean>;
 declare function transformWithOxc(code: string, filePath: string): {
   code: string;
-  map: magic_string0.SourceMap;
+  map: _$magic_string0.SourceMap;
 } | null;
-declare const _default: (options: Options) => unplugin.VitePlugin<any>[] | unplugin.VitePlugin<any>;
+declare const _default: (options: Options) => _$unplugin.VitePlugin<any>[] | _$unplugin.VitePlugin<any>;
 //#endregion
-export { EditableEntry, clearRegistry, _default as default, getRegistry, transformWithOxc, upstartEditor };
+export { EditableEntry, EditableSegment, clearRegistry, _default as default, getRegistry, transformWithOxc, upstartEditor };
 //# sourceMappingURL=vite-plugin-upstart-attrs.d.ts.map

package/dist/vite-plugin-upstart-attrs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vite-plugin-upstart-attrs.d.ts","names":[],"sources":["../src/vite-plugin-upstart-attrs.ts"],"mappings":";;;;UAeU,OAAA;EACR,OAAA;EACA,YAAA;AAAA;AAAA,UAwCe,aAAA;EACf,IAAA;EACA,IAAA;EACA,WAAA;EACA,SAAA;EACA,eAAA;EACA,OAAA;IAAW,SAAA;EAAA;AAAA;AAAA,iBAcG,WAAA,CAAA,GAAe,MAAA,SAAe,aAAA;AAAA,iBAK9B,aAAA,CAAA;AAAA,cAeH,aAAA,EAAa,QAAA,CAAA,gBAAA,CAAA,OAAA;AAAA,iBAoEV,gBAAA,CAAiB,IAAA,UAAc,QAAA;;OAAf,aAAA,CAAA,SAAA;AAAA;AAAA,cAmP/B,QAAA"}
+{"version":3,"file":"vite-plugin-upstart-attrs.d.ts","names":[],"sources":["../src/vite-plugin-upstart-attrs.ts"],"mappings":";;;;UAgBU,OAAA;EACR,OAAA;EACA,YAAA;AAAA;AAAA,UA0Ce,eAAA;EACf,IAAA;EAGA,GAAA;AAAA;AAAA,UAIe,aAAA;EACf,IAAA;EACA,IAAA;EACA,WAAA;EACA,SAAA;EACA,eAAA;EAEA,QAAA,GAAW,eAAA;EACX,OAAA;IAAW,SAAA;EAAA;AAAA;AAAA,iBAcG,WAAA,CAAA,GAAe,MAAA,SAAe,aAAA;AAAA,iBAK9B,aAAA,CAAA;AAAA,cAeH,aAAA,EAAa,UAAA,CAAA,gBAAA,CAAA,OAAA;AAAA,iBA8FV,gBAAA,CAAiB,IAAA,UAAc,QAAA;;OAAf,eAAA,CAAA,SAAA;AAAA;AAAA,cAiU/B,QAAA"}

package/dist/vite-plugin-upstart-attrs.js

@@ -3,6 +3,7 @@ import path from "node:path";
 import { createUnplugin } from "unplugin";
 import { parseSync } from "oxc-parser";
 import { walk } from "zimmerframe";
+import fs from "node:fs";
 //#region src/vite-plugin-upstart-attrs.ts
 function hasRange(node) {
 	return node && typeof node.start === "number" && typeof node.end === "number";
@@ -26,12 +27,35 @@ const upstartEditor = createUnplugin((options) => {
 	if (!options.enabled) return { name: "upstart-editor-disabled" };
 	const emitRegistry = options.emitRegistry ?? true;
 	let root = process.cwd();
+	let isDevMode = false;
+	let devWriteTimer = null;
+	const flushDevRegistry = () => {
+		if (!isDevMode || editableRegistry.size === 0) return;
+		const registryDir = path.join(root, "build", "server");
+		const registryPath = path.join(registryDir, "upstart-registry.json");
+		const registry = {
+			version: 1,
+			generatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+			elements: Object.fromEntries(editableRegistry)
+		};
+		fs.mkdirSync(registryDir, { recursive: true });
+		fs.writeFileSync(registryPath, JSON.stringify(registry, null, 2));
+	};
+	const scheduleDevRegistryWrite = () => {
+		if (!isDevMode) return;
+		if (devWriteTimer) clearTimeout(devWriteTimer);
+		devWriteTimer = setTimeout(flushDevRegistry, 150);
+	};
 	return {
 		name: "upstart-editor",
 		enforce: "pre",
 		vite: {
 			configResolved(config) {
 				root = config.root;
+				isDevMode = config.command === "serve";
+			},
+			configureServer(_server) {
+				isDevMode = true;
 			},
 			generateBundle() {
 				if (!emitRegistry || editableRegistry.size === 0) return;
@@ -56,6 +80,7 @@ const upstartEditor = createUnplugin((options) => {
 			try {
 				const result = transformWithOxc(code, path.relative(root, id));
 				if (!result) return null;
+				scheduleDevRegistryWrite();
 				return {
 					code: result.code,
 					map: result.map
@@ -116,7 +141,7 @@ function transformWithOxc(code, filePath) {
 			const tCallChildren = findTCallsInChildren(jsxNode, state.code, state);
 			const allI18nKeys = [...transChildren, ...tCallChildren];
 			const hasI18n = allI18nKeys.length > 0;
-			if (hasI18n) {
+			if (hasI18n && !hasMixedNonI18nContent(jsxNode, state.code, state, state.constants)) {
 				attributes.push("data-upstart-editable-text=\"true\"");
 				attributes.push("data-upstart-editable-text-mode=\"plain\"");
 				if (allI18nKeys.some((t) => t.keyExpr || t.nsExpr)) {
@@ -128,9 +153,14 @@ function transformWithOxc(code, filePath) {
 					const keys = allI18nKeys.map((t) => escapeProp(t.fullKey)).join(",");
 					attributes.push(`data-upstart-i18n="${keys}"`);
 				}
+				const allValueKeys = [...new Set(allI18nKeys.flatMap((t) => t.valueKeys ?? []))];
+				if (allValueKeys.length > 0) attributes.push(`data-i18n-values="${allValueKeys.join(",")}"`);
 			}
 			if (isTextLeafElement(jsxNode)) {
-				if (!hasI18n) attributes.push("data-upstart-editable-text=\"false\"");
+				if (!hasI18n) {
+					attributes.push("data-upstart-editable-text=\"true\"");
+					attributes.push("data-upstart-editable-text-mode=\"direct\"");
+				}
 				const textChild = jsxNode.children.find((c) => c.type === "JSXText" && c.value?.trim());
 				if (textChild && hasRange(textChild)) {
 					const id = generateId(state.filePath, textChild);
@@ -147,6 +177,66 @@ function transformWithOxc(code, filePath) {
 					});
 					attributes.push(`data-upstart-id="${id}"`);
 				}
+			} else if (!hasI18n && isAlmostLeafElement(jsxNode)) {
+				attributes.push("data-upstart-editable-text=\"true\"");
+				attributes.push("data-upstart-editable-text-mode=\"rich-panel\"");
+				const children = jsxNode.children.filter((c) => hasRange(c));
+				const firstChild = children[0];
+				const lastChild = children[children.length - 1];
+				if (firstChild && lastChild && hasRange(firstChild) && hasRange(lastChild)) {
+					const id = generateId(state.filePath, firstChild);
+					const originalContent = state.code.slice(firstChild.start, lastChild.end);
+					editableRegistry.set(id, {
+						file: state.filePath,
+						type: "rich-text",
+						startOffset: firstChild.start,
+						endOffset: lastChild.end,
+						originalContent,
+						context: { parentTag: tagName || "unknown" }
+					});
+					attributes.push(`data-upstart-id="${id}"`);
+				}
+			} else if (!hasI18n && isMixedTextLeafElement(jsxNode)) {
+				attributes.push("data-upstart-editable-text=\"true\"");
+				attributes.push("data-upstart-editable-text-mode=\"plain\"");
+				const rangedChildren = jsxNode.children.filter((c) => hasRange(c));
+				const firstChild = rangedChildren[0];
+				const lastChild = rangedChildren[rangedChildren.length - 1];
+				if (firstChild && lastChild && hasRange(firstChild) && hasRange(lastChild)) {
+					const segments = [];
+					let exprIndex = 0;
+					let templateStr = "";
+					for (const child of jsxNode.children) if (child.type === "JSXText") {
+						const normalized = normalizeJSXText(child.value);
+						segments.push({
+							type: "text",
+							raw: child.value
+						});
+						templateStr += normalized;
+					} else if (child.type === "JSXExpressionContainer") {
+						const expr = child.expression;
+						if (!expr || expr.type === "JSXEmptyExpression") continue;
+						const raw = hasRange(child) ? state.code.slice(child.start, child.end) : "";
+						segments.push({
+							type: "expr",
+							raw
+						});
+						templateStr += `{{${exprIndex++}}}`;
+					}
+					const id = generateId(state.filePath, firstChild);
+					const originalContent = state.code.slice(firstChild.start, lastChild.end);
+					editableRegistry.set(id, {
+						file: state.filePath,
+						type: "mixed-text",
+						startOffset: firstChild.start,
+						endOffset: lastChild.end,
+						originalContent,
+						segments,
+						context: { parentTag: tagName || "unknown" }
+					});
+					attributes.push(`data-upstart-id="${id}"`);
+					attributes.push(`data-upstart-mixed-template="${escapeProp(templateStr.trim())}"`);
+				}
 			} else if (!hasI18n && hasVisibleTextContent(jsxNode)) attributes.push("data-upstart-editable-text=\"false\"");
 			const classNameAttr = opening.attributes.find((attr) => attr.type === "JSXAttribute" && attr.name.type === "JSXIdentifier" && attr.name.name === "className" && attr.value?.type === "Literal" && typeof attr.value.value === "string");
 			if (classNameAttr && classNameAttr.value && hasRange(classNameAttr.value)) {
@@ -355,11 +445,26 @@ function detectTransComponent(jsxElement, code, constants) {
 	if (getJSXElementName(opening) !== "Trans") return null;
 	let keyResult = null;
 	let nsResult = null;
+	let valueKeys;
 	for (const attr of opening.attributes) {
 		if (attr.type !== "JSXAttribute" || attr.name.type !== "JSXIdentifier") continue;
 		const attrName = attr.name.name;
 		if (attrName === "i18nKey") keyResult = resolveJSXAttrValue(attr.value, code, constants);
 		if (attrName === "ns") nsResult = resolveJSXAttrValue(attr.value, code, constants);
+		if (attrName === "values") {
+			const container = attr.value;
+			if (container?.type === "JSXExpressionContainer") {
+				const expr = container.expression;
+				if (expr?.type === "ObjectExpression") {
+					const keys = [];
+					for (const prop of expr.properties) if ((prop.type === "Property" || prop.type === "ObjectProperty") && prop.key) {
+						if (prop.key.type === "Identifier") keys.push(prop.key.name);
+						else if (prop.key.type === "Literal" || prop.key.type === "StringLiteral") keys.push(prop.key.value);
+					}
+					if (keys.length > 0) valueKeys = keys;
+				}
+			}
+		}
 	}
 	if (!keyResult) return null;
 	const key = keyResult.value;
@@ -371,7 +476,8 @@ function detectTransComponent(jsxElement, code, constants) {
 		key,
 		namespace,
 		keyExpr,
-		nsExpr
+		nsExpr,
+		valueKeys
 	};
 }
 function findTransInChildren(jsxElement, code, constants) {
@@ -427,6 +533,24 @@ function findTCallsInChildren(jsxElement, code, state) {
 	}
 	return results;
 }
+function hasMixedNonI18nContent(jsxNode, code, state, constants) {
+	for (const child of jsxNode.children) if (child.type === "JSXText") {
+		if (child.value.trim().length > 0) return true;
+	} else if (child.type === "JSXExpressionContainer") {
+		const expr = child.expression;
+		if (!expr || expr.type === "JSXEmptyExpression") continue;
+		if (expr.type === "Literal" && typeof expr.value === "string" && expr.value.trim() === "") continue;
+		const tResults = [];
+		findTCallInExpression(expr, code, tResults, state);
+		if (tResults.length > 0) continue;
+		const transResults = [];
+		findTransInExpression(expr, code, transResults, constants);
+		if (transResults.length > 0) continue;
+		const type = expr.type;
+		if (type === "Identifier" || type === "MemberExpression" || type === "Literal" || type === "TemplateLiteral") return true;
+	}
+	return false;
+}
 function findTCallInExpression(expr, code, results, state) {
 	if (!expr || !expr.type) return;
 	if (expr.type === "CallExpression") {
@@ -503,6 +627,74 @@ function isTextLeafElement(jsxElement) {
 	} else if (child.type === "JSXElement" || child.type === "JSXFragment" || child.type === "JSXExpressionContainer" || child.type === "JSXSpreadChild") return false;
 	return hasText;
 }
+const INLINE_FORMATTING_TAGS = new Set([
+	"b",
+	"i",
+	"em",
+	"strong",
+	"u",
+	"s",
+	"del",
+	"ins",
+	"mark",
+	"small",
+	"sub",
+	"sup",
+	"code",
+	"kbd",
+	"abbr",
+	"cite",
+	"time",
+	"span",
+	"a"
+]);
+function isAlmostLeafElement(jsxElement) {
+	let hasInlineElement = false;
+	for (const child of jsxElement.children) {
+		if (child.type === "JSXText") continue;
+		if (child.type === "JSXElement") {
+			const childEl = child;
+			const tagName = getJSXElementName(childEl.openingElement);
+			if (!tagName || !INLINE_FORMATTING_TAGS.has(tagName.toLowerCase())) return false;
+			if (childEl.openingElement.attributes.length > 0) return false;
+			for (const grandchild of childEl.children) if (grandchild.type !== "JSXText") return false;
+			hasInlineElement = true;
+		} else return false;
+	}
+	return hasInlineElement;
+}
+function normalizeJSXText(raw) {
+	const lines = raw.split(/\r\n|\n|\r/);
+	const lastNonEmptyIdx = lines.reduce((acc, line, i) => /[^ \t]/.test(line) ? i : acc, -1);
+	let result = "";
+	for (let i = 0; i < lines.length; i++) {
+		let line = lines[i].replace(/\t/g, " ");
+		if (i > 0) line = line.replace(/^[ ]+/, "");
+		if (i < lines.length - 1) line = line.replace(/[ ]+$/, "");
+		if (!line) continue;
+		if (i !== lastNonEmptyIdx) line += " ";
+		result += line;
+	}
+	return result;
+}
+function isMixedTextLeafElement(jsxElement) {
+	let hasText = false;
+	let hasExpr = false;
+	for (const child of jsxElement.children) {
+		if (child.type === "JSXText") {
+			if (normalizeJSXText(child.value).length > 0) hasText = true;
+			continue;
+		}
+		if (child.type === "JSXExpressionContainer") {
+			const expr = child.expression;
+			if (!expr || expr.type === "JSXEmptyExpression") continue;
+			hasExpr = true;
+			continue;
+		}
+		return false;
+	}
+	return hasText && hasExpr;
+}
 function hasVisibleTextContent(jsxElement) {
 	for (const child of jsxElement.children) {
 		if (child.type === "JSXText") {