@memberjunction/ng-artifacts 2.105.0

package/dist/lib/components/plugins/json-artifact-viewer.component.js

@@ -0,0 +1,208 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import { RunView } from '@memberjunction/core';
+import { marked } from 'marked';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@memberjunction/ng-code-editor";
+function JsonArtifactViewerComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 5);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r0.renderedMarkdown, i0.ɵɵsanitizeHtml);
+} }
+function JsonArtifactViewerComponent_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "div", 6);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("innerHTML", ctx_r0.displayHtml, i0.ɵɵsanitizeHtml);
+} }
+function JsonArtifactViewerComponent_Conditional_8_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7)(1, "mj-code-editor", 8);
+    i0.ɵɵtwoWayListener("ngModelChange", function JsonArtifactViewerComponent_Conditional_8_Template_mj_code_editor_ngModelChange_1_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.jsonContent, $event) || (ctx_r0.jsonContent = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.jsonContent);
+    i0.ɵɵproperty("language", "json")("readonly", true);
+} }
+/**
+ * Viewer component for JSON artifacts.
+ * Supports extract rules - shows displayMarkdown, displayHtml, or raw JSON editor (in that priority order).
+ * All content is displayed in the parent's Display tab.
+ */
+let JsonArtifactViewerComponent = class JsonArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    cdr;
+    sanitizer;
+    jsonContent = '';
+    displayMarkdown = null;
+    displayHtml = null;
+    renderedMarkdown = null;
+    versionAttributes = [];
+    constructor(cdr, sanitizer) {
+        super();
+        this.cdr = cdr;
+        this.sanitizer = sanitizer;
+    }
+    async ngOnInit() {
+        this.jsonContent = this.getContent();
+        // Load version attributes to check for extract rules
+        await this.loadVersionAttributes();
+        // Trigger change detection after async load
+        this.cdr.detectChanges();
+    }
+    /**
+     * Override to return true when showing extracted displayMarkdown or displayHtml.
+     * Returns false when showing raw JSON editor (no extract rules available).
+     */
+    get isShowingElevatedDisplay() {
+        return !!(this.displayMarkdown || this.displayHtml);
+    }
+    /**
+     * Override to tell parent whether to show raw JSON tab.
+     * When showing elevated display (markdown/HTML), return true so parent shows JSON tab.
+     * When showing raw JSON editor, return false (no need for duplicate JSON tab).
+     */
+    get parentShouldShowRawContent() {
+        return this.isShowingElevatedDisplay;
+    }
+    async loadVersionAttributes() {
+        if (!this.artifactVersion?.ID) {
+            console.log('📦 JSON Plugin: No artifactVersion.ID, skipping attribute load');
+            return;
+        }
+        console.log(`📦 JSON Plugin: Loading attributes for version ID: ${this.artifactVersion.ID}`);
+        try {
+            const rv = new RunView();
+            const result = await rv.RunView({
+                EntityName: 'MJ: Artifact Version Attributes',
+                ExtraFilter: `ArtifactVersionID='${this.artifactVersion.ID}'`,
+                ResultType: 'entity_object'
+            });
+            console.log(`📦 JSON Plugin: RunView completed. Success=${result.Success}, Results count=${result.Results?.length || 0}`);
+            if (result.Success && result.Results) {
+                this.versionAttributes = result.Results;
+                console.log(`📦 JSON Plugin: Loaded ${this.versionAttributes.length} attributes for version ${this.artifactVersion.ID}`);
+                console.log(`📦 Attributes:`, this.versionAttributes.map(a => ({ name: a.Name, hasValue: !!a.Value })));
+                // Check for displayMarkdown or displayHtml attributes (from extract rules)
+                const displayMarkdownAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displaymarkdown');
+                const displayHtmlAttr = this.versionAttributes.find(a => a.Name?.toLowerCase() === 'displayhtml');
+                console.log(`📦 displayMarkdownAttr:`, displayMarkdownAttr ? { name: displayMarkdownAttr.Name, valueLength: displayMarkdownAttr.Value?.length } : 'not found');
+                console.log(`📦 displayHtmlAttr:`, displayHtmlAttr ? { name: displayHtmlAttr.Name, valueLength: displayHtmlAttr.Value?.length } : 'not found');
+                // Parse attribute values
+                this.displayMarkdown = this.parseAttributeValue(displayMarkdownAttr?.Value);
+                this.displayHtml = this.parseAttributeValue(displayHtmlAttr?.Value);
+                // Convert markdown to HTML if we have markdown content
+                if (this.displayMarkdown) {
+                    try {
+                        const html = marked.parse(this.displayMarkdown);
+                        this.renderedMarkdown = this.sanitizer.sanitize(1, html); // 1 = SecurityContext.HTML
+                    }
+                    catch (err) {
+                        console.error('📦 Error converting markdown to HTML:', err);
+                        // Fallback to plain text
+                        this.renderedMarkdown = this.displayMarkdown;
+                    }
+                }
+                console.log(`📦 JSON Plugin: displayMarkdown=${!!this.displayMarkdown} (${this.displayMarkdown?.length} chars), displayHtml=${!!this.displayHtml} (${this.displayHtml?.length} chars)`);
+                console.log(`📦 isShowingElevatedDisplay=${this.isShowingElevatedDisplay}`);
+            }
+            else {
+                console.log(`📦 JSON Plugin: No attributes found or query failed. Success=${result.Success}, ResultsLength=${result.Results?.length}`);
+            }
+        }
+        catch (err) {
+            console.error('📦 JSON Plugin: Error loading version attributes:', err);
+        }
+    }
+    parseAttributeValue(value) {
+        if (!value)
+            return null;
+        try {
+            // Try to parse as JSON first
+            const parsed = JSON.parse(value);
+            if (typeof parsed === 'string') {
+                return parsed;
+            }
+            return JSON.stringify(parsed, null, 2);
+        }
+        catch {
+            // If not valid JSON, return as-is
+            return value;
+        }
+    }
+    onCopy() {
+        // Copy based on what's being displayed
+        const content = this.displayMarkdown || this.displayHtml || this.jsonContent;
+        if (content) {
+            navigator.clipboard.writeText(content).then(() => {
+                console.log('✅ Copied content to clipboard');
+            }).catch(err => {
+                console.error('Failed to copy to clipboard:', err);
+            });
+        }
+    }
+    static ɵfac = function JsonArtifactViewerComponent_Factory(t) { return new (t || JsonArtifactViewerComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i1.DomSanitizer)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: JsonArtifactViewerComponent, selectors: [["mj-json-artifact-viewer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 9, vars: 2, consts: [[1, "json-artifact-viewer", 3, "ngClass"], [1, "display-toolbar"], ["title", "Copy Content", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "display-content"], [1, "markdown-content", 3, "innerHTML"], [1, "html-content", 3, "innerHTML"], [1, "json-editor-container"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function JsonArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function JsonArtifactViewerComponent_Template_button_click_2_listener() { return ctx.onCopy(); });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Copy ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(5, "div", 4);
+            i0.ɵɵtemplate(6, JsonArtifactViewerComponent_Conditional_6_Template, 1, 1, "div", 5)(7, JsonArtifactViewerComponent_Conditional_7_Template, 1, 1, "div", 6)(8, JsonArtifactViewerComponent_Conditional_8_Template, 2, 3, "div", 7);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.cssClass);
+            i0.ɵɵadvance(6);
+            i0.ɵɵconditional(ctx.displayMarkdown ? 6 : ctx.displayHtml ? 7 : 8);
+        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.CodeEditorComponent], styles: [".json-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content[_ngcontent-%COMP%] {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .markdown-content[_ngcontent-%COMP%], \n   .html-content[_ngcontent-%COMP%] {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }"] });
+};
+JsonArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'JsonArtifactViewerPlugin')
+], JsonArtifactViewerComponent);
+export { JsonArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(JsonArtifactViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-json-artifact-viewer', template: `
+    <div class="json-artifact-viewer" [ngClass]="cssClass">
+      <!-- Display toolbar -->
+      <div class="display-toolbar">
+        <button class="btn-icon" title="Copy Content" (click)="onCopy()">
+          <i class="fas fa-copy"></i> Copy
+        </button>
+      </div>
+
+      <!-- Display content: priority order = displayMarkdown > displayHtml > JSON editor -->
+      <div class="display-content">
+        @if (displayMarkdown) {
+          <div class="markdown-content" [innerHTML]="renderedMarkdown"></div>
+        } @else if (displayHtml) {
+          <div class="html-content" [innerHTML]="displayHtml"></div>
+        } @else {
+          <div class="json-editor-container">
+            <mj-code-editor
+              [(ngModel)]="jsonContent"
+              [language]="'json'"
+              [readonly]="true"
+              style="width: 100%; height: 100%;">
+            </mj-code-editor>
+          </div>
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .json-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .display-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      padding: 8px;\n      background: #f8f9fa;\n      border-bottom: 1px solid #dee2e6;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .display-content {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      overflow: hidden;\n      min-height: 0;\n    }\n\n    .markdown-content,\n    .html-content {\n      flex: 1;\n      padding: 20px;\n      overflow: auto;\n      min-height: 0;\n      background: white;\n    }\n\n    .json-editor-container {\n      flex: 1;\n      overflow: auto;\n      min-height: 0;\n    }\n  "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }, { type: i1.DomSanitizer }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(JsonArtifactViewerComponent, { className: "JsonArtifactViewerComponent", filePath: "src/lib/components/plugins/json-artifact-viewer.component.ts", lineNumber: 101 }); })();
+//# sourceMappingURL=json-artifact-viewer.component.js.map

package/dist/lib/components/plugins/json-artifact-viewer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"json-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/json-artifact-viewer.component.ts"],"names":[],"mappings":"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"}

package/dist/lib/components/plugins/markdown-artifact-viewer.component.d.ts

@@ -0,0 +1,14 @@
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+/**
+ * Viewer component for Markdown artifacts
+ */
+export declare class MarkdownArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    markdownContent: string;
+    viewMode: 'preview' | 'source';
+    ngOnInit(): void;
+    onCopy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MarkdownArtifactViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MarkdownArtifactViewerComponent, "mj-markdown-artifact-viewer", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=markdown-artifact-viewer.component.d.ts.map

package/dist/lib/components/plugins/markdown-artifact-viewer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/markdown-artifact-viewer.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAEtF;;GAEG;AACH,qBA6Ia,+BAAgC,SAAQ,iCAAiC;IAC7E,eAAe,SAAM;IACrB,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAa;IAElD,QAAQ,IAAI,IAAI;IAIhB,MAAM,IAAI,IAAI;yCARH,+BAA+B;2CAA/B,+BAA+B;CAiB3C"}

package/dist/lib/components/plugins/markdown-artifact-viewer.component.js

@@ -0,0 +1,121 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "ngx-markdown";
+import * as i4 from "@memberjunction/ng-code-editor";
+function MarkdownArtifactViewerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "markdown", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("data", ctx_r0.markdownContent);
+} }
+function MarkdownArtifactViewerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function MarkdownArtifactViewerComponent_Conditional_13_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.markdownContent, $event) || (ctx_r0.markdownContent = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.markdownContent);
+    i0.ɵɵproperty("language", "markdown")("readonly", ctx_r0.readonly);
+} }
+/**
+ * Viewer component for Markdown artifacts
+ */
+let MarkdownArtifactViewerComponent = class MarkdownArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    markdownContent = '';
+    viewMode = 'preview';
+    ngOnInit() {
+        this.markdownContent = this.getContent();
+    }
+    onCopy() {
+        if (this.markdownContent) {
+            navigator.clipboard.writeText(this.markdownContent).then(() => {
+                console.log('✅ Copied markdown to clipboard');
+            }).catch(err => {
+                console.error('Failed to copy to clipboard:', err);
+            });
+        }
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵMarkdownArtifactViewerComponent_BaseFactory; return function MarkdownArtifactViewerComponent_Factory(t) { return (ɵMarkdownArtifactViewerComponent_BaseFactory || (ɵMarkdownArtifactViewerComponent_BaseFactory = i0.ɵɵgetInheritedFactory(MarkdownArtifactViewerComponent)))(t || MarkdownArtifactViewerComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MarkdownArtifactViewerComponent, selectors: [["mj-markdown-artifact-viewer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 6, consts: [[1, "markdown-artifact-viewer", 3, "ngClass"], [1, "markdown-toolbar"], ["title", "Preview", 1, "btn-icon", 3, "click"], [1, "fas", "fa-eye"], ["title", "Source", 1, "btn-icon", 3, "click"], [1, "fas", "fa-code"], ["title", "Copy Markdown", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "markdown-content-container"], [1, "markdown-preview"], [2, "width", "100%", "height", "100%", 3, "ngModel", "language", "readonly"], [3, "data"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function MarkdownArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function MarkdownArtifactViewerComponent_Template_button_click_2_listener() { return ctx.viewMode = "preview"; });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Preview ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 4);
+            i0.ɵɵlistener("click", function MarkdownArtifactViewerComponent_Template_button_click_5_listener() { return ctx.viewMode = "source"; });
+            i0.ɵɵelement(6, "i", 5);
+            i0.ɵɵtext(7, " Source ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 6);
+            i0.ɵɵlistener("click", function MarkdownArtifactViewerComponent_Template_button_click_8_listener() { return ctx.onCopy(); });
+            i0.ɵɵelement(9, "i", 7);
+            i0.ɵɵtext(10, " Copy ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 8);
+            i0.ɵɵtemplate(12, MarkdownArtifactViewerComponent_Conditional_12_Template, 2, 1, "div", 9)(13, MarkdownArtifactViewerComponent_Conditional_13_Template, 1, 3, "mj-code-editor", 10);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.cssClass);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.viewMode === "preview");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.viewMode === "source");
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.viewMode === "preview" ? 12 : 13);
+        } }, dependencies: [i1.NgClass, i2.NgControlStatus, i2.NgModel, i3.MarkdownComponent, i4.CodeEditorComponent], styles: [".markdown-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .markdown-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .markdown-content-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%] {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     h1 {\n      font-size: 2em;\n      margin-top: 0.67em;\n      margin-bottom: 0.67em;\n      border-bottom: 1px solid #eaecef;\n      padding-bottom: 0.3em;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     h2 {\n      font-size: 1.5em;\n      margin-top: 0.83em;\n      margin-bottom: 0.83em;\n      border-bottom: 1px solid #eaecef;\n      padding-bottom: 0.3em;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     code {\n      background: #f6f8fa;\n      padding: 2px 6px;\n      border-radius: 3px;\n      font-family: monospace;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     pre {\n      background: #f6f8fa;\n      padding: 16px;\n      border-radius: 6px;\n      overflow: auto;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     blockquote {\n      border-left: 4px solid #dfe2e5;\n      padding-left: 16px;\n      color: #6a737d;\n      margin: 0;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 16px 0;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     th, \n   .markdown-preview[_ngcontent-%COMP%]     td {\n      border: 1px solid #dfe2e5;\n      padding: 8px 16px;\n    }\n\n    .markdown-preview[_ngcontent-%COMP%]     th {\n      background: #f6f8fa;\n      font-weight: 600;\n    }"] });
+};
+MarkdownArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'MarkdownArtifactViewerPlugin')
+], MarkdownArtifactViewerComponent);
+export { MarkdownArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MarkdownArtifactViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-markdown-artifact-viewer', template: `
+    <div class="markdown-artifact-viewer" [ngClass]="cssClass">
+      <div class="markdown-toolbar">
+        <button class="btn-icon" [class.active]="viewMode === 'preview'"
+                title="Preview" (click)="viewMode = 'preview'">
+          <i class="fas fa-eye"></i> Preview
+        </button>
+        <button class="btn-icon" [class.active]="viewMode === 'source'"
+                title="Source" (click)="viewMode = 'source'">
+          <i class="fas fa-code"></i> Source
+        </button>
+        <button class="btn-icon" title="Copy Markdown" (click)="onCopy()">
+          <i class="fas fa-copy"></i> Copy
+        </button>
+      </div>
+      <div class="markdown-content-container">
+        @if (viewMode === 'preview') {
+          <div class="markdown-preview">
+            <markdown [data]="markdownContent"></markdown>
+          </div>
+        } @else {
+          <mj-code-editor
+            [(ngModel)]="markdownContent"
+            [language]="'markdown'"
+            [readonly]="readonly"
+            style="width: 100%; height: 100%;">
+          </mj-code-editor>
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .markdown-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .markdown-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .markdown-content-container {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .markdown-preview {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n    }\n\n    .markdown-preview ::ng-deep h1 {\n      font-size: 2em;\n      margin-top: 0.67em;\n      margin-bottom: 0.67em;\n      border-bottom: 1px solid #eaecef;\n      padding-bottom: 0.3em;\n    }\n\n    .markdown-preview ::ng-deep h2 {\n      font-size: 1.5em;\n      margin-top: 0.83em;\n      margin-bottom: 0.83em;\n      border-bottom: 1px solid #eaecef;\n      padding-bottom: 0.3em;\n    }\n\n    .markdown-preview ::ng-deep code {\n      background: #f6f8fa;\n      padding: 2px 6px;\n      border-radius: 3px;\n      font-family: monospace;\n    }\n\n    .markdown-preview ::ng-deep pre {\n      background: #f6f8fa;\n      padding: 16px;\n      border-radius: 6px;\n      overflow: auto;\n    }\n\n    .markdown-preview ::ng-deep blockquote {\n      border-left: 4px solid #dfe2e5;\n      padding-left: 16px;\n      color: #6a737d;\n      margin: 0;\n    }\n\n    .markdown-preview ::ng-deep table {\n      border-collapse: collapse;\n      width: 100%;\n      margin: 16px 0;\n    }\n\n    .markdown-preview ::ng-deep th,\n    .markdown-preview ::ng-deep td {\n      border: 1px solid #dfe2e5;\n      padding: 8px 16px;\n    }\n\n    .markdown-preview ::ng-deep th {\n      background: #f6f8fa;\n      font-weight: 600;\n    }\n  "] }]
+    }], null, null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MarkdownArtifactViewerComponent, { className: "MarkdownArtifactViewerComponent", filePath: "src/lib/components/plugins/markdown-artifact-viewer.component.ts", lineNumber: 149 }); })();
+//# sourceMappingURL=markdown-artifact-viewer.component.js.map

