Survey Slate Designer

31:T97f,designerIndex = ` Survey Slate Designer ${enableJavasscriptSnippet.outerHTML}

`32:T404,md` All users can query information about themselves and their own tags, so that they can self-discover resource access. ~~~js { "Effect": "Allow", "Action": [ "iam:GetUser", "iam:ListUserTags" ], "Resource": "arn:aws:iam::032151534090:user/\${aws:username}" } ~~~ Enforcing that a user can only access projects they are assigned is acheived by a policy on the object tags in the S3 bucket: ~~~js { "Effect": "Allow", "Action": "s3:GetObject", "Resource": "arn:aws:s3:::private-mjgvubdpwmdipjsn/*", "Condition": { "StringLike": { "aws:PrincipalTag/designer": "*\${s3:ExistingObjectTag/project}*" } } } ~~~ We enforce that designers can only upload files for their projects: ~~~js { "Effect": "Allow", "Action": [ "s3:putObjectTagging" "s3:PutObject" ], "Resource": "arn:aws:s3:::private-mjgvubdpwmdipjsn/*", "Condition": { "StringLike": { "aws:PrincipalTag/designer": "*\${s3:RequestObjectTag/project}*" } } } ~~~ `33:[] 2f:{"title":"Survey Slate | Admin Tools","cells":[{"id":0,"value":"md`# Survey Slate | Admin Tools\n\n_Create, deploy and manage surveys._\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1436,"value":"md`\n

👋 Welcome! This notebook is about **Survey Slate**—an [assemblage of Observable web-based notebooks](https://observablehq.com/collection/@categorise/survey-slate) allowing organizations to host custom surveys for end users on their own AWS infrastructure. Check out the [Technical Overview](https://observablehq.com/@categorise/surveyslate-docs) to get started! ✨

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":608,"value":"toc()","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md`## Log In`","pinned":false,"hidden":false,"mode":"ojs"},{"id":891,"value":"md`\nYou must have administrative permission to utilise this interface.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"viewof manualCredentials","pinned":false,"hidden":false,"mode":"ojs"},{"id":870,"value":"md`Example credential format:\n~~~js\n{\n \"accessKeyId\": \"LONGRANDOMSTRING\",\n \"secretAccessKey\": \"eVeN1OnGeRRaNd3MstR*%G\"\n}\n~~~\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":899,"value":"md`\nFor convenience and persistence across browsing sessions, you may choose to save your credentials to local storage (or clear them, should you wish).\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":121,"value":"saveCreds","pinned":false,"hidden":false,"mode":"ojs"},{"id":945,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1082,"value":"md`## Applications\n\nDeploy the core applications of Open Survey into Cloud\n\n

[Survey Designer](https://www.surveyslate.org/demo-designer/index.html)
[Survey Filler](https://www.surveyslate.org/demo-survey/index.html?username=demoResponder#FnMcjZO1pn1uqmMh|cell-types)

I have run the [integration tests](https://observablehq.com/@categorise/opensurvey?username=demoResponder#FnMcjZO1pn1uqmMh|cell-types)?`\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":1179,"value":"{\n if (runFillerTests) return viewof uploadFillerBtn\n else return md`Run the integration tests before deploying.`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":1263,"value":"fillerFiles","pinned":false,"hidden":false,"mode":"ojs"},{"id":1187,"value":"fillerUploader","pinned":false,"hidden":false,"mode":"ojs"},{"id":1193,"value":"fillerCurrentFileUpload","pinned":false,"hidden":false,"mode":"ojs"},{"id":1175,"value":"fillerSource = \"https://observablehq.com/@categorise/surveyslate-filler\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1177,"value":"fillerS3Target = config.PUBLIC_BUCKET + \"/apps/demo-survey\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1256,"value":"fillerInvalidationPath = \"/survey/*\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1276,"value":"fillerIndex = `\n\n\nSurvey Slate Filler\n\n\n${enableJavasscriptSnippet.outerHTML}\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":1181,"value":"import {\n viewof uploadButton as uploadFillerBtn,\n currentFile as fillerCurrentFileUpload,\n uploader as fillerUploader,\n deployed as fillerDeployed,\n files as fillerFiles\n} with {\n fillerInvalidationPath as INVALIDATION_PATH,\n fillerSource as notebookURL,\n fillerS3Target as s3Target,\n fillerIndex as indexHtml,\n manualCredentials, CLOUD_FRONT_DISTRIBUTION_ID}\nfrom '@tomlarkworthy/notebook-deploy-to-s3'","pinned":false,"hidden":false,"mode":"ojs"},{"id":176,"value":"md`## Operations`","pinned":false,"hidden":false,"mode":"ojs"},{"id":180,"value":"md`### Survey\n\nEach survey has a folder in the in s3 at \\`PRIVATE_BUCKET/surveys/{name}\\`. \n\nProjects are surveys: the text, questions, and logical connections defined by survey designer. \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":410,"value":"md`#### List Surveys`","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"Inputs.table(surveys)","pinned":false,"hidden":false,"mode":"ojs"},{"id":228,"value":"md`#### Create Survey`","pinned":false,"hidden":false,"mode":"ojs"},{"id":190,"value":"viewof newSurveyName = Inputs.text({\n label: \"Survey name\",\n submit: \"create\",\n pattern: \"^[a-Z]*$\",\n minlength: 3\n });\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"{\n await putObject(config.PRIVATE_BUCKET, `surveys/${newSurveyName}/settings.json`, `{\"name\":\"${newSurveyName}\"}`, {\n tags: {\n \"survey\": newSurveyName\n }\n })\n viewof newSurveyName.value = undefined\n mutable refreshProjects++;\n return md`${newSurveyName} created`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":271,"value":"surveys = refreshProjects && (await listObjects(config.PRIVATE_BUCKET, \"surveys/\")).map(r => ({name: /surveys\\/([^/]*)\\//.exec(r.Prefix)[1]}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":254,"value":"mutable refreshProjects = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":955,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":404,"value":"md`### Accounts\n\nEach account has a folder in the in s3 at \\`CONFIDENTIAL_BUCKET/accounts/{name}\\`. \n\nAccounts contain survey responses: answers supplied to survey questions by survey fillers. Accounts are assigned to projects.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":415,"value":"md`#### List Accounts`","pinned":false,"hidden":false,"mode":"ojs"},{"id":406,"value":"Inputs.table(accounts)","pinned":false,"hidden":false,"mode":"ojs"},{"id":388,"value":"md`#### Create Account`","pinned":false,"hidden":false,"mode":"ojs"},{"id":393,"value":"viewof newAccountName = Inputs.text({\n label: \"New account\",\n submit: \"create\",\n pattern: \"^[a-Z]*$\",\n minlength: 3\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":395,"value":"{\n await putObject(config.CONFIDENTIAL_BUCKET, `accounts/${newAccountName}/settings.json`, `{\"name\":\"${newAccountName}\"}`, {\n tags: {\n \"account\": newAccountName\n }\n });\n viewof newAccountName.value = undefined\n mutable refreshAccounts++;\n return md`${newAccountName} created`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":401,"value":"accounts = refreshAccounts && (await listObjects(config.CONFIDENTIAL_BUCKET, \"accounts/\")).map(r => ({name: /accounts\\/([^/]*)\\//.exec(r.Prefix)[1]}))","pinned":false,"hidden":false,"mode":"ojs"},{"id":397,"value":"mutable refreshAccounts = 1","pinned":false,"hidden":false,"mode":"ojs"},{"id":958,"value":"md`\n---\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":77,"value":"md`### Users\n\nUsers have IAM user credentials, which allow access to the application or backend.\n\nWe use AWS IAM tags to add information such as access to survey projects or account response locations.\n` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":1339,"value":"#### List Users","pinned":false,"hidden":false,"mode":"md"},{"id":59,"value":"Inputs.table(users, {\n columns: ['UserName', 'UserId', 'Tags', 'PasswordLastUsed', 'CreateDate']\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":616,"value":"md`#### Create User`","pinned":false,"hidden":false,"mode":"ojs"},{"id":301,"value":"viewof newUsername = Inputs.text({\n label: \"New user\",\n submit: \"create\",\n pattern: \"^[a-Z]*$\",\n minlength: 3\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":303,"value":"{\n await createUser(newUsername)\n await addUserToGroup(newUsername, \"user\")\n viewof newUsername.value = undefined\n mutable refreshUsers++;\n return md`${newUsername} created`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":618,"value":"md`#### Delete User`","pinned":false,"hidden":false,"mode":"ojs"},{"id":310,"value":"viewof deleteUsername = Inputs.text({\n label: \"Delete user\",\n submit: \"delete\",\n pattern: \"^[a-Z]*$\",\n minlength: 3\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":312,"value":"{\n const groups = await listGroupsForUser(deleteUsername);\n await Promise.all(groups.map(group => removeUserFromGroup(deleteUsername, group.GroupName)))\n await deleteUser(deleteUsername)\n viewof deleteUsername.value = undefined\n mutable refreshUsers++;\n return md`${deleteUsername} delete`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"users = refreshUsers && await listUsers()","pinned":false,"hidden":false,"mode":"ojs"},{"id":63,"value":"mutable refreshUsers = 1;","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"md`### User Permissions\n\nActions that a user may perform are explicitly defined by user permissions. We have fillers (survey respondents) and designers and members of account.\n\nA user can only fill in a survey for an account if they have permission on that account. Similarly, a user can only design and modify a survery project if they have are tagged as a designer. \n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":90,"value":"viewof username = Inputs.bind(Inputs.select(users.map(u => u.UserName), {\n label: \"Choose a user to configure\"\n}), localStorageView(\"username\"))","pinned":false,"hidden":false,"mode":"ojs"},{"id":105,"value":"user = users.find(r => r.UserName === username)","pinned":false,"hidden":false,"mode":"ojs"},{"id":541,"value":"Inputs.table(userGroups, {\n columns: [\"GroupName\", \"GroupId\", \"Arn\", \"CreateDate\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":538,"value":"userGroups = listGroupsForUser(username)","pinned":false,"hidden":false,"mode":"ojs"},{"id":449,"value":"md`#### IAM Access Keys (${username})`","pinned":false,"hidden":false,"mode":"ojs"},{"id":461,"value":"Inputs.table(userAccessKeys)","pinned":false,"hidden":false,"mode":"ojs"},{"id":624,"value":"md`##### Add access key`","pinned":false,"hidden":false,"mode":"ojs"},{"id":712,"value":"md`##### Create an internal access key for this user\n\nremember to record the secret as it will not be visible ever again. Suitable for staff.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":515,"value":"{\n if (userAccessKeys.length >= 2) return md`⚠️ max 2 access keys reached per user, delete an access key first`\n else return Inputs.button(\"Create INTERNAL access key\", {\n reduce: async () => {\n const newKey = await createAccessKey(username);\n mutable lastAccessKey = JSON.stringify({\n \"accessKeyId\": newKey.AccessKeyId,\n \"secretAccessKey\": newKey.SecretAccessKey\n }, null, 2)\n mutable refreshUsers++;\n }\n })\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":560,"value":"mutable lastAccessKey = undefined","pinned":false,"hidden":false,"mode":"ojs"},{"id":720,"value":"md`##### Create an external access code (suitable for Survey Fillers)\n\nThis creates an access key like the internal access key, but stores it encrypted publically in S3. The password is stored in the PRIVATE_BUCKET so it can be used to generate access URLs.\n\nYou can generate multiple access links off this credentials using [access_links](#access_links)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":726,"value":"{\n if (userAccessKeys.length >= 2) return md`⚠️ max 2 access keys reached per user, delete an access key first`\n else return Inputs.button(\"Add EXTERNAL access key\", {\n reduce: async () => {\n try {\n const password = await randomId(16);\n const newKey = await createAccessKey(username);\n const payload = await encrypt({\n secret: JSON.stringify({\n \"accessKeyId\": newKey.AccessKeyId,\n \"secretAccessKey\": newKey.SecretAccessKey\n }, null, 2),\n password\n });\n\n const path = `credentials/${await new hashes.SHA256().hex(username)}.json`;\n await putObject(config.PUBLIC_BUCKET, path, JSON.stringify(payload, null, 2));\n await putObject(config.PRIVATE_BUCKET, `passwords/${await new hashes.SHA256().hex(username)}`, password);\n } catch (err) {\n console.error(err);\n }\n mutable refreshUsers++;\n }\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":628,"value":"md`##### Delete access key`","pinned":false,"hidden":false,"mode":"ojs"},{"id":472,"value":"viewof deleteAccessKeyInput = Inputs.text({\n label: \"Delete AccessKeyId\",\n submit: \"delete\",\n pattern: \"^[a-Z]*$\",\n minlength: 3\n });","pinned":false,"hidden":false,"mode":"ojs"},{"id":475,"value":"{\n const key = deleteAccessKeyInput.trim()\n if (key == \"\") return;\n await deleteAccessKey(username, key)\n viewof deleteAccessKeyInput.value = \" \"\n viewof deleteAccessKeyInput.dispatchEvent(new Event('input', {bubbles: true}));\n mutable refreshUsers++;\n return md`${deleteAccessKey} deleted`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":452,"value":"userAccessKeys = listAccessKeys(username)","pinned":false,"hidden":false,"mode":"ojs"},{"id":294,"value":"md`#### Survey Designer Access Tags (${username})\n\nFor a user to be able to use the survey builder for a project, they must be added as a designer to the survey.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":362,"value":"Inputs.table(userSurveys.map(r => ({project: r})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":298,"value":"viewof userSurvey = Inputs.select(surveys.map(p => p.name), {label: \"select survey for operation\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":636,"value":"md`##### Add user as a designer to a survey`","pinned":false,"hidden":false,"mode":"ojs"},{"id":325,"value":"Inputs.button(md`add *${username}* to *${userSurvey}* as a designer`, {\n reduce: async () => {\n await tagUser(username, {\n \"designer\": [...new Set(userSurveys.concat(`${userSurvey}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":640,"value":"md`##### Remove user as a designer from a survey`","pinned":false,"hidden":false,"mode":"ojs"},{"id":369,"value":"Inputs.button(md`remove *${username}* from *${userSurvey}* as a designer`, {\n reduce: async () => {\n await tagUser(username, {\n \"designer\": [...new Set(userSurveys.filter(p => p !== `${userSurvey}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":345,"value":"userSurveys = (userTags[\"designer\"] || \"\").split(\" \").filter(v => v !== \"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":830,"value":"md`#### Survey Filler Access Tags (${username})\n\nFor a user to fill out a survey, they must 1. be added as a filler for that project (and 2. also as a member of an account, which is next).\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":835,"value":"Inputs.table(userFills.map(r => ({represents: r})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":847,"value":"viewof userFiller = Inputs.select(surveys.map(p => p.name), {label: \"select survey for operation\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":839,"value":"md`##### Add user as a filler to a survey project`","pinned":false,"hidden":false,"mode":"ojs"},{"id":851,"value":"Inputs.button(md`add *${username}* to *${userFiller}* as a filler`, {\n reduce: async () => {\n await tagUser(username, {\n \"filler\": [...new Set(userFills.concat(`${userFiller}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":860,"value":"md`##### Remove user as a filler to a survey project`","pinned":false,"hidden":false,"mode":"ojs"},{"id":854,"value":"Inputs.button(md`remove *${username}* from *${userFiller}* as a filler`, {\n reduce: async () => {\n await tagUser(username, {\n \"filler\": [...new Set(userFills.filter(p => p !== `${userFiller}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":837,"value":"userFills = (userTags[\"filler\"] || \"\").split(\" \").filter(v => v !== \"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":374,"value":"md`#### Survey Filler Account Tags (${username})\n\nA filler must be a member of an account to fill out a survey.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":443,"value":"Inputs.table(userAccounts.map(r => ({represents: r})))","pinned":false,"hidden":false,"mode":"ojs"},{"id":384,"value":"viewof userAccount = Inputs.select(accounts.map(p => p.name), {label: \"select account for operation\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":644,"value":"md`##### Add user as a survery filler to a survey project`","pinned":false,"hidden":false,"mode":"ojs"},{"id":381,"value":"Inputs.button(md`Allow *${username}* to respond on behalf of *${userAccount}*`, {\n reduce: async () => {\n await tagUser(username, {\n \"account\": [...new Set(userAccounts.concat(`${userAccount}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":650,"value":"md`##### Remove user as a survery filler from a survey project`","pinned":false,"hidden":false,"mode":"ojs"},{"id":435,"value":"Inputs.button(md`Deny *${username}* to respond on behalf of *${userAccount}*`, {\n reduce: async () => {\n await tagUser(username, {\n \"customer\": [...new Set(userAccounts.filter(p => p !== `${userAccount}`))].join(\" \")\n })\n mutable refreshTags++;\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":788,"value":"access_links = md`#### Access links\n\nAccess links are web links to the survey application. Survey fillers can access a survery via a secret URL, which avoids them having to deal with credentials.\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":781,"value":"Inputs.button(md`Generate access link for *${username}*`, {\n reduce: async () => {\n const password = `${await getObject(config.PRIVATE_BUCKET, `passwords/${await new hashes.SHA256().hex(username)}`)}` \n \n viewof access_link.value = `${config.FILLER_APP_URL}?username=${encodeURIComponent(username)}#${password}`\n }\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":784,"value":"viewof access_link = {\n const link = document.createElement(\"a\")\n link.target = \"_blank\"\n return Object.defineProperty(link, 'value', {\n get: () => link.href,\n set: (newLink) => {\n link.href = newLink;\n link.innerHTML = newLink\n },\n enumerable: true\n }); \n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":378,"value":"userAccounts = (userTags[\"account\"] || \"\").split(\" \").filter(v => v !== \"\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"md`#### All tags for a user (${username})\n\nThis shows all tags at are active on a user account (useful for debugging)\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":167,"value":"Inputs.table(Object.entries(userTags).map(r => ({\"key\": r[0], \"value\": r[1]})), {\n \n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":111,"value":"userTags = refreshTags && listUserTags(username)","pinned":false,"hidden":false,"mode":"ojs"},{"id":149,"value":"mutable refreshTags = 1;","pinned":false,"hidden":false,"mode":"ojs"},{"id":7,"value":"md`## AWS Configuration`","pinned":false,"hidden":false,"mode":"ojs"},{"id":671,"value":"REGION = \"us-east-2\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":526,"value":"md`### IAM User Groups\n\nUser groups broadly control access policy. Groups are preconfigured outside of this application, in the AWS IAM console. \n\nOur application distinguishes only between 'admins' (users with control of the AWS account) and 'users' (those who may create and maintain surveys and discover their fine-grained permissions). Fine-grained permissions are toggled with user tags in the [user permissions](#user-permissions) section.\n` ","pinned":false,"hidden":false,"mode":"ojs"},{"id":533,"value":"Inputs.table(groups, {\n columns: [\"GroupName\", \"GroupId\", \"Arn\", \"CreateDate\"]\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":932,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":1030,"value":"groups = listGroups()","pinned":false,"hidden":false,"mode":"ojs"},{"id":804,"value":"import {config} from '@categorise/surveyslate-components'","pinned":false,"hidden":false,"mode":"ojs"},{"id":656,"value":"md`## Imports`","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"import {listObjects, getObject, putObject, listUsers, createUser, deleteUser, getUser, listAccessKeys, createAccessKey, deleteAccessKey, viewof manualCredentials, saveCreds, listUserTags, tagUser, untagUser, iam, s3, listGroups, listGroupsForUser, addUserToGroup, removeUserFromGroup, createInvalidation} with {REGION as REGION} from '@tomlarkworthy/aws'","pinned":false,"hidden":false,"mode":"ojs"},{"id":606,"value":"import {toc} from \"@bryangingechen/toc\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":706,"value":"import {encrypt} from '@endpointservices/notebook-secret'","pinned":false,"hidden":false,"mode":"ojs"},{"id":733,"value":"import {randomId} from '@tomlarkworthy/randomid'","pinned":false,"hidden":false,"mode":"ojs"},{"id":766,"value":"import {localStorageView} from '@tomlarkworthy/local-storage-view'","pinned":false,"hidden":false,"mode":"ojs"},{"id":1346,"value":"import {enableJavasscriptSnippet} from '@categorise/gesi-styling'","pinned":false,"hidden":false,"mode":"ojs"},{"id":750,"value":"hashes = require(\"jshashes\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":1454,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":1456,"value":"import { substratum } from \"@categorise/substratum\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":1458,"value":"substratum({ invalidation })","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W33","stdlib":"1","titling":"auto"}