@quandis/qbo4.configuration 4.0.1-CI-20240611-143233 → 4.0.1-CI-20240613-150623

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@quandis/qbo4.configuration",
-  "version": "4.0.1-CI-20240611-143233",
+  "version": "4.0.1-CI-20240613-150623",
   "type": "module",
   "types": "./src/Program.d.ts",
   "exports": {

package/readme.md

@@ -207,16 +207,17 @@ When the `ctrl-dblclick` event is triggered, a dialog will open, presenting the
 ---
 **Edit Template**
 
-| default &#8595; | <- *a datalist of available templates*
+[ default &#8595; ] <- *a datalist of available templates*
 
 ```html
 1 <input name="first" placeholder="First name" value="${component.jsonData.Contact.First]}"/>
 2 <input name="middle" placeholder="Middle name" value="${component.jsonData.Contact.Middle]}"/>
 3 <input name="last" placeholder="Last name" value="${component.jsonData.Contact.Last}"/>
 ```
-
 ^ *an editor for editing the rendering function*
 
+[ *Ask AI to code...* ]
+
 [ Save ] [ Cancel ]
 
 ---
@@ -224,9 +225,10 @@ When the `ctrl-dblclick` event is triggered, a dialog will open, presenting the
 Feature include:
 
 - As the power user modifies the template, the underlying UI will update in real-time.
-- Any syntax errors will be trapped and displayed in the editor
+  - Any syntax errors will be trapped and displayed in the editor
 - The editor can be dragged and resized as needed
 - The `type` at the top can be selected from a `datalist`, and new types can be entered.
+- The `Ask AI to code...` input will apply Generative AI to modify the code as you describe.
 - Clicking `Save` will save the template in configuration (server-side), and be available for use.
 - Clicking `Cancel` will discard any changes, reverting to the original rendering.
 
@@ -260,4 +262,3 @@ As with all qbo-based configuration, enable and test in a lower environment befo
 - create a GUI designer that detects available web components via DI
 - propagate changes to a components `type` property to parent components
   - if a user creates a new `type` of an address control called `streetview`, and the address control is part of a property control, save the property control such that it uses `<qbo-address type="streetview">`
-- add AI modifications to the default editor

package/scss/qbo-configuration.scss

@@ -1,6 +1,6 @@
 @import "../node_modules/bootstrap/scss/bootstrap";
 
-.popup-editor {
+.qbo-code {
     position: fixed;
     top: 100px;
     left: 100px;
@@ -15,39 +15,45 @@
     overflow: auto;
 }
 
-.popup-editor header {
+.qbo-code header {
     /*background: #f0f0f0;
     padding: 10px;*/
     cursor: move;
     @extend .modal-header;
 }
 
-.popup-editor section {
+.qbo-code section {
     /*padding: 10px;*/
     @extend .modal-body;
 }
 
-.popup-editor footer {
+.qbo-code footer {
     @extend .modal-footer;
 }
 
-.popup-editor input {
+.qbo-code input {
     @extend .form-control;
 }
 
-.popup-editor button {
+.qbo-code button {
     @extend .btn;
 }
-.popup-editor button[type="submit"] 
+.qbo-code button[type="submit"] 
 {
     @extend .btn-primary;
 }
 
-.popup-editor button[type="reset"] {
+.qbo-code button[type="reset"] {
     @extend .btn-light;
 }
 
-/*.popup-editor .resize-handle {
+.working {
+    @extend .alert-success;
+    opacity: 1;
+    cursor: not-allowed;
+}
+
+/*.qbo-code .resize-handle {
     @extend .modal-footer;
 }*/
 .error {

package/src/qbo-template.js

@@ -51,6 +51,7 @@ export const QboTemplateMixin = (superClass) => {
             this.map = undefined;
             this.editor = null;
             this.editorType = this.type;
+            this.editorCoding = false;
         }
         async connectedCallback() {
             super.connectedCallback();
@@ -81,20 +82,20 @@ export const QboTemplateMixin = (superClass) => {
             window.removeEventListener('mouseup', this._onMouseUp.bind(this));
         }
         _onMouseDown(event) {
-            if (!event.target.closest('.popup-editor header'))
+            if (!event.target.closest('.qbo-code header'))
                 return;
             this.dragging = true;
-            const editor = this.shadowRoot?.querySelector('.popup-editor');
+            const editor = this.shadowRoot?.querySelector('.qbo-code');
             if (editor) {
                 this.offsetX = event.clientX - editor.getBoundingClientRect().left;
                 this.offsetY = event.clientY - editor.getBoundingClientRect().top;
             }
         }
         _onResizeMouseDown(event) {
-            if (!event.target.closest('.popup-editor .resize-handle'))
+            if (!event.target.closest('.qbo-code .resize-handle'))
                 return;
             this.resizing = true;
-            const editor = this.shadowRoot?.querySelector('.popup-editor');
+            const editor = this.shadowRoot?.querySelector('.qbo-code');
             if (editor) {
                 this.startWidth = editor.offsetWidth;
                 this.startHeight = editor.offsetHeight;
@@ -104,7 +105,7 @@ export const QboTemplateMixin = (superClass) => {
         }
         _onMouseMove(event) {
             if (this.dragging) {
-                const editor = this.shadowRoot?.querySelector('.popup-editor');
+                const editor = this.shadowRoot?.querySelector('.qbo-code');
                 const x = event.clientX - this.offsetX;
                 const y = event.clientY - this.offsetY;
                 if (editor) {
@@ -113,7 +114,7 @@ export const QboTemplateMixin = (superClass) => {
                 }
             }
             else if (this.resizing) {
-                const editor = this.shadowRoot?.querySelector('.popup-editor');
+                const editor = this.shadowRoot?.querySelector('.qbo-code');
                 if (editor) {
                     editor.style.width = `${this.startWidth + (event.clientX - this.offsetX)}px`;
                     editor.style.height = `${this.startHeight + (event.clientY - this.offsetY)}px`;
@@ -158,6 +159,36 @@ export const QboTemplateMixin = (superClass) => {
             });
             return keys.map(key => ({ label: key, type: 'variable' }));
         }
+        _isSerializable(value) {
+            if (typeof value === 'function' || typeof value === 'undefined') {
+                return false;
+            }
+            try {
+                JSON.stringify(value);
+            }
+            catch (error) {
+                return false;
+            }
+            return true;
+        }
+        getComponent() {
+            let json = {};
+            const ownProperties = new Set(Object.keys(this));
+            // Filter properties to exclude those defined by the base class
+            ownProperties.forEach(prop => {
+                if (prop.startsWith('_'))
+                    return;
+                if (prop === 'constructor'
+                    || prop === 'shadowRoot'
+                    || prop === 'renderOptions'
+                    || prop === 'renderRoot'
+                    || prop === 'editor'
+                    || typeof this[prop] === 'function')
+                    return;
+                json[prop] = this[prop];
+            });
+            return json;
+        }
         async loadScript(prefix) {
             if (!scriptCache[prefix]) {
                 scriptCache[prefix] = this.fetchScript(prefix);
@@ -256,10 +287,10 @@ export const QboTemplateMixin = (superClass) => {
             }
         }
         edit() {
-            this.testTemplate ??= this.type ? this.map?.get(this.type) : this.defaultTemplate;
+            this.testTemplate ??= this.map?.get(this.type) ?? this.defaultTemplate;
             const id = Math.random().toString(36).substring(2, 15);
             return html `
-<dialog class="popup-editor" open>
+<dialog class="qbo-code" open>
     <header>
         <h5>Edit Template</h5>
     </header>
@@ -271,7 +302,8 @@ export const QboTemplateMixin = (superClass) => {
         <div class="editor"></div>
         ${this.editorError ? html `<hr/><span class="error">${this.editorError.message}<span>` : html ``}
     </section>
-    <footer >
+    <footer>
+        <input @change=${this.code} ?disabled="${this.editorCoding}" class="${this.editorCoding ? 'working' : ''}" placeholder="Ask AI to code..." />
         <button type="submit" @click=${this.save}>Save</button>
         <button type="reset" @click=${this.cancel}>Cancel</button>
     </footer>
@@ -302,6 +334,37 @@ export const QboTemplateMixin = (superClass) => {
                 throw e;
             }
         }
+        async code(event) {
+            try {
+                if (this.editor == null)
+                    return;
+                this.editorCoding = true;
+                const prompt = event.target?.value;
+                const response = await fetch(`${this.templateEndpoint}/code`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        'HtmlTemplate': this.editor.state.doc.toString(),
+                        'Component': this.getComponent(),
+                        'Prompt': prompt
+                    })
+                });
+                this.editorCoding = false;
+                if (response.ok) {
+                    const html = await response.text();
+                    this.editor.dispatch({
+                        changes: { from: 0, to: this.editor.state.doc.length, insert: html }
+                    });
+                    return;
+                }
+                else
+                    throw new Error(`Failed to generate code: ${response.statusText}`);
+            }
+            catch (e) {
+                this.editorCoding = false;
+                throw e;
+            }
+        }
         render() {
             let template = this.defaultTemplate;
             if (this.type && this.map?.has(this.type))
@@ -344,6 +407,10 @@ export const QboTemplateMixin = (superClass) => {
         property({ attribute: false }),
         __metadata("design:type", Object)
     ], QboTemplateClass.prototype, "map", void 0);
+    __decorate([
+        property({ attribute: false }),
+        __metadata("design:type", Boolean)
+    ], QboTemplateClass.prototype, "editorCoding", void 0);
     ;
     return QboTemplateClass;
 };

package/src/qbo-template.js.map

@@ -1 +1 @@
-{"version":3,"file":"qbo-template.js","sourceRoot":"","sources":["qbo-template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"qbo-template.js","sourceRoot":"","sources":["qbo-template.ts"],"names":[],"mappings":"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"}

package/src/qbo-template.ts

@@ -5,6 +5,8 @@ import { basicSetup } from "codemirror"
 import { EditorView, keymap } from "@codemirror/view"
 import { html as htmlcode } from "@codemirror/lang-html"
 import { indentWithTab } from "@codemirror/commands"
+import { ChangeSpec } from "@codemirror/state";
+
 import { autocompletion, completeFromList } from '@codemirror/autocomplete';
 import { configurationCss } from './styles.js';
 
@@ -76,6 +78,9 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
         editor: EditorView | null = null;
         editorType: string | null = this.type;
 
+        @property({ attribute: false })
+        editorCoding: boolean = false;
+
 
         constructor(...args: any[]) {
             super(...args);
@@ -112,9 +117,9 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
         }
 
         _onMouseDown(event) {
-            if (!event.target.closest('.popup-editor header')) return;
+            if (!event.target.closest('.qbo-code header')) return;
             this.dragging = true;
-            const editor = this.shadowRoot?.querySelector('.popup-editor');
+            const editor = this.shadowRoot?.querySelector('.qbo-code');
             if (editor) {
                 this.offsetX = event.clientX - editor.getBoundingClientRect().left;
                 this.offsetY = event.clientY - editor.getBoundingClientRect().top;
@@ -122,9 +127,9 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
         }
 
         _onResizeMouseDown(event) {
-            if (!event.target.closest('.popup-editor .resize-handle')) return;
+            if (!event.target.closest('.qbo-code .resize-handle')) return;
             this.resizing = true;
-            const editor = this.shadowRoot?.querySelector('.popup-editor') as HTMLElement;
+            const editor = this.shadowRoot?.querySelector('.qbo-code') as HTMLElement;
             if (editor) {
                 this.startWidth = editor.offsetWidth;
                 this.startHeight = editor.offsetHeight;
@@ -135,7 +140,7 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
 
         _onMouseMove(event) {
             if (this.dragging) {
-                const editor = this.shadowRoot?.querySelector('.popup-editor') as HTMLElement;
+                const editor = this.shadowRoot?.querySelector('.qbo-code') as HTMLElement;
                 const x = event.clientX - this.offsetX;
                 const y = event.clientY - this.offsetY;
                 if (editor) {
@@ -143,7 +148,7 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
                     editor.style.top = `${y}px`;
                 }
             } else if (this.resizing) {
-                const editor = this.shadowRoot?.querySelector('.popup-editor') as HTMLElement;
+                const editor = this.shadowRoot?.querySelector('.qbo-code') as HTMLElement;
                 if (editor) {
                     editor.style.width = `${this.startWidth + (event.clientX - this.offsetX)}px`;
                     editor.style.height = `${this.startHeight + (event.clientY - this.offsetY)}px`;
@@ -192,6 +197,39 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
             return keys.map(key => ({ label: key, type: 'variable' }));
         }
 
+
+        _isSerializable(value) {
+            if (typeof value === 'function' || typeof value === 'undefined') {
+                return false;
+            }
+
+            try {
+                JSON.stringify(value);
+            } catch (error) {
+                return false;
+            }
+            return true;
+        }
+
+        getComponent(): object {
+            let json = {};
+
+            const ownProperties = new Set(Object.keys(this));
+
+            // Filter properties to exclude those defined by the base class
+            ownProperties.forEach(prop => {
+                if (prop.startsWith('_')) return;
+                if (prop === 'constructor'
+                    || prop === 'shadowRoot'
+                    || prop === 'renderOptions'
+                    || prop === 'renderRoot'
+                    || prop === 'editor'
+                    || typeof this[prop] === 'function') return;
+                json[prop] = this[prop];
+            });
+            return json;
+        }
+
         async loadScript(prefix: string): Promise<void> {
             if (!scriptCache[prefix]) {
                 scriptCache[prefix] = this.fetchScript(prefix);
@@ -302,10 +340,10 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
         }
 
         edit() {
-            this.testTemplate ??= this.type ? this.map?.get(this.type) as TemplateFunction : this.defaultTemplate;
+            this.testTemplate ??= this.map?.get(this.type!) as TemplateFunction ?? this.defaultTemplate;
             const id = Math.random().toString(36).substring(2, 15);
             return html`
-<dialog class="popup-editor" open>
+<dialog class="qbo-code" open>
     <header>
         <h5>Edit Template</h5>
     </header>
@@ -317,7 +355,8 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
         <div class="editor"></div>
         ${this.editorError ? html`<hr/><span class="error">${this.editorError.message}<span>` : html``}
     </section>
-    <footer >
+    <footer>
+        <input @change=${this.code} ?disabled="${this.editorCoding}" class="${this.editorCoding ? 'working' : ''}" placeholder="Ask AI to code..." />
         <button type="submit" @click=${this.save}>Save</button>
         <button type="reset" @click=${this.cancel}>Cancel</button>
     </footer>
@@ -349,6 +388,37 @@ export const QboTemplateMixin = <T extends Constructor<LitElement>>(superClass:
             }
         }
 
+        async code(event: Event) {
+            try {
+                if (this.editor == null) return;
+                this.editorCoding = true;
+                const prompt = (event.target as HTMLInputElement)?.value;
+                const response = await fetch(`${this.templateEndpoint}/code`, {
+                    method: 'POST',
+                    headers: { 'Content-Type': 'application/json' },
+                    body: JSON.stringify({
+                        'HtmlTemplate': this.editor.state.doc.toString(),
+                        'Component': this.getComponent(),
+                        'Prompt': prompt
+                    })
+                });
+                this.editorCoding = false;
+
+                if (response.ok) {
+                    const html = await response.text();
+                    this.editor.dispatch({
+                        changes: { from: 0, to: this.editor.state.doc.length, insert: html }
+                    });
+                    return;
+                } else 
+                    throw new Error(`Failed to generate code: ${response.statusText}`);
+            } catch (e) {
+                this.editorCoding = false;
+                throw e;
+            }
+
+        }
+
         render() {
             let template = this.defaultTemplate;
             if (this.type && this.map?.has(this.type))