Common types

docs/assets/examples/grocery-list.idoc.json

@@ -69,8 +69,9 @@
                 "## Select the items you want to buy\n",
                 {
                     "type": "table",
+                    "variableId": "itemsData_selected",
                     "dataSourceName": "itemsData",
-                    "options": {
+                    "tabulatorOptions": {
                         "autoColumns": true,
                         "layout": "fitColumns",
                         "minHeight": "200px",

docs/assets/examples/seattle-weather/4.idoc.json

@@ -21,7 +21,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/4.idoc.md

@@ -26,8 +26,8 @@ Data table:
 
 ```json tabulator
 {
-    "dataSignalName": "seattle_weather",
-    "options": {}
+    "dataSourceName": "seattle_weather",
+    "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/seattle-weather/5.idoc.json

@@ -26,7 +26,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/5.idoc.md

@@ -32,8 +32,8 @@ Data table:
 
 ```json tabulator
 {
-    "dataSignalName": "seattle_weather",
-    "options": {}
+    "dataSourceName": "seattle_weather",
+    "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/seattle-weather/6.idoc.json

@@ -39,7 +39,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/6.idoc.md

@@ -40,8 +40,8 @@ Data table:
 
 ```json tabulator
 {
-    "dataSignalName": "seattle_weather",
-    "options": {}
+    "dataSourceName": "seattle_weather",
+    "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/seattle-weather/7.idoc.json

@@ -95,7 +95,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/7.idoc.md

@@ -73,8 +73,8 @@ Data table:
 
 ```json tabulator
 {
-    "dataSignalName": "seattle_weather",
-    "options": {}
+    "dataSourceName": "seattle_weather",
+    "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/seattle-weather/8.idoc.json

@@ -125,7 +125,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/8.idoc.md

@@ -99,8 +99,8 @@ Data table:
 
 ```json tabulator
 {
-    "dataSignalName": "seattle_weather",
-    "options": {}
+    "dataSourceName": "seattle_weather",
+    "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/seattle-weather/9.idoc.json

@@ -191,7 +191,7 @@
         {
           "type": "table",
           "dataSourceName": "seattle_weather",
-          "options": {}
+          "variableId": "seattle_weather_selected"
         },
         "Here is a stacked bar chart of Seattle weather:\nEach bar represents the count of weather types for each month.\nThe colors distinguish between different weather conditions such as sun, fog, drizzle, rain, and snow.",
         {

docs/assets/examples/seattle-weather/9.idoc.md

@@ -166,8 +166,8 @@ Data table:
 
 ```json tabulator
 {
-  "dataSignalName": "seattle_weather",
-  "options": {}
+  "dataSourceName": "seattle_weather",
+  "variableId": "seattle_weather_selected"
 }
 ```
 

docs/assets/examples/slides.idoc.json

@@ -94,7 +94,8 @@
                 {
                     "type": "table",
                     "dataSourceName": "itemsData",
-                    "options": {
+                    "variableId": "itemsData_selected",
+                    "tabulatorOptions": {
                         "autoColumns": true,
                         "layout": "fitColumns",
                         "minHeight": "200px",

docs/assets/js/edit.js

@@ -0,0 +1,11 @@
+window.addEventListener('DOMContentLoaded', () => {
+    const appProps = {
+        onApprove: (message) => {
+            // TODO look through each spec and override policy to approve unapproved for https://microsoft.github.io/chartifact/
+            const { specs } = message;
+            return specs;
+        }
+    };
+    const root = ReactDOM.createRoot(document.getElementById("app"));
+    root.render(React.createElement(IDocs.editor.App, appProps));
+});

docs/assets/js/view.js

@@ -0,0 +1,15 @@
+window.addEventListener('DOMContentLoaded', () => {
+    host = new IDocs.host.Listener({
+        app: 'main',
+        loading: '#loading',
+        help: '#help',
+        uploadButton: '#upload-btn',
+        fileInput: '#file-input',
+        textarea: '#textarea',
+        onApprove: (message) => {
+            // TODO look through each spec and override policy to approve unapproved for https://microsoft.github.io/chartifact/
+            const { specs } = message;
+            return specs;
+        },
+    });
+});