add CodeEditor control

snootched · Jan 5, 2025 · 3b95c65 · 3b95c65
1 parent 4f8abea
commit 3b95c65
Show file tree

Hide file tree

Showing 3 changed files with 23 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ha-editor-formbuilder-yaml",
-  "version": "2025.01.2-beta.3",
+  "version": "2025.01.2-beta.4",
   "description": "A reimplementation of ha-editor-formbuilder - supporting YAML configuration of HA Selector controls, conditional expresssions, and more.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

diff --git a/src/controls.ts b/src/controls.ts
@@ -133,6 +133,21 @@ export function generateControl(control: AnyControl, card: EditorForm){
                 </div>
                 `;
 
+        case 'CodeEditor':
+            return html`
+                <div class="form-control">
+                    <ha-code-editor
+                        .hass=${card._hass}
+                        .value=${getNestedProperty(card._config, control.configValue)}
+                        .label=${control.label}
+                        .helper=${control.helper}
+                        .mode=${control.mode}
+                        .disabled=${isDisabled}
+                        .required=${isRequired}
+                        @value-changed=${card._valueChanged}
+                    ></ha-code-editor>
+                </div>
+            `;
         case 'Filler':
             return html`<div class="form-control"></div>`;
 

diff --git a/src/interfaces.ts b/src/interfaces.ts
@@ -78,6 +78,11 @@ export interface ColorPreviewControl extends Control {
   configValue: string;
 }
 
+export interface CodeEditorControl extends Control {
+  type: 'CodeEditor';
+  mode: string;
+}
+
 export interface ControlRow {
     label?: string;
     type?: string;
@@ -118,7 +123,8 @@ export type AnyControl =
     | RawHTMLControl
     | DividerControl
     | FillerControl
-    | ColorPreviewControl;
+    | ColorPreviewControl
+    | CodeEditorControl;
 
 export function isSection(row: ControlRow | Section): row is Section {
     return row.type === 'Section';