From 4da4885d6a15faf7035d51e9463ac2fbbd7571bc Mon Sep 17 00:00:00 2001
From: Tianwei She <tianwei.v.she@gmail.com>
Date: Wed, 18 Oct 2023 21:20:31 -0700
Subject: [PATCH 1/2] Add AI movie schema

---
 src/App.css       | 10 +++++++
 src/App.tsx       |  5 +++-
 src/schema.json   | 45 +++++++++++++++-------------
 src/uischema.json | 75 +++++++++++++++++++++++------------------------
 4 files changed, 74 insertions(+), 61 deletions(-)

diff --git a/src/App.css b/src/App.css
index a40c9c0..d718719 100644
--- a/src/App.css
+++ b/src/App.css
@@ -26,6 +26,16 @@ html {
   font-size: large;
 }
 
+.dataContent {
+  max-width: 700px; /* or whatever width you prefer */
+  overflow-x: auto; /* adds a scrollbar if content overflows the width */
+}
+
+.boundData {
+  white-space: pre-wrap; /* respects whitespace but allows wrapping */
+  word-wrap: break-word; /* breaks long words */
+}
+
 @keyframes App-logo-spin {
   from {
     transform: rotate(0deg);
diff --git a/src/App.tsx b/src/App.tsx
index c92123d..9850fc0 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -84,8 +84,11 @@ const App = () => {
           <Typography variant={'h4'} className={classes.title}>
             Bound data
           </Typography>
-          <div className={classes.dataContent}>
+          {/* <div className={classes.dataContent}>
             <pre id='boundData'>{stringifiedData}</pre>
+          </div> */}
+          <div className="dataContent">
+            <pre className='boundData'>{stringifiedData}</pre>
           </div>
           <Button
             className={classes.resetButton}
diff --git a/src/schema.json b/src/schema.json
index 68c5e37..0a5bb15 100644
--- a/src/schema.json
+++ b/src/schema.json
@@ -1,32 +1,35 @@
 {
   "type": "object",
   "properties": {
-    "name": {
+    "movie_name": {
       "type": "string",
       "minLength": 1
     },
-    "description": {
-      "title": "Long Description",
-      "type": "string"
-    },
-    "done": {
-      "type": "boolean"
-    },
-    "due_date": {
-      "type": "string",
-      "format": "date"
-    },
-    "rating": {
-      "type": "integer",
-      "maximum": 5
-    },
-    "recurrence": {
+    "setup": {
       "type": "string",
-      "enum": ["Never", "Daily", "Weekly", "Monthly"]
+      "minLength": 1
     },
-    "recurrence_interval": {
-      "type": "integer"
+    "characters": {
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "name": {
+            "type": "string",
+            "minLength": 1
+          },
+          "personality": {
+            "type": "string"
+          },
+          "background": {
+            "type": "string"
+          },
+          "interpersonal_relationship": {
+            "type": "string"
+          }
+        }
+      }
     }
   },
-  "required": ["name", "due_date"]
+  "required": ["movie_name"]
 }
diff --git a/src/uischema.json b/src/uischema.json
index 9e57a63..d070175 100644
--- a/src/uischema.json
+++ b/src/uischema.json
@@ -3,52 +3,49 @@
   "elements": [
     {
       "type": "Control",
-      "label": "Completed",
-      "scope": "#/properties/done"
+      "scope": "#/properties/movie_name"
     },
     {
       "type": "Control",
-      "scope": "#/properties/name"
-    },
-    {
-      "type": "HorizontalLayout",
-      "elements": [
-        {
-          "type": "Control",
-          "scope": "#/properties/due_date"
-        },
-        {
-          "type": "Control",
-          "scope": "#/properties/rating"
-        }
-      ]
-    },
-    {
-      "type": "HorizontalLayout",
-      "elements": [
-        {
-          "type": "Control",
-          "scope": "#/properties/recurrence"
-        },
-        {
-          "type": "Control",
-          "scope": "#/properties/recurrence_interval",
-          "rule": {
-            "effect": "HIDE",
-            "condition": {
-              "type": "LEAF",
-              "scope": "#/properties/recurrence",
-              "expectedValue": "Never"
-            }
-          }
-        }
-      ]
+      "scope": "#/properties/setup",
+      "options": {
+        "multi": true
+      }
     },
     {
       "type": "Control",
-      "scope": "#/properties/description",
+      "scope": "#/properties/characters",
       "options": {
-        "multi": true
+        "detail": {
+          "type": "VerticalLayout",
+          "elements": [
+            {
+              "type": "Control",
+              "scope": "#/properties/name"
+            },
+            {
+              "type": "Control",
+              "scope": "#/properties/personality",
+              "options": {
+                "multi": true
+              }
+            },
+            {
+              "type": "Control",
+              "scope": "#/properties/background",
+              "options": {
+                "multi": true
+              }
+            },
+            {
+              "type": "Control",
+              "scope": "#/properties/interpersonal_relationship",
+              "options": {
+                "multi": true
+              }
+            }
+          ]
+        }
       }
     }
   ]

From e39d4ad448b270599c64130da82c7be24bf86fcd Mon Sep 17 00:00:00 2001
From: Tianwei She <tianwei.v.she@gmail.com>
Date: Wed, 18 Oct 2023 21:26:28 -0700
Subject: [PATCH 2/2] Change default values to our use case

---
 src/App.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 9850fc0..790bf61 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -42,11 +42,16 @@ const useStyles = makeStyles({
 });
 
 const initialData = {
-  name: 'Send email to Adrian',
-  description: 'Confirm if you have passed the subject\nHereby ...',
-  done: true,
-  recurrence: 'Daily',
-  rating: 3,
+  movie_name: "Who's the Undercover?",
+  setup: "Rules of the game",
+  characters: [
+      {
+          name: "Nina",
+          personality: "Highly observant\nNotable memory capabilities, comparable to a steel trap",
+          background: "Once upon a time, while working at the library, you recognized a forgery in a rare manuscript due to a tiny misprint. This act saved the library thousands and bolstered your reputation.",
+          interpersonal_relationship: "Oscar: You two share a past, as you both dated briefly during college. Though the breakup was amicable, an undercurrent of tension always exists between the two of you. This past connection might lead you both to trust or distrust each other more during the game."
+      }
+  ]
 };
 
 const renderers = [