@upstart.gg/vite-plugins 0.0.39 → 0.0.40

package/src/vite-plugin-upstart-editor/runtime/types.ts

@@ -1,10 +1,16 @@
 import type { Editor } from "@tiptap/core";
+import type { PayloadEditText } from "~/upstart-editor-api";
 
 /**
  * Editor mode
  */
 export type EditorMode = "preview" | "edit";
 
+/**
+ * Text editor mode: determines schema constraints and bubble menu options.
+ */
+export type TextEditorMode = "block-rich" | "inline-rich" | "plain";
+
 /**
  * Element bounds used for UI positioning.
  */
@@ -24,23 +30,24 @@ export interface EditorInstance {
   editor: Editor;
   element: HTMLElement;
   hash: string;
+  mode: TextEditorMode;
 }
 
 /**
  * Messages sent from iframe to parent editor.
  */
 export type EditorMessage =
-  | { type: "text-update"; hash: string; newText: string }
-  | { type: "text-save"; hash: string; newText: string }
+  | { type: "text-edit"; payload: PayloadEditText }
   | { type: "editor-ready" }
   | { type: "editor-error"; error: string }
   | { type: "element-hovered"; hash: string; bounds: ElementBounds }
   | {
       type: "element-clicked";
       hash: string;
-      componentName: string;
+      componentName?: string;
       filePath: string;
       currentClassName: string;
+      classNameId: string;
       bounds: ElementBounds;
     };
 
@@ -77,9 +84,16 @@ export interface UpstartEditorOptions {
    */
   richTextElements?: string[];
 
+  /**
+   * Elements that should use inline rich text editing (inline formatting only, no blocks).
+   * Uses a custom inline document schema to prevent block elements like <p> inside inline elements.
+   * @default ['a', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6']
+   */
+  inlineRichTextElements?: string[];
+
   /**
    * Elements that should use plain text editing (no formatting).
-   * @default ['button', 'a', 'span', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'label']
+   * @default ['button', 'label']
    */
   plainTextElements?: string[];
 

package/src/vite-plugin-upstart-theme.ts

@@ -273,7 +273,6 @@ export const upstartTheme = createUnplugin<PluginOptions>((opts) => {
         const fontsCSS = generateFontsCSS(themes.light, themes.dark, fontsDisplay);
         const fontsCSSPath = path.join(outputDir, "fonts.css");
         fs.writeFileSync(fontsCSSPath, fontsCSS);
-        console.log(`✓ Generated fonts CSS: ${fontsCSSPath}`);
 
         const output: string[] = [];
 
@@ -304,8 +303,6 @@ export const upstartTheme = createUnplugin<PluginOptions>((opts) => {
         // Write the generated CSS file
         const cssContent = output.join("\n");
         fs.writeFileSync(opts.outputPath, cssContent);
-
-        console.log(`✓ Generated theme CSS: ${opts.outputPath}`);
       },
     },
   };