From 7b67ea7e663837b31660207d032e131b0cbd97fd Mon Sep 17 00:00:00 2001
From: Carson-Shaar <carson.shaar@zero-true.com>
Date: Mon, 18 Sep 2023 16:33:51 -0400
Subject: [PATCH 1/3] Slider runs, Delete Cell, Origin Id in run code

---
 zt_backend/models/__init__.py                |  4 +--
 zt_backend/models/components/slider.py       |  2 +-
 zt_backend/models/components/zt_component.py |  2 +-
 zt_backend/models/generate_schema.py         |  3 ++-
 zt_backend/models/request.py                 | 25 +++++------------
 zt_backend/router.py                         | 12 ++++++++-
 zt_frontend/src/App.vue                      | 24 +++++++++++++----
 zt_frontend/src/components/CodeComponent.vue | 23 +++++++++-------
 zt_frontend/src/types/component_request.d.ts | 15 +++++++++++
 zt_frontend/src/types/delete_request.d.ts    | 13 +++++++++
 zt_frontend/src/types/request.d.ts           |  2 ++
 zt_schema/component_request.json             | 28 ++++++++++++++++++++
 zt_schema/delete_request.json                | 13 +++++++++
 zt_schema/notebook.json                      |  2 +-
 zt_schema/request.json                       |  5 ++++
 zt_schema/response.json                      |  2 +-
 zt_schema/slider.json                        |  2 +-
 17 files changed, 135 insertions(+), 42 deletions(-)
 create mode 100644 zt_frontend/src/types/component_request.d.ts
 create mode 100644 zt_frontend/src/types/delete_request.d.ts
 create mode 100644 zt_schema/component_request.json
 create mode 100644 zt_schema/delete_request.json

diff --git a/zt_backend/models/__init__.py b/zt_backend/models/__init__.py
index 7bedb9e8..9279bab7 100644
--- a/zt_backend/models/__init__.py
+++ b/zt_backend/models/__init__.py
@@ -1,6 +1,6 @@
-from .request import Request
+from .request import Request, ComponentRequest, DeleteRequest
 from .response import Response
 from .notebook import Notebook
 from .components.slider import Slider
 
-__all__ = ['Request', 'Response', 'Slider', 'Notebook']
\ No newline at end of file
+__all__ = ['Request', 'Response', 'Slider', 'Notebook', 'ComponentRequest', 'DeleteRequest']
\ No newline at end of file
diff --git a/zt_backend/models/components/slider.py b/zt_backend/models/components/slider.py
index a380317a..2d03726d 100644
--- a/zt_backend/models/components/slider.py
+++ b/zt_backend/models/components/slider.py
@@ -24,7 +24,7 @@ def validate_color(cls, color):
     
     @field_validator('value')
     def get_value_from_global_state(cls, value, values):
-        id = values.get('id')  # Get the id if it exists in the field values
+        id = values.data['id']  # Get the id if it exists in the field values
         try:
             if id and id in component_values:  # Check if id exists in global_state
                 return component_values[id]  # Return the value associated with id in global_state
diff --git a/zt_backend/models/components/zt_component.py b/zt_backend/models/components/zt_component.py
index 90db5bc1..84b213d6 100644
--- a/zt_backend/models/components/zt_component.py
+++ b/zt_backend/models/components/zt_component.py
@@ -5,7 +5,7 @@ class ZTComponent(BaseModel):
     id: str = Field(description="Unique id for a component")
     variable_name: str = Field('fake', description="Optional variable name associated with a component")
 
-    @field_validator('id',mode='before')
+    @field_validator('id', mode='before')
     def validate_unique_component_id(cls, id):
         if context_globals['exec_mode'] and id in created_components:
             raise Exception("Component ID is not unique")
diff --git a/zt_backend/models/generate_schema.py b/zt_backend/models/generate_schema.py
index 190fb70a..e32c6683 100644
--- a/zt_backend/models/generate_schema.py
+++ b/zt_backend/models/generate_schema.py
@@ -1,5 +1,4 @@
 from zt_backend.models import *
