2d:null 2e:["$","title",null,{"children":"On Demand Minecraft Servers | Tom Larkworthy | Observable"}] 33:T576,header = { return html`

On Demand Minecraft Servers

Order servers by the hour with no commitment. This was designed for causual gaming with friends and families in mind. Try before you buy with complementary 1 EUR signup bonus (no credit card required).

The servers have two prices. A low daily storage costs to keep your world between sessions (can be deleted anytime), and an hourly running cost, paid only when your server is switched on. You book how long you wish to play in advance, so you can never accidentally leave your server running. With this pricing model you can now afford a really good server and pay only when actively used.

Its easy for you to share a server with friends by sharing a link. Your freinds can turn on the server when they want to play, using their balance. Everybody gets a 1 EUR signup bonus which would provide 10 hours of additional server time!

`; }34:T5fc,profileView = { function usernameKeyDown(evt) { if (evt.keyCode === 13) { console.log(evt.target) db.collection("usernames").doc(user.uid).set({name: evt.target.innerHTML}, {merge:true}); // prevent the default behaviour of return key pressed return false; } } return html` username

${(username || {}).name}

Current balance: €${balance["EUR"]}

${!transactions.find(tx => tx.type == 'NEW_USER')? html`
` :null}

` } 35:T539,tutorial = vms.length == 0 ? html`

Step 3a. Create a server

`: vms.length == 1 && vms[0].status == 'UNPROVISIONED' ? html`

Step 3b. Provision it with "create"

daily storage charges apply

`: !vms.some(vm => vm.t_stop && vm.t_stop.toDate() > Date.now()) ? html`

Turn on a server with "+1 hour"

hourly active charges apply

`: !vms.some(vm => vm.status == 'RUNNING') ? html`

Wait for a server to start "RUNNING"

`: html `

A server is active

In multiplayer Minecraft "Add Server" using the "Server Address"

`36:T1727,serversView = { function select(vm) { if (selectedServer.name != vm.name) mutable selectedServer = vm; } return html`

Servers

${vms.map((vm, index) => { if (vm.status != "UNPROVISIONED") { const timeLeft = () => humanizeDuration( Math.max(0, (vm.t_stop || {}).seconds - now_s) * 1000, { units: ["m"], round: true } ); const ticker = setInterval(() => { document.getElementById(`t_left_${vm.name}`).innerHTML = timeLeft(); }, 1000); invalidation.then(() => clearInterval(ticker)); // Display setup server return html.fragment` select(vm)} > `; } else { // Modifying unprovisioned server return html.fragment` select(vm)} > `; } })}

Server Address	Edition	Controls	Time left	State	Type	Zone	Permissions
${ vm.status == "PROVISIONING" ? html`` : vm.ip }	${vm.edition \|\| "Java"}	${ ["OWNER", "ADMIN"].includes(vm.users[user.uid]) ? html` ` : null } ${ vm.users[user.uid] == "OWNER" ? html` ` : null }	${timeLeft()}	${vm.status}	${ (serverModels.find((m) => m.id == vm.model) \|\| {}).displayName }	${vm.zone}	${vm.users[user.uid]}
TBD			N/A	${vm.status}			${vm.users[user.uid]}

${ vms.filter((vm) => vm.status == "UNPROVISIONED").length == 0 ? html`

db .collection("users") .doc(user.uid) .set({ eula: evt.target.checked }, { merge: true })}> I have read and agreed to Microsoft's EULA

` : null }

`; }37:Tad2,serverUsersView = { if (currentServer === undefined) return md``; async function inviteLink() { const inviteId = await api.createInvite({ zone: currentServer.zone, name: currentServer.name, role: document.getElementById("inviteRole").value }); const link = pageURL + '?invite=' + inviteId; copy(link) document.getElementById("inviteBtn").innerHTML = 'copied!'; document.getElementById("inviteLink").setAttribute("value", link); } return html`

Users for ${currentServer.ip || 'TBD'}

${ ["OWNER", "ADMIN"].includes(currentServer.users[user.uid]) ? html` Visibility `:null }

Server is ${currentServer.visibility}, ${currentServer.visibility === "private" ? "only the users here can join" : "anybody with IP address can join"}. Admin and Owner are Minecraft operators.

${Object.keys(currentServer.users).map(userId => html.fragment` `)}

username	role	actions
${currentServerUsernamesById[userId]}	${currentServer.users[userId]}	actions

${ ["OWNER", "ADMIN"].includes(currentServer.users[user.uid]) && currentServer.ip ? html`

`:null} ` }38:T13b6,viewof newServerParameters = { if (currentServer === undefined) return md``; var rows = 0; function row(key, value) { const n = rows++; return html`

`; } function hasChanged() { const button = document.getElementById("updateServer"); if (button) button.style.visibility = "visible"; } function updateServerTypeDetails(model) { const container = document.getElementById("serverTypeDetails"); container.innerHTML = ""; container.appendChild(serverTypeDetailsTable(model)); } function serverTypeDetailsTable(model) { const serverDetails = serverModelsById[model]; return html`

Field	Value
Server RAM	${serverDetails.MEMORY}
Server vCPUs	${serverDetails.machine_type}
Price per hour when running	${serverDetails.active_price_per_hour}
Price per day for storage	${serverDetails.storage_price_per_day}

`; } const dom = html`

Parameters for ${currentServer.ip || "TBD"}

Minecraft edition See choosing the right edition

Machine type

${serverTypeDetailsTable(currentServer.model)}

For more information on the availible environment parameters, check out the server documentation

Environment parameters

${Object.keys(currentServer.params || {}) .sort() .map((key) => row(key, currentServer.params[key]))}

${ ["OWNER"].includes(currentServer.users[user.uid]) ? html.fragment`

` : null }

${ ["OWNER"].includes(currentServer.users[user.uid]) ? html`
(mutable selectedServer = selectedServer)} value="Cancel"> ` : null } `; dom.addEventListener("input", hasChanged); return formWithSubmit2(dom); }39:T993,viewof logs = { if (currentServer === undefined || currentServer.status === 'UNPROVISIONED') return html` `; const lookbackMins = 60; var logsState = serverLogsState[currentServer.name]; if (logsState === undefined) { const begin = new Date(); begin.setMinutes(begin.getMinutes() - lookbackMins); serverLogsState[currentServer.name] = { begin: begin, nextPageToken: undefined, entries: [], } logsState = serverLogsState[currentServer.name]; } async function moreLogs() { if (logsState.nextPageToken === undefined && !logsState.begin) { logsState.begin = new Date(); logsState.begin.setMinutes(logsState.begin.getMinutes() - lookbackMins); } const request = { filter: `timestamp > "${logsState.begin.toISOString()}"`, pageToken: logsState.nextPageToken }; const response = await api.logs(currentServer, request); logsState.entries = logsState.entries.concat(response.entries); logsState.nextPageToken = response.nextPageToken; if (!logsState.nextPageToken && logsState.entries.length > 0) { const lastEntry = logsState.entries[logsState.entries.length - 1]; logsState.begin = new Date(0) logsState.begin.setUTCSeconds(lastEntry.timestamp.seconds); logsState.begin.setMilliseconds(lastEntry.timestamp.nanos * 0.000001 + 1); console.log(lastEntry, `Next ${logsState.begin.toISOString()}`) } const logs = displayLogs(response.entries); const logsContainer = document.getElementById("visibleLogs"); logsContainer.appendChild(logs); if (logsState.nextPageToken) { moreLogs(); } else { const nextPoll = setTimeout(moreLogs,10000); invalidation.then(() => clearTimeout(nextPoll)); } } function displayLogs(entries) { return html.fragment`${entries.map(entry => html.fragment` ${entry.message.stringValue} ` )}`; } moreLogs(); return html`

Server logs

${displayLogs(logsState.entries)}

` } 3a:Tc12,api = { async function backend(payload, options) { options = options || {}; if (!options.silent) console.log(payload); const result = await firebase .functions("europe-west1") .httpsCallable("api")(payload); if (!options.silent) mutable message = { request: payload, response: result }; return result; } return { topup_secs: async (vm, secs) => await backend({ op: "vmTopup", zone: vm.zone, name: vm.name, secs: secs }), /*delete: async vm => await db .collection("VMs") .doc(`${vm.zone}|${vm.name}`) .delete()*/ logs: async (vm, params) => (await backend({ op: "vmLogs", zone: vm.zone, name: vm.name, params })).data, createInvite: async params => (await backend({ op: "createInvite", params })).data, processInvite: async (id, params) => (await backend({ op: "processInvite", id, params })).data, poll: async vm => await backend( { op: "vmPoll", zone: vm.zone, name: vm.name }, { silent: true } ), provision: async vm => await backend({ op: "vmProvision", id: user.uid }), setParams: async (vm, model, params, visibility, edition) => { console.log(vm, model, params, visibility, edition); const key = vm.name === user.uid ? vm.name : `${vm.zone}|${vm.name}`; return await db .collection("VMs") .doc(key) .update({ model, params: params || {}, visibility: visibility || "public", edition }); }, new: async () => { const newVm = { name: user.uid, status: "UNPROVISIONED", model: "f1", zone: "europe-west3-a", params: {}, users: { [user.uid]: "OWNER" } }; await db .collection("VMs") .doc(user.uid) .set(newVm); mutable selectedServer = newVm; }, cancelprovision: async () => db .collection("VMs") .doc(user.uid) .delete(), setModel: async (vm, model) => db .collection("VMs") .doc(user.uid) .update({ model: model }), setEdition: async (vm, edition) => db .collection("VMs") .doc(user.uid) .update({ edition: edition }), setZone: async (vm, zone) => db .collection("VMs") .doc(user.uid) .update({ zone: zone }), claim: async (id, voucher) => db .collection("users") .doc(user.uid) .collection("transactions") .doc(id) .set(voucher), buy: async price => stripe.redirectToCheckout({ lineItems: [{ price: price, quantity: 1 }], mode: 'payment', successUrl: `${pageURL}?success`, cancelUrl: `${pageURL}?cancel`, clientReferenceId: user.uid, customerEmail: user.email }) }; }3b:[{"id":"43d84b00f81f55c58e9a2558784e0ca8843bd69299ff5569773aea0befca6141e47e4ab514359274013d995032ca413d47449d1c7a04f3c508e44116b0c001d3","href":"https://static.observableusercontent.com/files/43d84b00f81f55c58e9a2558784e0ca8843bd69299ff5569773aea0befca6141e47e4ab514359274013d995032ca413d47449d1c7a04f3c508e44116b0c001d3","name":"minecraft.jpg","type":"image/jpeg","lastModified":1604607051237.466,"size":22537}] 31:{"id":"c686e8f9e2eb9b4c","slug":"minecraft-servers-be","title":"On Demand Minecraft Servers","thumbnail":"6cb1e5fc447f71b2dade6273501e124d3e9392667bbe7186a9b3e0aa040487c3","access_level":"unlisted","create_time":"$D2020-11-05T20:10:51.237Z","update_time":"$D2023-08-23T17:15:08.706Z","view_time":null,"first_public_time":null,"has_unpublished_edits":null,"fork":{"id":"2533465cb90462d7","slug":"minecraft-servers","title":"On Demand Minecraft Servers","owner":{"id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy"}},"stars":3,"starred":false,"owner":{"type":"team","id":"7db5ed2b0697d645","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":"starter_2024"},"version":2099,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null}],"members":[{"type":"individual","id":"5215f6ec4a999d40","login":"tomlarkworthy","name":"Tom Larkworthy","avatar_url":"https://avatars-next.observableusercontent.com/47327a8bc1966f2186dcb3ebf4b7ee6e4e7ab9a5c2a07405aff57200ea778f71","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"On Demand Minecraft Servers","cells":[{"id":1086,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1694,"value":"invites = {\n const hasAccount = firebase.auth().currentUser != null;\n const hasInvite = invite && (!hasAccount || !(hasAccount && vmsCopy.find(vm => vm.name == invite.name))); \n return html`\n \n ${hasInvite? html`\n

You have been invited to a server!

\n ${!hasAccount ? html`

please login to accept.

`\n : html``\n }`: null\n }\n \n `\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1565,"value":"signupPrompt = !userCopy ? html`\n \n

Step 1. Create an account by signing in

Step 2. Claim your new user bonus of ${newUserBonus.amount} ${newUserBonus.currency}

\n \n`: html` `","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"$34","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1592,"value":"$35","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":202,"value":"$36","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":988,"value":"$37","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":702,"value":"$38","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2095,"value":"","pinned":false,"hidden":false,"mode":"html","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":1721,"value":"$39","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":0,"value":"html`

\n${md`\n### Development Roadmap\n - Add Storage charges\n - More regions\n - Remove players from server userlist\n - Improve UX of server logs\n - Improve invite link\n - Private settings for bedrock probably doesn't work\n - Faster feedback when topping up server\n`}\n

`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":823,"value":"updatedParams = {\n if (newServerParameters !== undefined){\n const model = newServerParameters.model;\n const edition = newServerParameters.edition;\n console.log(\"Saving parameters\");\n const sanatizedNewParams = {}\n function sanatize(keyOrValue) {\n return keyOrValue.replace(/^param-\\d+/,'')\n }\n const keys = {};\n const values = {};\n \n Object.keys(newServerParameters).map(key => {\n const key_id = (key.match(/^param-(\\d+)-key/) || [])[1];\n const value_id = (key.match(/^param-(\\d+)-value/) || [])[1];\n if (key_id) keys[key_id] = newServerParameters[key];\n if (value_id) values[value_id] = newServerParameters[key];\n });\n \n const params = {};\n Object.keys(keys).map(idx => {\n if (keys[idx] && keys[idx].length >= 1) params[keys[idx]] = values[idx];\n });\n await api.setParams(selectedServer, model, params, selectedServer.visibility, edition);\n return {model, params};\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":866,"value":"viewof currentServer = new DocView(db.collection(\"VMs\").doc(\n selectedServer.name == user.uid ? selectedServer.name : `${selectedServer.zone}|${selectedServer.name}`))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1001,"value":"currentServerUsernamesById = {\n if (currentServer === undefined) return {}\n const usernames = await Promise.all(Object.keys(currentServer.users).map(\n uid => db.collection(\"usernames\").doc(uid).get().then(doc => ({name: (doc.data() || {}).name, uid: uid}))\n ))\n return usernames.reduce(\n (index, entry) => Object.defineProperty(index, entry.uid, {value: entry.name, enumerable: true}),\n {}\n )\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":285,"value":"mutable message = \"\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":283,"value":"$3a","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1793,"value":"serverLogsState = ({\n \n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"db = firebase.firestore();","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"viewof profile = new DocView(db.collection(\"users\").doc(user.uid), {})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":394,"value":"viewof transactions = new DocsView(db.collection(\"users\").doc(user.uid).collection(\"transactions\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":502,"value":"viewof serverModels = new DocsView(db.collection(\"serverModels\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":975,"value":"serverModelsById = serverModels.reduce(\n (index, model) => Object.defineProperty(index, model.id, {value: model, enumerable: true}),\n {}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":540,"value":"viewof zones = new DocsView(db.collection(\"zones\"))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"viewof vms = new DocsView(db.collection(\"VMs\").where(`users.${(user || {}).uid}`, '!=', null));","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1082,"value":"invite = pageParams.invite ? (await db.collection(\"invites\").doc(pageParams.invite).get()).data() : undefined","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1172,"value":"mutable vmsCopy = []","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1176,"value":"vmsCopier = {\n mutable vmsCopy = vms\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1706,"value":"mutable userCopy = null","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1708,"value":"userCopier = {\n mutable userCopy = user\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1219,"value":"viewof username = new DocView(db.collection(\"usernames\").doc(user.uid))","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1225,"value":"username_initializer = {\n if (username === undefined) {\n db.collection(\"usernames\").doc(user.uid).set({\n name: names.uniqueNamesGenerator({\n dictionaries: [names.adjectives, names.colors, names.animals],\n separator: ' ',\n }, {merge: true})\n })\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":402,"value":"balance = transactions.reduce(\n (bal, tx) => {\n bal[tx.currency] = (bal[tx.currency] || 0) + tx.amount\n return bal\n },\n {}\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":158,"value":"onLogin = {\n if (firebase.auth().currentUser) {\n db.collection(\"users\")\n .doc(user.uid)\n .update({\n login: firebase.firebase_.firestore.FieldValue.serverTimestamp()\n });\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":698,"value":"mutable selectedServer = ({})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1337,"value":"currentServer","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":381,"value":"poll_state = {\n yield;\n while (true) {\n vms.forEach(vm => {\n if (vm.name != user.uid) api.poll(vm)\n });\n yield Promises.delay(10000);\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":364,"value":"firebase.SDK_VERSION","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":265,"value":"now_s = { \n yield Math.floor(Date.now()/1000);\n while (true) {\n yield Promises.delay(30000, Math.floor(Date.now()/1000 + 30));\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1423,"value":"pageURL = html``.href.match(/^([^?]*)/)[0]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1072,"value":"pageParams = Object.fromEntries(new URLSearchParams(location.search).entries());","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1380,"value":"stripe = Stripe(STRIPE_API_KEY)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":38,"value":"firebaseConfig = ({\n // See https://console.firebase.google.com/u/0/project/_/settings/general/web\n name: \"minecraft\",\n apiKey: \"AIzaSyD882c8YEgeYpNkX01fhpUDfioWl_ETQyQ\",\n authDomain: \"endpointservice.firebaseapp.com\",\n databaseURL: \"https://endpointservice.firebaseio.com\",\n projectId: \"endpointservice\",\n storageBucket: \"endpointservice.appspot.com\",\n appId: \"1:1986724398:web:9b8bc33895b45dd2e095bf\",\n uiConfig: {\n signInOptions: [\"google.com\", \"facebook.com\", \"phone\" /*\"password\", */]\n }\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1378,"value":"STRIPE_API_KEY = \"pk_live_51HbQzcHGNosi6Ft0JM18AKCtG3cIs707E1ft1B5ePvpptHb5yoLnXHXLWkyBbDjHgtlPMOT0233jrcfvWAGj6AYp00RxIZdaky\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"import {viewof user, firebase, DocView, DocsView}\nwith {firebaseConfig as firebaseConfig}\nfrom \"@tomlarkworthy/firebaseui\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":54,"value":"import {render, component, jsx, memo, forwardRef, React, ReactDOM, createElement, Children, createRef, createContext, lazy, Fragment, StrictMode, Suspense, cloneElement, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useReducer, useRef, useState} from '@j-f1/react-16'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":1229,"value":"names = import('https://unpkg.com/unique-names-generator@4.3.1/dist/index.m.js?module')","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":57,"value":"import {html} from '@observablehq/htl'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2087,"value":"formWithSubmit2 = (form) => {\n const container = html`