2c:null 2d:["$","title",null,{"children":"Lang: Language translation helper functions | Adaptation Atlas | Observable"}] 32:T1246,// combine language functions into combined object Lang = { const VERSION = "2.0.0"; // bundle up all functions const bundle = { version: VERSION, lg, getText, getRegexForNamedInsertion, reduceReplaceTemplateItems, listLeavesMissingObjectKeys, getParamFromList, toTitleCase, toSentenceCase }; return bundle; // FUNCTIONS /** * Shorthand for getText, that defines default key */ function lg(defaultKey) { return (textObj) => getText(textObj, { key: defaultKey }); } /** * get the text in specified language key, or undefined * - default to 'en' */ function getText(textObj, { key = null } = {}) { if (key === null) { throw new Error("No 'key' field; please provide a language key."); } // get the text in specified language key return textObj?.[key]; } /** * get a regex for a defined string * - default to wrapping in triple angle brackets (<<< item >>>) * - ignores whitespace before and after inner string */ function getRegexForNamedInsertion( itemName, { start = ":::", end = ":::" } = {} ) { return new RegExp(`${start}\\s*${itemName}\\s*${end}`, "g"); } /** * replace items in template, return replaced string * - default fields for 'items' array of objects [{name: "...", value: "..."}] */ function reduceReplaceTemplateItems( template, items, { templateNameField = "name", templateValueField = "value", ...options } = {} ) { return items.reduce((text, item) => { return text.replace( getRegexForNamedInsertion(item[templateNameField], { ...options }), item[templateValueField] ); }, template); } /** * Lists the leaves (i.e., terminal nodes) of an object tree that are missing specified keys. * * @param {Object} obj - The object to traverse. * @param {string[]} keys - An array of keys to check for existence. * @returns {string[]} An array containing the keys of leaves that are missing from the object tree. */ function listLeavesMissingObjectKeys(obj, keys) { const missingLeaves = []; function traverse(obj, path) { if (typeof obj !== "object" || obj === null) { // If obj is not an object or is null, return return; } if (Array.isArray(obj)) { // if array has no items, add to missingLeaves if (obj.length == 0) { missingLeaves.push({ [path]: obj }); return; } // If obj is an array, traverse each element obj.forEach((item, index) => { traverse(item, `${path}[${index}]`); }); return; } if (Object.keys(obj).length === 0) { // If obj is an empty object, add it to missingLeaves missingLeaves.push({ [path]: obj }); return; } for (let key in obj) { if (Object.hasOwnProperty.call(obj, key)) { if (typeof obj[key] === "object" && obj[key] !== null) { // If the value is an object, recursively traverse it traverse(obj[key], `${path}.${key}`); } else { // If the value is not an object, check if it's missing any keys const missingKeys = keys.filter((k) => !(k in obj)); if (missingKeys.length > 0) { missingLeaves.push({ [path]: obj }); break; } } } } } traverse(obj, ""); return missingLeaves; } /** * Get a query string parameter and return if * param is in the list of options provided. * Return null otherwise * - name: name of the parameter * - [list]: list of parameter options * - search: (location.search) input to URLSearchParams */ async function getParamFromList({ name, list, search = location.search } = {}) { if (!name || !list) { throw new Error("'name' and 'list' parameters are required."); } const params = await new URLSearchParams(search); const hasParam = params.has(name); const param = params.get(name); return hasParam && list.includes(param) ? param : null; } /** * Return string in title case */ function toTitleCase(str) { if (typeof str !== "string") { throw new Error("Input must be a string"); } return str.replace( /\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.slice(1) ); } /** * Return string in sentence case */ function toSentenceCase(str) { if (typeof str !== "string") { throw new Error("Input must be a string"); } return str.charAt(0).toUpperCase() + str.slice(1); } }33:Ta63,logData = { /* version: the version number listed in export versionObservable: the version number in Observable version history date: date of the version opener: main title of version mdList: [array] of text to show any notes as unordered list */ return [ { version: "2.0.0", versionObservable: "v424", date: "2024-04-22", opener: "Independence", mdList: [ "Lang functions are separate from support text", "Other notebook handles use of any support text." ] }, { version: "1.2.0", versionObservable: "v407", date: "2024-04-19", opener: "Spring cleaning", mdList: [ "Add 'lg' shorthand for getting text, setting default key", "Ordered functions within Lang cell" ] }, { version: "1.1.1", versionObservable: "v399", date: "2024-04-18", opener: "Spruce up source notebook", mdList: ["Add hero image"] }, { version: "1.1.0", versionObservable: "v398", date: "2024-04-18", opener: "Triple colon default", mdList: [ "Set the default field for dynamic inserts to use triple colons `:::example:::`. Leads to better results when showing templates in markdown." ] }, { version: "1.0.1", versionObservable: "v342", date: "2024-04-18", opener: "Demo pass", mdList: ["Expand demos a bit"] }, { version: "1.0.0", versionObservable: "v287", date: "2024-04-18", opener: "Tres bien", mdList: [ "Add better logging", "Move insights h3 under labels", "Review demos" ] }, { version: "0.1.0", versionObservable: "v221", date: "2024-04-18", opener: "A good default", mdList: [ "Added `getParamFromList` helper to get a default parameter from notebook link" ] }, { version: "0.0.4", versionObservable: "v187", date: "2024-04-17", opener: "Cases and demos", mdList: ["Language helpers: case", "Add to demos"] }, { version: "0.0.3", versionObservable: "v86", date: "2024-04-12", opener: "Replace reduce", mdList: ["Add function for template reduce (replace items)"] }, { version: "0.0.2", versionObservable: "v79", date: "2024-04-12", opener: "Support Text", mdList: ["Adding general en/fr text in `supportNbText`"] }, { version: "0.0.1", versionObservable: "v78", date: "2024-04-12", opener: "Init", mdList: ["Helpers to parse languages"] } ]; }34:[{"id":"3b5925a58cfd715c82be14747a46cb45289ae83e1b44102f1cab9b17eef52bf8c39bf8ce9bc3e763173d22c3fac6337ab30b93f634cd66ea7a19a6dc89ead81c","href":"https://static.observableusercontent.com/files/3b5925a58cfd715c82be14747a46cb45289ae83e1b44102f1cab9b17eef52bf8c39bf8ce9bc3e763173d22c3fac6337ab30b93f634cd66ea7a19a6dc89ead81c","name":"Periscopic-Alliance-Bioversity_Adaptation-Atlas_Notebook-Title_Spotlight-Language-Translation.png","type":"image/png","lastModified":1713480850519.075,"size":57846}] 30:{"id":"7d46679f7d0d917e","slug":null,"title":"Lang: Language translation helper functions","thumbnail":"8bb146dbeafe4d399e5d448b96b7c63c5d38d6ed87d6cb51e1bf264bba3670da","access_level":"unlisted","create_time":"$D2024-04-12T17:58:53.318Z","update_time":"$D2024-04-23T17:29:51.433Z","view_time":null,"first_public_time":"$D2024-08-23T17:21:04.605Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"12414a321ca4e2eb","login":"adaptationatlas","name":"Adaptation Atlas","avatar_url":"https://avatars-next.observableusercontent.com/a2b157f93935de90d1d7f943b41fe4122a4245aff9fb17107c802128c15e92d7","tier":"starter_2024"},"version":424,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"284cdf205719c86e","login":"zachperiscopic","name":"Zach Bogart","avatar_url":"https://avatars-next.observableusercontent.com/6f18b0401ce7dbd258bca1afb27a7a9d850d10197a42ad23e35e242ca095a4e9","tier":null}],"members":[{"type":"individual","id":"2c0baffa9f00e90d","login":"brayden-youngberg","name":"Brayden Youngberg","avatar_url":"https://avatars-next.observableusercontent.com/9d3774d3e2c9c59ca97673dddfdfe6076e1fe4080d62c70f0b7dd0f762e55f38","tier":null,"role":"editor"},{"type":"individual","id":"53be66ef1c546981","login":"steward-peter-alliance-bioversity-ciat","name":"Steward, Peter (Alliance Bioversity-CIAT)","avatar_url":"https://avatars-next.observableusercontent.com/cdb2940d5dacfccbe6e407c0bee2334b4ac7370eac58c90e27feef177995a37b","tier":null,"role":"editor"},{"type":"individual","id":"8e605a4fa43f52bf","login":"toddr","name":"ToddR","avatar_url":"https://avatars-next.observableusercontent.com/77a310aec88e9bac0a7d81b4a12cb5b9bd43c2df8e68402c360bfb889348ead8","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":9,"collection":{"id":"29abadcd83cd5de4","slug":"atlas-tools","title":"Atlas Tools","owner":{"id":"12414a321ca4e2eb","login":"adaptationatlas","name":"Adaptation Atlas"}},"type":"notebook","body":{"title":"Lang: Language translation helper functions","cells":[{"id":382,"value":"{\n const imgUrl = FileAttachment(\n \"Periscopic-Alliance-Bioversity_Adaptation-Atlas_Notebook-Title_Spotlight-Language-Translation.png\"\n ).url();\n\n return htl.html`

