artifactuse 0.1.21 → 0.1.22

package/dist/styles/components/panel.css

@@ -227,7 +227,8 @@
 }
 
 .artifactuse-panel__content--preview .artifactuse-panel__preview,
-.artifactuse-panel__content--code .artifactuse-panel__code {
+.artifactuse-panel__content--code .artifactuse-panel__code,
+.artifactuse-panel__content--edit .artifactuse-panel__edit {
   width: 100%;
 }
 
@@ -489,7 +490,8 @@
 
 /* Hide content panes during transition to prevent visual glitch */
 .artifactuse-panel__content--transitioning > .artifactuse-panel__preview,
-.artifactuse-panel__content--transitioning > .artifactuse-panel__code {
+.artifactuse-panel__content--transitioning > .artifactuse-panel__code,
+.artifactuse-panel__content--transitioning > .artifactuse-panel__edit {
   visibility: hidden;
 }
 
@@ -634,6 +636,32 @@
   overflow: visible;
 }
 
+/* Edit pane (CodeMirror) */
+.artifactuse-panel__edit {
+  flex: 1;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+}
+
+.artifactuse-panel__editor-container {
+  flex: 1;
+  overflow: auto;
+}
+
+.artifactuse-panel__editor-container .cm-editor {
+  height: 100%;
+}
+
+/* Save action button */
+.artifactuse-panel__action--save {
+  color: rgb(var(--artifactuse-accent, 99, 102, 241));
+}
+
+.artifactuse-panel__action--save:hover {
+  background: rgba(var(--artifactuse-accent, 99, 102, 241), 0.1);
+}
+
 /* Footer */
 .artifactuse-panel__footer {
   display: flex;

package/dist/svelte/index.d.ts

@@ -72,6 +72,34 @@ export function createArtifactuseStores(config?: {
         };
         initializeContent: (container?: Document) => Promise<void>;
         openArtifact: (artifact: any) => void;
+        openFile: (filename: any, code: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
+        openCode: (code: any, language: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -103,6 +131,7 @@ export function createArtifactuseStores(config?: {
         on: (event: any, callback: any) => () => void;
         off: (event: any, callback: any) => void;
         emit: (event: any, data: any) => void;
+        editor: any;
         bridge: {
             setIframe: (iframe: any) => void;
             send: (action: string, data: any, requestId?: string, targetOrigin?: string) => string;
@@ -157,6 +186,34 @@ export function createArtifactuseStores(config?: {
     };
     initializeContent: (container?: Document) => Promise<void>;
     openArtifact: (artifact: any) => void;
+    openFile: (filename: any, code: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
+    openCode: (code: any, language: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;
@@ -231,6 +288,34 @@ export function setArtifactuseContext(config?: {}): {
         };
         initializeContent: (container?: Document) => Promise<void>;
         openArtifact: (artifact: any) => void;
+        openFile: (filename: any, code: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
+        openCode: (code: any, language: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -262,6 +347,7 @@ export function setArtifactuseContext(config?: {}): {
         on: (event: any, callback: any) => () => void;
         off: (event: any, callback: any) => void;
         emit: (event: any, data: any) => void;
+        editor: any;
         bridge: {
             setIframe: (iframe: any) => void;
             send: (action: string, data: any, requestId?: string, targetOrigin?: string) => string;
@@ -316,6 +402,34 @@ export function setArtifactuseContext(config?: {}): {
     };
     initializeContent: (container?: Document) => Promise<void>;
     openArtifact: (artifact: any) => void;
+    openFile: (filename: any, code: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
+    openCode: (code: any, language: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;
@@ -383,6 +497,34 @@ export function useArtifactuse(config?: {}): {
         };
         initializeContent: (container?: Document) => Promise<void>;
         openArtifact: (artifact: any) => void;
+        openFile: (filename: any, code: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
+        openCode: (code: any, language: any, options?: {}) => {
+            id: string;
+            messageId: string;
+            type: string;
+            language: string;
+            title: any;
+            code: string;
+            isInline: boolean;
+            isPreviewable: boolean;
+            isPanelArtifact: boolean;
+            size: number;
+            lineCount: number;
+            createdAt: string;
+        };
         closePanel: () => void;
         togglePanel: () => void;
         toggleFullscreen: () => void;
@@ -414,6 +556,7 @@ export function useArtifactuse(config?: {}): {
         on: (event: any, callback: any) => () => void;
         off: (event: any, callback: any) => void;
         emit: (event: any, data: any) => void;
+        editor: any;
         bridge: {
             setIframe: (iframe: any) => void;
             send: (action: string, data: any, requestId?: string, targetOrigin?: string) => string;
@@ -468,6 +611,34 @@ export function useArtifactuse(config?: {}): {
     };
     initializeContent: (container?: Document) => Promise<void>;
     openArtifact: (artifact: any) => void;
+    openFile: (filename: any, code: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
+    openCode: (code: any, language: any, options?: {}) => {
+        id: string;
+        messageId: string;
+        type: string;
+        language: string;
+        title: any;
+        code: string;
+        isInline: boolean;
+        isPreviewable: boolean;
+        isPanelArtifact: boolean;
+        size: number;
+        lineCount: number;
+        createdAt: string;
+    };
     closePanel: () => void;
     togglePanel: () => void;
     toggleFullscreen: () => void;