package/dist/lib/components/plugins/markdown-artifact-viewer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/markdown-artifact-viewer.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;;;;;;IAwB5E,8BAA8B;IAC5B,+BAA8C;IAChD,iBAAM;;;IADM,cAAwB;IAAxB,6CAAwB;;;;IAGpC,0CAIqC;IAHnC,+UAA6B;IAI/B,iBAAiB;;;IAJf,sDAA6B;IAE7B,AADA,qCAAuB,6BACF;;AA7BjC;;GAEG;AA8II,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,iCAAiC;IAC7E,eAAe,GAAG,EAAE,CAAC;IACrB,QAAQ,GAAyB,SAAS,CAAC;IAElD,QAAQ;QACN,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3C,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBAC5D,OAAO,CAAC,GAAG,CAAC,gCAAgC,CAAC,CAAC;YAChD,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;yRAhBU,+BAA+B,SAA/B,+BAA+B;6DAA/B,+BAA+B;YAxIpC,AADF,AADF,8BAA2D,aAC3B,gBAE2B;YAA/B,2HAAoB,SAAS,IAAC;YACpD,uBAA0B;YAAC,yBAC7B;YAAA,iBAAS;YACT,iCACqD;YAA9B,2HAAoB,QAAQ,IAAC;YAClD,uBAA2B;YAAC,wBAC9B;YAAA,iBAAS;YACT,iCAAkE;YAAnB,4GAAS,YAAQ,IAAC;YAC/D,uBAA2B;YAAC,uBAC9B;YACF,AADE,iBAAS,EACL;YACN,+BAAwC;YAKpC,AAJF,0FAA8B,yFAIrB;YASb,AADE,iBAAM,EACF;;YA5BgC,sCAAoB;YAE7B,eAAuC;YAAvC,oDAAuC;YAIvC,eAAsC;YAAtC,mDAAsC;YAS/D,eAWC;YAXD,sDAWC;;;AAgHI,+BAA+B;IAD3C,aAAa,CAAC,iCAAiC,EAAE,8BAA8B,CAAC;GACpE,+BAA+B,CAiB3C;;iFAjBY,+BAA+B;cA7I3C,SAAS;2BACE,6BAA6B,YAC7B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;;kFA6GU,+BAA+B"}