-from fastapi.encoders import jsonable_encoder
 import json
 
 def generate_json(model, name):
@@ -8,6 +7,8 @@ def generate_json(model, name):
 
 def generate_schema():
     generate_json(Request, 'request')
+    generate_json(ComponentRequest, 'component_request')
+    generate_json(DeleteRequest, 'delete_request')
     generate_json(Response, 'response')
     generate_json(Slider, 'slider')
     generate_json(Notebook, 'notebook')
diff --git a/zt_backend/models/request.py b/zt_backend/models/request.py
index 17dfb2dc..461ce12b 100644
--- a/zt_backend/models/request.py
+++ b/zt_backend/models/request.py
@@ -1,28 +1,15 @@
 from pydantic import BaseModel
 from typing import List, Dict, Union
-from zt_backend.models.components.slider import Slider
-from zt_backend.models.components.zt_component import ZTComponent
-
-# def deserialize_component(data: Dict[str, Any]) -> ZTComponent:
-#     component_map = {
-#         "v-slider": Slider,
-#         # add other component types here
-#     }
-#     component_class = data.get("component")
-#     if component_class not in component_map:
-#         raise ValueError(f"Invalid component class: {component_class}")
-#     return component_map[component_class].model_validate(data)
 
 class CodeRequest(BaseModel):
     id: str
     code: str
 
-
 class Request(BaseModel):
+    originId: str
     cells: List[CodeRequest]
     components: Dict[str, Union[str, bool, int]]
 
-
 class Cell(BaseModel):
     code: str
     defined_names: List[str]
@@ -34,9 +21,9 @@ class Cell(BaseModel):
 class CodeDict(BaseModel):
     cells: Dict[str, Cell]
 
+class ComponentRequest(BaseModel):
+    componentId: str
+    componentValue: Union[str, bool, int]
 
-    # @root_validator(pre=True)
-    # def deserialize_components(cls, values):
-    #     components = values.get('components', [])
-    #     values['components'] = [deserialize_component(comp) for comp in components]
-    #     return values
\ No newline at end of file
+class DeleteRequest(BaseModel):
+    cellId: str
diff --git a/zt_backend/router.py b/zt_backend/router.py
index bb16bd02..5e6becc5 100644
--- a/zt_backend/router.py
+++ b/zt_backend/router.py
@@ -29,6 +29,10 @@ def runcode(request: request.Request):
     globalStateUpdate(run_response=response)
     return response
 
