31:T551,md` Dit is een interactief notebook om aan de hand van de eerste versie van het [Amsterdam Schema](https://github.com/amsterdam/amsterdam-schema) data te verifiëren. Hoe werkt het: 1. Maak een JSON Schema, aan de hand van het [metaschema](https://github.com/Amsterdam/amsterdam-schema/blob/master/schemas/amsterdam.object.meta.schema.json). Of: gebruik een [bestaand schema](https://github.com/Amsterdam/amsterdam-schema/tree/master/schemas)! 2. Maak een NDJSON-bestand met op elke regel een JSON-object dat aan dit schema voldoet. Of: gebruik een bestaand [NDJSON-bestand](https://github.com/Amsterdam/amsterdam-schema/tree/master/data)! 3. Sleep het schema en de data in dit notebook (zie de drag-en-drop-dingen hieronder). Voor meer details, zie het [Werkbestand Team Dataservices](https://observablehq.com/@bertspaan/werkbestand-team-dataservices). Voor het Amsterdam Schema maken we voorlopig gebruik van een kleine aanvulling op JSON Schema: we voegen de property \`$class\` toe om aan te geven [naar welk type object een relatie verwijst](https://observablehq.com/@bertspaan/werkbestand-team-dataservices#classProperty). Stappen: 1. ${completed(schemaUploaded)} JSON Schema uploaden 2. ${completed(schemaValidated)} JSON Schema controleren 3. ${completed(dataUploaded)} NDJSON met objecten uploaden 4. ${completed(dataValidated)} Data valideren `32:[] 2f:{"title":"Amsterdam Schema Playground 🎠","cells":[{"id":0,"value":"md`# Amsterdam Schema Playground 🎠`","pinned":false,"hidden":false,"mode":"ojs"},{"id":128,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":133,"value":"md`## Stap 1: upload JSON Schema:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"viewof schema = createDropzone({\n placeholder: 'Sleep JSON Schema hier',\n maxSize: 1024 * 1024,\n pattern: '*.json' \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":81,"value":"viewof schemaSource = {\n if (schemaUploaded) {\n const value = JSON.stringify(JSON.parse(schema.contents), null, 2)\n return codeView({mode: 'jsx', value})\n }\n \n return html``\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":160,"value":"md`## Stap 2: check JSON Schema:`\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":187,"value":"{\n if (!schemaUploaded) {\n return html`Upload eerst een JSON Schema!`\n }\n \n if (schemaValidated) {\n return html`Dit is een correct Amsterdam Object JSON Schema!`\n } else {\n throw new Error(JSON.stringify(schemaValidation.errors, null, 2))\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":136,"value":"md`## Stap 3: upload NDJSON-data:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"viewof data = createDropzone({\n placeholder: 'Sleep NDJSON-data hier!',\n maxSize: 1024 * 1024 * 20,\n pattern: '*.ndjson'\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"md`__Dit notebook valideert alleen de eerste ${LIMIT} objecten:__`","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"objects = {\n if (dataUploaded) {\n return data.contents\n .split('\\n')\n .filter((line) => line.length)\n .slice(0, LIMIT)\n .map(JSON.parse) \n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"md`## Stap 4: check data:`","pinned":false,"hidden":false,"mode":"ojs"},{"id":293,"value":"{\n if (!dataUploaded) {\n return html`Upload eerst NDJSON-data!`\n }\n \n if (dataValidated) {\n return html`Ja! Heel goede data!`\n } else {\n throw new Error(JSON.stringify(dataValidation, null, 2))\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":33,"value":"md`## Imports & Functies`","pinned":false,"hidden":false,"mode":"ojs"},{"id":299,"value":"LIMIT = 25","pinned":false,"hidden":false,"mode":"ojs"},{"id":151,"value":"schemaUploaded = (schema && schema.contents) ? true : false","pinned":false,"hidden":false,"mode":"ojs"},{"id":154,"value":"dataUploaded = (data && data.contents) ? true : false","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"amsterdamObjectMetaSchema = d3.json('https://schemas.data.amsterdam.nl/row-meta-schema@v1.1.0')","pinned":false,"hidden":false,"mode":"ojs"},{"id":201,"value":"schemaValidation = {\n if (schemaUploaded) {\n return await validateAndCaptureErrors(schemaSource, amsterdamObjectMetaSchema)\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":208,"value":"dataValidation = { \n if (schemaValidation && dataUploaded && schemaSource) {\n const objectSchema = JSON.parse(schemaSource)\n \n return objects.map((object) => {\n return validateAndCaptureErrors(object, objectSchema)\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"schemaValidated = (schemaValidation && schemaValidation.valid) ? true : false","pinned":false,"hidden":false,"mode":"ojs"},{"id":173,"value":"dataValidated = (dataValidation && dataValidation.every((validation) => validation.valid)) ? true : false","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"validateAndCaptureErrors = async (data, schema) => {\n if (!data) {\n return {\n valid: false,\n errors: ['Nothing to validate']\n }\n }\n \n if (typeof data === 'string') {\n try {\n data = JSON.parse(data)\n } catch (err) {\n return {\n valid: false,\n errors: [err.message]\n }\n }\n }\n \n return await validate(data, schema) \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":139,"value":"completed = (b) => b ? '✅' : '❌'","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"import {codeView} from '@benatkin/codemirror-iframe'","pinned":false,"hidden":false,"mode":"ojs"},{"id":2,"value":"import {createDropzone} from '@bertspaan/dropzone'","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"import {validate} from '@bertspaan/amsterdam-schema-validator'","pinned":false,"hidden":false,"mode":"ojs"},{"id":350,"value":"d3 = require('d3@v5')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W32","stdlib":"1","titling":"auto"}