package/dist/lib/components/plugins/svg-artifact-viewer.component.d.ts

@@ -0,0 +1,18 @@
+import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+/**
+ * Viewer component for SVG artifacts
+ */
+export declare class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    private sanitizer;
+    svgContent: string;
+    safeSvgContent: SafeHtml;
+    viewMode: 'preview' | 'source';
+    constructor(sanitizer: DomSanitizer);
+    ngOnInit(): void;
+    onCopy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SvgArtifactViewerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SvgArtifactViewerComponent, "mj-svg-artifact-viewer", never, {}, {}, never, never, false, never>;
+}
+//# sourceMappingURL=svg-artifact-viewer.component.d.ts.map

package/dist/lib/components/plugins/svg-artifact-viewer.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-artifact-viewer.component.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AAEnE,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;AAEtF;;GAEG;AACH,qBAqGa,0BAA2B,SAAQ,iCAAiC;IAKnE,OAAO,CAAC,SAAS;IAJtB,UAAU,SAAM;IAChB,cAAc,EAAE,QAAQ,CAAM;IAC9B,QAAQ,EAAE,SAAS,GAAG,QAAQ,CAAa;gBAE9B,SAAS,EAAE,YAAY;IAI3C,QAAQ,IAAI,IAAI;IAMhB,MAAM,IAAI,IAAI;yCAfH,0BAA0B;2CAA1B,0BAA0B;CAwBtC"}