${notebookTitle}

`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"_Latest version: **${Lang.version}**_ ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":378,"value":"This notebook provides a set of **helper functions** used to aid in translating notebooks into different languages. ","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":10,"value":"---\n## Import","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":12,"value":"```js\nimport { Lang } from \"${currentSpecifier}\"\n```","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":75,"value":"---\n## Log","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":235,"value":"Logging.makeLog({\n summary: md`${Logging.showLatest(logData[0])}`,\n log: md`${logData.map(d => Logging.showVersion(d)).join(\"\\n\\n\")}`\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"---\n# Demo","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":0,"value":"## Method\n- Define an object to get text for different language keys\n- Use regex replace to insert dynamic values","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":34,"value":"First, define all of the text to translate within a notebook in a nested object, with fields for each language:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":19,"value":"nbText = {\n return {\n hello: {\n en: \"hello\",\n fr: \"Bonjour\"\n },\n error: {\n en: \"Whoops\"\n },\n insert: {\n small: {\n en: \"This is an insertion example: :::field:::\",\n fr: \"Ceci est un exemple d'insertion: :::field:::\"\n },\n big: {\n en: \"This is an insertion example: :::field::: :::name:::\",\n fr: \"Ceci est un exemple d'insertion: :::field::: :::name:::\"\n }\n }\n };\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"Next, define all the language options. I also define a locale for each language, which is used for some formatting functions.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":26,"value":"languages = [\n { key: \"en\", label: \"English\", locale: 'en-US' },\n { key: \"fr\", label: \"Français\", locale: 'fr-FR' }\n]","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":39,"value":"Finally, make a main language toggle to pick the language key. You can keep this in the appendix. See the advanced section for an explanation of default values from url parameters.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":24,"value":"// main toggle of language key\nviewof language = Inputs.radio(languages, {\n label: \"Main language toggle\",\n format: (d) => d.key,\n value: languages.find((x) => x.key === defaultLangKey),\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":44,"value":"Now, wherever you want to add a language toggle, you can make an Input and bind it to your appendix toggle. This allows you to make multiple language toggles in a notebook, as well as customize formatting.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":28,"value":"// pretty view of language toggle\nviewof prettyLanguageView = {\n return Inputs.bind(\n Inputs.radio(languages, {\n label: \"Language\",\n format: (d) => d.label\n }),\n viewof language\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":156,"value":"### Insert values","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":47,"value":"To reference values in different languages, you can use `Lang.getText` as a helper to reference a field. You should pass the function a path down to a reference in your text object where you have the desired values in each language key. In this case, we pass the key we want based on the language we have chosen from our main toggle. The function will return undefined if the key is not present.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":22,"value":"Lang.getText(nbText.hello, {key: language.key})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":67,"value":"We can also insert text into a template string. For example, here we define an array of objects to replace the `:::field:::` item in the text string we get from our text object:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":255,"value":"Lang.getText(nbText.insert.small, { key: language.key }); ","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"{\n const template = Lang.getText(nbText.insert.small, { key: language.key });\n const items = [{ name: \"field\", value: \"hello world!\" }];\n return Lang.reduceReplaceTemplateItems(template, items);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":258,"value":"We could then add objects to `items` to replace multiple fields. Or we could update the value to be based on the language:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":266,"value":"// pretty view of language toggle\n{\n return Inputs.bind(\n Inputs.radio(languages, {\n label: \"Language\",\n format: (d) => d.label\n }),\n viewof language\n );\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":297,"value":"Lang.getText(nbText.insert.big, { key: language.key });","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":296,"value":"viewof text = Inputs.text({label: \"Type your name\", placeholder: \"Ex. John\", value: \"John\"})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":263,"value":"{\n const template = Lang.getText(nbText.insert.big, { key: language.key });\n const greeting = Lang.getText(nbText.hello, {key: language.key});\n const items = [\n { name: \"field\", value: greeting },\n { name: \"name\", value: text },\n ];\n return Lang.reduceReplaceTemplateItems(template, items);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":318,"value":"Template strings expect a dynamic field to be surrounded by triple colons: (:::example:::), but you can customize the start and end substrings:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":335,"value":"customTemplate = \"This is a test: >field<\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":310,"value":"{\n // all at once\n return Lang.reduceReplaceTemplateItems(\n customTemplate,\n [{ name: \"field\", value: \"hello world!\" }],\n { start: \">\", end: \"<\" }\n );\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":160,"value":"### Check nested object","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":49,"value":"To get a sense of the coverage of your nested text object, you can check if there are any fields missing:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":51,"value":"Lang.listLeavesMissingObjectKeys(nbText, ['en', 'fr'])","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":163,"value":"### Shorthand","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":114,"value":"Writing out the `Lang.getText(path, {key: \"key\"})` can be a little wordy. Once you define the language toggle, you can create a helper function to simplify the execution. The `lg` function will return a function with the language key set to the desired default:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":405,"value":"{\n const demo = Lang.lg(language.key)\n return demo(nbText.hello)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":404,"value":"You can name this function whatever you want. Here we set the function to `_lang` to be used in other cells:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":403,"value":"_lang = Lang.lg(language.key)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"Here are some shorter examples:","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":119,"value":"_lang(nbText.hello) // helper, default key","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"{\n // helper default\n const template = _lang(nbText.insert.small);\n const items = [{ name: \"field\", value: \"hello world!\" }];\n return Lang.reduceReplaceTemplateItems(template, items);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"{\n // all at once\n return Lang.reduceReplaceTemplateItems(\n _lang(nbText.insert.small),\n [{ name: \"field\", value: \"hello world!\" }]\n )\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"### Language helpers","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":169,"value":"Strings have methods for lower- and upper-case. The module includes functions for TitleCase and \"Sentence case\":","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":173,"value":"testString = \"welcome to my home\"","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":182,"value":"Lang.toTitleCase(testString)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":180,"value":"Lang.toSentenceCase(testString)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":230,"value":"## Advanced","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":192,"value":"### Passing default language keys in notebook link","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":193,"value":"You can use the `getParamFromList` helper to check a query string parameter. This can allow notebooks to be linked with a default language state. Below we define the default language key from the `lang` query parameter in the url (if there is any), otherwise default to English.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":292,"value":"// check url for parameter 'lang' from our language key list\nqueryLanguage = Lang.getParamFromList({\n name: \"lang\",\n list: languages.map((d) => d.key)\n})","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":197,"value":"// get the default language key from parameter, or use default\ndefaultLangKey = {\n const name = \"lang\";\n const list = languages.map((d) => d.key);\n const defaultKey = \"en\";\n\n return queryLanguage ?? defaultKey;\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":201,"value":"If you visit the link below, you will set the default language, our `queryLanguage` cell, to the `fr` key, so the toggles will be set to French when you arrive:\n- https://observablehq.com/d/7d46679f7d0d917e?lang=fr","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":8,"value":"---\n# Implementation","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":3,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":227,"value":"## Logging","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":422,"value":"Versioning is logged using main tag and version number from notebook history. You can hard-code a version by adding its version number in the import. For more info, see [import documentation](https://observablehq.com/documentation/notebooks/imports#imports).","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":226,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":225,"value":"Logging = {\n const bundle = {\n makeLog,\n showLatest,\n showVersion\n };\n return bundle;\n\n // FUNCTIONS\n\n /*\n * Make the collapsible log\n */\n function makeLog({ summary = \"Dev log\", log = \"Placeholder text\" } = {}) {\n return htl.html`

${summary}

\n${log}\n

`;\n }\n\n /*\n * Show the latest version, used in summary of log\n */\n function showLatest(data) {\n return `### ${data.version} (${data.versionObservable}) _${data.date}_: ${data.opener}\n\n_Click to expand full log_\n\n***`;\n }\n\n /*\n * Show a version in the log, used in collapsed details\n */\n function showVersion(data) {\n return `**${data.version} (${data.versionObservable}) _${data.date}_: ${data.opener}** \n${data.mdList.map((d) => `- ${d}`).join(\"\\n\")}`;\n }\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":98,"value":"---\n## Appendix","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":390,"value":"notebookTitle = \"Lang: Language translation helper functions\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":92,"value":"// from https://observablehq.com/@d3/example-components\ncurrentSpecifier = {\n const {pathname} = new URL(document.baseURI);\n return pathname.slice(pathname.startsWith(\"/d/\") ? 3 : 1);\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 31:"$30:body"