+@router.post("/api/component_run")
+def runcode(request: request.ComponentRequest):
+    print(request)
+
 @router.post("/api/create_cell")
 def create_cell():
      createdCell = notebook.CodeCell(
@@ -41,6 +45,10 @@ def create_cell():
      globalStateUpdate(newCell=createdCell)
      return createdCell
 
+@router.post("/api/delete_cell")
+def delete_cell(deleteRequest: request.DeleteRequest):
+     globalStateUpdate(deletedCell=deleteRequest.cellId)
+
 @router.get("/api/notebook")
 def get_notebook():
     return get_notebook()
@@ -50,10 +58,12 @@ def get_notebook():
         notebook_data = toml.load(project_file)
     return notebook.Notebook(**notebook_data)
 
-def globalStateUpdate(newCell: notebook.CodeCell=None, run_request: request.Request=None, run_response: response.Response=None):
+def globalStateUpdate(newCell: notebook.CodeCell=None, deletedCell: str=None, run_request: request.Request=None, run_response: response.Response=None):
     zt_notebook = get_notebook()
     if newCell is not None:
         zt_notebook.cells[newCell.id] = newCell
+    if deletedCell is not None:
+        del zt_notebook.cells[deletedCell]
     if run_request is not None:
         for requestCell in run_request.cells:
             zt_notebook.cells[requestCell.id].code = requestCell.code
diff --git a/zt_frontend/src/App.vue b/zt_frontend/src/App.vue
index 4f7be86f..4ebf161c 100644
--- a/zt_frontend/src/App.vue
+++ b/zt_frontend/src/App.vue
@@ -10,11 +10,13 @@
       <v-container v-for="codeCell in notebook.cells" >
         <CodeComponent 
           :cellData = codeCell
-          @runCode="runCode"/>
+          @runCode="runCode"
+          @componentValueChange="componentValueChange"
+          @deleteCell="deleteCell"/>
       </v-container>
       <v-toolbar color="secondary">
         <v-btn small color="primary" @click="createCodeCell">Add Code Cell</v-btn>
-        <v-spacer></v-spacer>
+        <v-spacer/>
         <v-btn small color="primary">Add Markdown Cell</v-btn>
       </v-toolbar>
     </v-main>
@@ -25,6 +27,8 @@
 <script lang="ts">
 import axios from 'axios';
 import { Request, CodeRequest } from './types/request';
+import { ComponentRequest } from './types/component_request';
+import { DeleteRequest } from './types/delete_request';
 import { Response } from './types/response';
 import { Notebook, CodeCell } from './types/notebook';
 import CodeComponent from '@/components/CodeComponent.vue';
@@ -45,7 +49,7 @@ export default {
   },
 
   methods: {
-    async runCode() {
+    async runCode(originId: string) {
       const cellRequests: CodeRequest[] = []
       const requestComponents: { [key: string]: any } = {};
       for (let key in this.notebook.cells){
@@ -53,10 +57,9 @@ export default {
         for (const c of this.notebook.cells[key].components){
           requestComponents[c.id] = c.value
         }
-        //requestComponents.push.apply(requestComponents, this.notebook.cells[key].components)
         cellRequests.push(cellRequest)
       }
-      const request: Request = { cells: cellRequests, components: requestComponents }
+      const request: Request = { originId: originId, cells: cellRequests, components: requestComponents }
       const axiosResponse = await axios.post(import.meta.env.VITE_BACKEND_URL + 'api/runcode', request)
       const response: Response = axiosResponse.data
       for (const cellResponse of response.cells){
@@ -65,6 +68,11 @@ export default {
       }
     },
 
+    async componentValueChange(componentId: string, newValue: any){
+      const componentRequest: ComponentRequest = {componentId: componentId, componentValue: newValue}
+      const axiosResponse = await axios.post(import.meta.env.VITE_BACKEND_URL + 'api/component_run', componentRequest)
+    },
+
     navigateToApp(){
       console.log('navigate')
     },
@@ -73,6 +81,12 @@ export default {
       const response = await axios.post(import.meta.env.VITE_BACKEND_URL + 'api/create_cell');
       const cell: CodeCell = response.data
       this.notebook.cells[cell.id] = cell
+    },
+
+    async deleteCell(cellId: string){
+      const deleteRequest: DeleteRequest = {cellId: cellId}
+      await axios.post(import.meta.env.VITE_BACKEND_URL + 'api/delete_cell', deleteRequest);
+      delete this.notebook.cells[cellId]
     }
   }
 }
diff --git a/zt_frontend/src/components/CodeComponent.vue b/zt_frontend/src/components/CodeComponent.vue
index 8b358371..960fba74 100644
--- a/zt_frontend/src/components/CodeComponent.vue
+++ b/zt_frontend/src/components/CodeComponent.vue
@@ -14,11 +14,14 @@
         }"
     >
     </ace-editor>
-    <!-- Run Button -->
-    <v-btn color="primary" class="run-button" @click="runCode">Run</v-btn>
+    <v-toolbar>
+        <v-btn color="primary" @click="runCode">Run</v-btn>
+        <v-spacer/>
+        <v-btn small color="primary" @click="deleteCell">Delete Cell</v-btn>
+    </v-toolbar>
     <!-- Render Components -->
     <div v-for="component in cellData.components" :key="component.id">
-        <component :is="component.component" v-bind="component" v-model="component.value"></component>
+        <component :is="component.component" v-bind="component" v-model="component.value" @end="handleValueChange($event, component.id)"></component>
     </div>
     <div class="text-p">{{cellData.output}}</div>
 </v-card>
@@ -33,7 +36,7 @@ import 'ace-builds/src-noconflict/snippets/python';
 import 'ace-builds/src-noconflict/ext-language_tools';
 import 'ace-builds/src-noconflict/theme-dracula';
 import { VSlider } from 'vuetify/lib/components/index.mjs';
-import { CodeCell } from '@/types/notebook';
+import { CodeCell, ZTComponent } from '@/types/notebook';
 
 
 export default {
@@ -49,7 +52,13 @@ export default {
     },
     methods: {
         runCode(){
-            this.$emit('runCode');
+            this.$emit('runCode', this.cellData.id);
+        },
+        handleValueChange(newValue:any, componentId: string){
+            this.$emit('componentValueChange', componentId, newValue );
+        },
+        deleteCell(){
+            this.$emit('deleteCell', this.cellData.id);
         }
     },
 }
@@ -63,10 +72,6 @@ export default {
     margin-bottom: 20px;
 }
 
-.run-button {
-    margin-bottom: 20px;
-}
-
 .formatted-code {
 white-space: pre-wrap;
 padding: 15px;
diff --git a/zt_frontend/src/types/component_request.d.ts b/zt_frontend/src/types/component_request.d.ts
new file mode 100644
index 00000000..ebe2dbc5
--- /dev/null
+++ b/zt_frontend/src/types/component_request.d.ts
@@ -0,0 +1,15 @@
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+
+export type Componentid = string;
+export type Componentvalue = string | boolean | number;
+
+export interface ComponentRequest {
+  componentId: Componentid;
+  componentValue: Componentvalue;
+  [k: string]: unknown;
+}
diff --git a/zt_frontend/src/types/delete_request.d.ts b/zt_frontend/src/types/delete_request.d.ts
new file mode 100644
index 00000000..9c14cfba
--- /dev/null
+++ b/zt_frontend/src/types/delete_request.d.ts
@@ -0,0 +1,13 @@
+/* eslint-disable */
+/**
+ * This file was automatically generated by json-schema-to-typescript.
+ * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,
+ * and run json-schema-to-typescript to regenerate this file.
+ */
+
+export type Cellid = string;
+
+export interface DeleteRequest {
+  cellId: Cellid;
+  [k: string]: unknown;
+}
diff --git a/zt_frontend/src/types/request.d.ts b/zt_frontend/src/types/request.d.ts
index 6da4b01b..b4f02849 100644
--- a/zt_frontend/src/types/request.d.ts
+++ b/zt_frontend/src/types/request.d.ts
@@ -5,11 +5,13 @@
  * and run json-schema-to-typescript to regenerate this file.
  */
 
+export type Originid = string;
 export type Id = string;
 export type Code = string;
 export type Cells = CodeRequest[];
 
 export interface Request {
+  originId: Originid;
   cells: Cells;
   components: Components;
   [k: string]: unknown;
diff --git a/zt_schema/component_request.json b/zt_schema/component_request.json
new file mode 100644
index 00000000..1853833f
--- /dev/null
+++ b/zt_schema/component_request.json
@@ -0,0 +1,28 @@
+{
+  "properties": {
+    "componentId": {
+      "title": "Componentid",
+      "type": "string"
+    },
+    "componentValue": {
+      "anyOf": [
+        {
+          "type": "string"
+        },
+        {
+          "type": "boolean"
+        },
+        {
+          "type": "integer"
+        }
+      ],
+      "title": "Componentvalue"
+    }
+  },
+  "required": [
+    "componentId",
+    "componentValue"
+  ],
+  "title": "ComponentRequest",
+  "type": "object"
+}
\ No newline at end of file
diff --git a/zt_schema/delete_request.json b/zt_schema/delete_request.json
new file mode 100644
index 00000000..8798b342
--- /dev/null
+++ b/zt_schema/delete_request.json
@@ -0,0 +1,13 @@
+{
+  "properties": {
+    "cellId": {
+      "title": "Cellid",
+      "type": "string"
+    }
+  },
+  "required": [
+    "cellId"
+  ],
+  "title": "DeleteRequest",
+  "type": "object"
+}
\ No newline at end of file
diff --git a/zt_schema/notebook.json b/zt_schema/notebook.json
index 5f026ecb..f84ec153 100644
--- a/zt_schema/notebook.json
+++ b/zt_schema/notebook.json
@@ -48,7 +48,7 @@
           "type": "string"
         },
         "variable_name": {
-          "default": null,
+          "default": "fake",
           "description": "Optional variable name associated with a component",
           "title": "Variable Name",
           "type": "string"
diff --git a/zt_schema/request.json b/zt_schema/request.json
index 8fc0f246..28a49c2f 100644
--- a/zt_schema/request.json
+++ b/zt_schema/request.json
@@ -20,6 +20,10 @@
     }
   },
   "properties": {
+    "originId": {
+      "title": "Originid",
+      "type": "string"
+    },
     "cells": {
       "items": {
         "$ref": "#/$defs/CodeRequest"
@@ -46,6 +50,7 @@
     }
   },
   "required": [
+    "originId",
     "cells",
     "components"
   ],
diff --git a/zt_schema/response.json b/zt_schema/response.json
index 945a6158..bd8bf472 100644
--- a/zt_schema/response.json
+++ b/zt_schema/response.json
@@ -34,7 +34,7 @@
           "type": "string"
         },
         "variable_name": {
-          "default": null,
+          "default": "fake",
           "description": "Optional variable name associated with a component",
           "title": "Variable Name",
           "type": "string"
diff --git a/zt_schema/slider.json b/zt_schema/slider.json
index c913df98..c8df23d8 100644
--- a/zt_schema/slider.json
+++ b/zt_schema/slider.json
@@ -7,7 +7,7 @@
       "type": "string"
     },
     "variable_name": {
-      "default": null,
+      "default": "fake",
       "description": "Optional variable name associated with a component",
       "title": "Variable Name",
       "type": "string"

From 23bfad0a12d29174262a93ffb6b3785b2aea2f4a Mon Sep 17 00:00:00 2001
From: Carson-Shaar <carson.shaar@zero-true.com>
Date: Mon, 18 Sep 2023 17:26:12 -0400
Subject: [PATCH 2/3] optional originId

---
 zt_backend/models/request.py | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/zt_backend/models/request.py b/zt_backend/models/request.py
index 461ce12b..eb099a28 100644
--- a/zt_backend/models/request.py
+++ b/zt_backend/models/request.py
@@ -1,12 +1,12 @@
 from pydantic import BaseModel
-from typing import List, Dict, Union
+from typing import List, Dict, Union, Optional
 
 class CodeRequest(BaseModel):
     id: str
     code: str
 
 class Request(BaseModel):
-    originId: str
+    originId: Optional(str)
     cells: List[CodeRequest]
     components: Dict[str, Union[str, bool, int]]
 

From db17dabb1e095af4919072cc26bc1dc9c36a943b Mon Sep 17 00:00:00 2001
From: Carson-Shaar <carson.shaar@zero-true.com>
Date: Mon, 18 Sep 2023 17:30:41 -0400
Subject: [PATCH 3/3] Field

---
 zt_backend/models/request.py | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/zt_backend/models/request.py b/zt_backend/models/request.py
index eb099a28..8fb2c0ea 100644
--- a/zt_backend/models/request.py
+++ b/zt_backend/models/request.py
@@ -1,12 +1,12 @@
-from pydantic import BaseModel
-from typing import List, Dict, Union, Optional
+from pydantic import BaseModel, Field
+from typing import List, Dict, Union
 
 class CodeRequest(BaseModel):
     id: str
     code: str
 
 class Request(BaseModel):
-    originId: Optional(str)
+    originId: str = Field('id')
     cells: List[CodeRequest]
     components: Dict[str, Union[str, bool, int]]