add download action on submit

Author: cboettig

content/create.md

@@ -4,4 +4,3 @@ title: "Create a CodeMeta file"
 ---
 
 {{< react-schema >}}
-

layouts/shortcodes/react-schema.html

@@ -1,27 +1,47 @@
-        <div id="app"></div>
+<div id="app"></div>
 
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
-        <script src="https://unpkg.com/react-jsonschema-form/dist/react-jsonschema-form.js"></script>
-        <script type="text/javascript" src="/schema.json"></script>
-        <script type="text/javascript" src="/uiSchema.json"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.4.2/umd/react.production.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.4.2/umd/react-dom.production.min.js"></script>
+<script src="https://unpkg.com/react-jsonschema-form/dist/react-jsonschema-form.js"></script>
+<script type="text/javascript" src="/schema.json"></script>
+<script type="text/javascript" src="/uiSchema.json"></script>
 
-        <script>
-            const Form = JSONSchemaForm.default;
+<script>
+  const Form = JSONSchemaForm.default;
+  
 
 
   const formData= {
-
+      "@context": "https://doi.org/10.5063/schema/codemeta-2.0",
+      "@type": "SoftwareSouceCode"
   }
 
-            const log = (type) => console.log.bind(console, type);
+  const log = (type) => console.log.bind(console, type);
 
-            ReactDOM.render(React.createElement(Form, {
+  function saveData(data, fileName) {
+      log("submitted")
+      var content = JSON.stringify(data, null, 2);
+      var a = document.createElement("a");
+      var file = new Blob([content], {type: "application/json"});
+      a.href = URL.createObjectURL(file);
+      a.download = fileName;
+      a.click();
+  };
+  const onSubmit = ({formData}) => saveData(formData, "codemeta.json");
+
+  
+  var fileName = "codemeta.json";
+  ReactDOM.render(React.createElement(Form, {
                 schema: schema,
                 uiSchema: uiSchema,
                 formData: formData,
                 onChange: log("changed"),
-                onSubmit: log("submitted"),
+                onSubmit: onSubmit,
                 onError: log("errors")
             }), document.getElementById("app"));
-        </script>
+  
+    
+
+
+  
+</script>

static/schema.json

@@ -5,7 +5,8 @@ const schema =  {
 	"media": {"type": "application/json;profile=http://schema.org/SoftwareSourceCode"},
 	"type": "object",
 	"properties": {
-
+    "@context": {"type": "string", "format": "uri"},
+    "@type": {"type": "string"},
     "name": {"type": "string", "description": "Name of the software"},
     "codeRepository": {
 	    "type": "string",