package/dist/lib/components/plugins/svg-artifact-viewer.component.js

@@ -0,0 +1,129 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component } from '@angular/core';
+import { RegisterClass } from '@memberjunction/global';
+import { BaseArtifactViewerPluginComponent } from '../base-artifact-viewer.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/platform-browser";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@memberjunction/ng-code-editor";
+function SvgArtifactViewerComponent_Conditional_12_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "div", 11);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("innerHTML", ctx_r0.safeSvgContent, i0.ɵɵsanitizeHtml);
+} }
+function SvgArtifactViewerComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-code-editor", 12);
+    i0.ɵɵtwoWayListener("ngModelChange", function SvgArtifactViewerComponent_Conditional_13_Template_mj_code_editor_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.svgContent, $event) || (ctx_r0.svgContent = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.svgContent);
+    i0.ɵɵproperty("language", "xml")("readonly", ctx_r0.readonly);
+} }
+/**
+ * Viewer component for SVG artifacts
+ */
+let SvgArtifactViewerComponent = class SvgArtifactViewerComponent extends BaseArtifactViewerPluginComponent {
+    sanitizer;
+    svgContent = '';
+    safeSvgContent = '';
+    viewMode = 'preview';
+    constructor(sanitizer) {
+        super();
+        this.sanitizer = sanitizer;
+    }
+    ngOnInit() {
+        this.svgContent = this.getContent();
+        // For SVG, we use sanitize with SecurityContext.HTML (1) to allow safe rendering
+        this.safeSvgContent = this.sanitizer.sanitize(1, this.svgContent) || '';
+    }
+    onCopy() {
+        if (this.svgContent) {
+            navigator.clipboard.writeText(this.svgContent).then(() => {
+                console.log('✅ Copied SVG to clipboard');
+            }).catch(err => {
+                console.error('Failed to copy to clipboard:', err);
+            });
+        }
+    }
+    static ɵfac = function SvgArtifactViewerComponent_Factory(t) { return new (t || SvgArtifactViewerComponent)(i0.ɵɵdirectiveInject(i1.DomSanitizer)); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SvgArtifactViewerComponent, selectors: [["mj-svg-artifact-viewer"]], features: [i0.ɵɵInheritDefinitionFeature], decls: 14, vars: 6, consts: [[1, "svg-artifact-viewer", 3, "ngClass"], [1, "svg-toolbar"], ["title", "Preview", 1, "btn-icon", 3, "click"], [1, "fas", "fa-eye"], ["title", "Source", 1, "btn-icon", 3, "click"], [1, "fas", "fa-code"], ["title", "Copy SVG", 1, "btn-icon", 3, "click"], [1, "fas", "fa-copy"], [1, "svg-content-container"], [1, "svg-preview"], [2, "width", "100%", "height", "100%", 3, "ngModel", "language", "readonly"], [1, "svg-wrapper", 3, "innerHTML"], [2, "width", "100%", "height", "100%", 3, "ngModelChange", "ngModel", "language", "readonly"]], template: function SvgArtifactViewerComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "div", 0)(1, "div", 1)(2, "button", 2);
+            i0.ɵɵlistener("click", function SvgArtifactViewerComponent_Template_button_click_2_listener() { return ctx.viewMode = "preview"; });
+            i0.ɵɵelement(3, "i", 3);
+            i0.ɵɵtext(4, " Preview ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "button", 4);
+            i0.ɵɵlistener("click", function SvgArtifactViewerComponent_Template_button_click_5_listener() { return ctx.viewMode = "source"; });
+            i0.ɵɵelement(6, "i", 5);
+            i0.ɵɵtext(7, " Source ");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "button", 6);
+            i0.ɵɵlistener("click", function SvgArtifactViewerComponent_Template_button_click_8_listener() { return ctx.onCopy(); });
+            i0.ɵɵelement(9, "i", 7);
+            i0.ɵɵtext(10, " Copy ");
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "div", 8);
+            i0.ɵɵtemplate(12, SvgArtifactViewerComponent_Conditional_12_Template, 2, 1, "div", 9)(13, SvgArtifactViewerComponent_Conditional_13_Template, 1, 3, "mj-code-editor", 10);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("ngClass", ctx.cssClass);
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassProp("active", ctx.viewMode === "preview");
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassProp("active", ctx.viewMode === "source");
+            i0.ɵɵadvance(7);
+            i0.ɵɵconditional(ctx.viewMode === "preview" ? 12 : 13);
+        } }, dependencies: [i2.NgClass, i3.NgControlStatus, i3.NgModel, i4.CodeEditorComponent], styles: [".svg-artifact-viewer[_ngcontent-%COMP%] {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .svg-toolbar[_ngcontent-%COMP%] {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon[_ngcontent-%COMP%] {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon[_ngcontent-%COMP%]:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active[_ngcontent-%COMP%] {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .svg-content-container[_ngcontent-%COMP%] {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .svg-preview[_ngcontent-%COMP%] {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .svg-wrapper[_ngcontent-%COMP%] {\n      max-width: 100%;\n      max-height: 100%;\n    }\n\n    .svg-wrapper[_ngcontent-%COMP%]     svg {\n      max-width: 100%;\n      max-height: 100%;\n      height: auto;\n    }"] });
+};
+SvgArtifactViewerComponent = __decorate([
+    RegisterClass(BaseArtifactViewerPluginComponent, 'SvgArtifactViewerPlugin')
+], SvgArtifactViewerComponent);
+export { SvgArtifactViewerComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SvgArtifactViewerComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-svg-artifact-viewer', template: `
+    <div class="svg-artifact-viewer" [ngClass]="cssClass">
+      <div class="svg-toolbar">
+        <button class="btn-icon" [class.active]="viewMode === 'preview'"
+                title="Preview" (click)="viewMode = 'preview'">
+          <i class="fas fa-eye"></i> Preview
+        </button>
+        <button class="btn-icon" [class.active]="viewMode === 'source'"
+                title="Source" (click)="viewMode = 'source'">
+          <i class="fas fa-code"></i> Source
+        </button>
+        <button class="btn-icon" title="Copy SVG" (click)="onCopy()">
+          <i class="fas fa-copy"></i> Copy
+        </button>
+      </div>
+      <div class="svg-content-container">
+        @if (viewMode === 'preview') {
+          <div class="svg-preview">
+            <div class="svg-wrapper" [innerHTML]="safeSvgContent"></div>
+          </div>
+        } @else {
+          <mj-code-editor
+            [(ngModel)]="svgContent"
+            [language]="'xml'"
+            [readonly]="readonly"
+            style="width: 100%; height: 100%;">
+          </mj-code-editor>
+        }
+      </div>
+    </div>
+  `, styles: ["\n    .svg-artifact-viewer {\n      display: flex;\n      flex-direction: column;\n      height: 100%;\n    }\n\n    .svg-toolbar {\n      display: flex;\n      justify-content: flex-end;\n      align-items: center;\n      gap: 8px;\n      padding: 8px;\n      background: #f5f5f5;\n      border-bottom: 1px solid #ddd;\n    }\n\n    .btn-icon {\n      padding: 6px 12px;\n      background: white;\n      border: 1px solid #ccc;\n      border-radius: 4px;\n      cursor: pointer;\n      font-size: 12px;\n      display: flex;\n      align-items: center;\n      gap: 6px;\n    }\n\n    .btn-icon:hover {\n      background: #e9ecef;\n      border-color: #999;\n    }\n\n    .btn-icon.active {\n      background: #007acc;\n      color: white;\n      border-color: #007acc;\n    }\n\n    .svg-content-container {\n      flex: 1;\n      overflow: auto;\n    }\n\n    .svg-preview {\n      padding: 20px;\n      background: white;\n      height: 100%;\n      overflow: auto;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    .svg-wrapper {\n      max-width: 100%;\n      max-height: 100%;\n    }\n\n    .svg-wrapper ::ng-deep svg {\n      max-width: 100%;\n      max-height: 100%;\n      height: auto;\n    }\n  "] }]
+    }], () => [{ type: i1.DomSanitizer }], null); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SvgArtifactViewerComponent, { className: "SvgArtifactViewerComponent", filePath: "src/lib/components/plugins/svg-artifact-viewer.component.ts", lineNumber: 110 }); })();
+//# sourceMappingURL=svg-artifact-viewer.component.js.map

package/dist/lib/components/plugins/svg-artifact-viewer.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"svg-artifact-viewer.component.js","sourceRoot":"","sources":["../../../../src/lib/components/plugins/svg-artifact-viewer.component.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,iCAAiC,EAAE,MAAM,mCAAmC,CAAC;;;;;;;IAwB5E,8BAAyB;IACvB,0BAA4D;IAC9D,iBAAM;;;IADqB,cAA4B;IAA5B,oEAA4B;;;;IAGvD,0CAIqC;IAHnC,gUAAwB;IAI1B,iBAAiB;;;IAJf,iDAAwB;IAExB,AADA,gCAAkB,6BACG;;AA7BjC;;GAEG;AAsGI,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,iCAAiC;IAK3D;IAJb,UAAU,GAAG,EAAE,CAAC;IAChB,cAAc,GAAa,EAAE,CAAC;IAC9B,QAAQ,GAAyB,SAAS,CAAC;IAElD,YAAoB,SAAuB;QACzC,KAAK,EAAE,CAAC;QADU,cAAS,GAAT,SAAS,CAAc;IAE3C,CAAC;IAED,QAAQ;QACN,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC;QACpC,iFAAiF;QACjF,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;IAC1E,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;gBACvD,OAAO,CAAC,GAAG,CAAC,2BAA2B,CAAC,CAAC;YAC3C,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;gBACb,OAAO,CAAC,KAAK,CAAC,8BAA8B,EAAE,GAAG,CAAC,CAAC;YACrD,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;oFAvBU,0BAA0B;6DAA1B,0BAA0B;YAhG/B,AADF,AADF,8BAAsD,aAC3B,gBAEgC;YAA/B,sHAAoB,SAAS,IAAC;YACpD,uBAA0B;YAAC,yBAC7B;YAAA,iBAAS;YACT,iCACqD;YAA9B,sHAAoB,QAAQ,IAAC;YAClD,uBAA2B;YAAC,wBAC9B;YAAA,iBAAS;YACT,iCAA6D;YAAnB,uGAAS,YAAQ,IAAC;YAC1D,uBAA2B;YAAC,uBAC9B;YACF,AADE,iBAAS,EACL;YACN,+BAAmC;YAK/B,AAJF,qFAA8B,oFAIrB;YASb,AADE,iBAAM,EACF;;YA5B2B,sCAAoB;YAExB,eAAuC;YAAvC,oDAAuC;YAIvC,eAAsC;YAAtC,mDAAsC;YAS/D,eAWC;YAXD,sDAWC;;;AAwEI,0BAA0B;IADtC,aAAa,CAAC,iCAAiC,EAAE,yBAAyB,CAAC;GAC/D,0BAA0B,CAwBtC;;iFAxBY,0BAA0B;cArGtC,SAAS;2BACE,wBAAwB,YACxB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BT;;kFAqEU,0BAA0B"}

package/dist/lib/interfaces/artifact-viewer-plugin.interface.d.ts

@@ -0,0 +1,44 @@
+import { Type } from '@angular/core';
+import { ArtifactVersionEntity } from '@memberjunction/core-entities';
+/**
+ * Interface for artifact viewer plugins.
+ * All artifact viewer plugins must implement this interface and be registered
+ * with @RegisterClass decorator from @memberjunction/global.
+ */
+export interface IArtifactViewerPlugin {
+    /**
+     * The Angular component class that will be dynamically loaded to render the artifact.
+     * Must be a component type that accepts artifact input.
+     */
+    readonly componentType: Type<any>;
+    /**
+     * Determines if this plugin can handle the given artifact type and content type.
+     * @param artifactTypeName The artifact type name (e.g., 'JSON', 'Code', etc.)
+     * @param contentType The content type (e.g., 'application/json', 'text/x-python', etc.)
+     * @returns true if this plugin can render the artifact
+     */
+    canHandle(artifactTypeName: string, contentType?: string): boolean;
+    /**
+     * Optional: Get display metadata for the artifact (title, icon, etc.)
+     * @param artifactVersion The artifact version to get metadata for
+     * @returns Display metadata object
+     */
+    getMetadata?(artifactVersion: ArtifactVersionEntity): ArtifactMetadata;
+}
+/**
+ * Metadata about an artifact for display purposes
+ */
+export interface ArtifactMetadata {
+    title?: string;
+    icon?: string;
+    description?: string;
+    additionalInfo?: Record<string, any>;
+}
+/**
+ * Base interface that all artifact viewer components must implement.
+ * The component receives the artifact version as an input.
+ */
+export interface IArtifactViewerComponent {
+    artifactVersion: ArtifactVersionEntity;
+}
+//# sourceMappingURL=artifact-viewer-plugin.interface.d.ts.map

package/dist/lib/interfaces/artifact-viewer-plugin.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-viewer-plugin.interface.d.ts","sourceRoot":"","sources":["../../../src/lib/interfaces/artifact-viewer-plugin.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACrC,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAC;AAEtE;;;;GAIG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAElC;;;;;OAKG;IACH,SAAS,CAAC,gBAAgB,EAAE,MAAM,EAAE,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEnE;;;;OAIG;IACH,WAAW,CAAC,CAAC,eAAe,EAAE,qBAAqB,GAAG,gBAAgB,CAAC;CACxE;AAED;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,wBAAwB;IACvC,eAAe,EAAE,qBAAqB,CAAC;CACxC"}

package/dist/lib/interfaces/artifact-viewer-plugin.interface.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=artifact-viewer-plugin.interface.js.map

package/dist/lib/interfaces/artifact-viewer-plugin.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"artifact-viewer-plugin.interface.js","sourceRoot":"","sources":["../../../src/lib/interfaces/artifact-viewer-plugin.interface.ts"],"names":[],"mappings":""}

package/dist/public-api.d.ts

@@ -0,0 +1,14 @@
+export * from './lib/artifacts.module';
+export * from './lib/interfaces/artifact-viewer-plugin.interface';
+export * from './lib/components/base-artifact-viewer.component';
+export * from './lib/components/artifact-type-plugin-viewer.component';
+export * from './lib/components/artifact-viewer-panel.component';
+export * from './lib/components/artifact-version-history.component';
+export * from './lib/components/artifact-message-card.component';
+export * from './lib/components/plugins/json-artifact-viewer.component';
+export * from './lib/components/plugins/code-artifact-viewer.component';
+export * from './lib/components/plugins/markdown-artifact-viewer.component';
+export * from './lib/components/plugins/html-artifact-viewer.component';
+export * from './lib/components/plugins/svg-artifact-viewer.component';
+export * from './lib/components/plugins/component-artifact-viewer.component';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAKA,cAAc,wBAAwB,CAAC;AAGvC,cAAc,mDAAmD,CAAC;AAGlE,cAAc,iDAAiD,CAAC;AAGhE,cAAc,wDAAwD,CAAC;AAGvE,cAAc,kDAAkD,CAAC;AACjE,cAAc,qDAAqD,CAAC;AACpE,cAAc,kDAAkD,CAAC;AAGjE,cAAc,yDAAyD,CAAC;AACxE,cAAc,yDAAyD,CAAC;AACxE,cAAc,6DAA6D,CAAC;AAC5E,cAAc,yDAAyD,CAAC;AACxE,cAAc,wDAAwD,CAAC;AACvE,cAAc,8DAA8D,CAAC"}