{"version":3,"names":["_self","window","WorkerGlobalScope","self","Prism","lang","uniqueId","plainTextGrammar","_","manual","disableWorkerMessageHandler","util","encode","tokens","Token","type","content","alias","Array","isArray","map","replace","o","Object","prototype","toString","call","slice","objId","obj","defineProperty","value","clone","deepClone","visited","id","key","hasOwnProperty","forEach","v","i","getLanguage","element","m","exec","className","toLowerCase","parentElement","setLanguage","language","RegExp","classList","add","currentScript","document","Error","err","src","stack","scripts","getElementsByTagName","isActive","defaultActivation","no","contains","languages","plain","plaintext","text","txt","extend","redef","insertBefore","inside","before","insert","root","grammar","ret","token","newToken","old","DFS","this","callback","property","propertyType","plugins","highlightAll","async","highlightAllUnder","container","env","selector","hooks","run","elements","apply","querySelectorAll","highlightElement","parent","nodeName","code","textContent","insertHighlightedCode","highlightedCode","innerHTML","hasAttribute","setAttribute","Worker","worker","filename","onmessage","evt","data","postMessage","JSON","stringify","immediateClose","highlight","tokenize","rest","tokenList","LinkedList","addAfter","head","matchGrammar","toArray","all","name","push","callbacks","length","matchedStr","s","e","tag","classes","attributes","aliases","join","matchPattern","pattern","pos","lookbehind","lastIndex","match","lookbehindLength","index","startNode","startPos","rematch","patterns","j","cause","patternObj","greedy","global","flags","source","currentNode","next","tail","reach","str","removeCount","from","to","p","k","matchStr","after","removeFrom","prev","removeRange","wrapped","nestedRematch","list","node","newNode","count","array","addEventListener","message","parse","close","script","highlightAutomaticallyCallback","readyState","defer","requestAnimationFrame","setTimeout","module","exports","markup","comment","prolog","doctype","string","punctuation","cdata","namespace","entity","addInlined","tagName","includedCdataInside","def","attrName","html","mathml","svg","xml","ssml","atom","rss","css","atrule","rule","keyword","url","function","important","addAttribute","clike","boolean","number","operator","javascript","regex","parameter","constant","hashbang","interpolation","js","Element","matches","msMatchesSelector","webkitMatchesSelector","LOADING_MESSAGE","FAILURE_MESSAGE","status","FAILURE_EMPTY_MESSAGE","EXTENSIONS","py","rb","ps1","psm1","sh","bat","h","tex","STATUS_ATTR","STATUS_LOADING","STATUS_LOADED","STATUS_FAILED","SELECTOR","loadFile","success","error","xhr","XMLHttpRequest","open","onreadystatechange","responseText","statusText","send","parseRange","range","start","Number","comma","end","undefined","pre","appendChild","createElement","getAttribute","extension","autoloader","loadLanguages","lines","split","Math","max","min","String","fileHighlight","logged","console","warn","arguments","replacements","re","nested","depthLog2","keywordKinds","typeDeclaration","contextual","other","keywordsToPattern","words","trim","typeDeclarationKeywords","keywords","nonTypeKeywords","nonContextualKeywords","generic","nestedRound","genericName","identifier","typeExpressionWithoutTuple","tupleElement","tuple","typeExpression","typeInside","character","regularString","verbatimString","csharp","preprocessor","directive","regularStringOrCharacter","regularStringCharacterOrComment","roundExpression","attrTarget","attr","attribute","target","formatString","mInterpolationRound","mInterpolation","sInterpolationRound","sInterpolation","createInterpolationInside","interpolationRound","expression","char","dotnet","cs","json","null","webmanifest","typescript","builtin","decorator","at","ts","AppCodeComponent","style","componentWillRender","import","default","g","render","Host","class","title","AppDiagramComponent","static","lib","mermaid","then","n","b7","initialize","startOnLoad","theme","fontFamily","sequence","diagramMarginX","diagramMarginY","mirrorActors","bottomMarginAdj","messageFontSize","actorFontSize","result","clean","removeAttribute","startsWith","x","children","child","cleaned","removeChild","parseInt","componentCss","AppHomeStyle0","AppHome","width","height","href","rel","summary","parseRouteMatch","defaultValues","parsers","params","search","parser","decodeURIComponent","getMatcher","getRouteExp","path","filter","endsWith","substring","reduce","pp","splitPath","trailingSlash","pathParts","normalisePath","toParams","matchRoute","routeExp","__search","groups","keys","getRoute","props","pathExp","location","pathname","toSearch","param","values","wait","interval","Promise","resolve","createRouter","routes","options","transitionMs","state","getMatch","router","scrollTop","r","eventDetail","getMatchParam","find","emitRouteChanging","emitRouting","canonical","querySelector","origin","scrollTo","emitRouteChanged","go","historyState","top","round","scrollingElement","history","replaceState","pushState","back","ref","el","toggleAttribute","test","onClick","button","ctrlKey","metaKey","shiftKey","preventDefault","onmouseover","onmouseout","dispose","removeEventListener","popStateHandler","detail","dispatchEvent","CustomEvent","cancelable","renderFirst","renderMap","notFound","names","appRouterUrls","home","lookMaNoHands","workingFromHome","expertAssignment","theDeveloperAndTheAi","dataIsKey","azureFunctionsDurableTasks","mapGo","urls","entries","fn","a","mapHRef","mapClick","appRouter","click","init","notFoundPageCss","AppNotFoundStyle0","NotFoundPage","AppRootStyle0","AppRoot","onBeforeinstallprompt","installPrompt","onSWUpdate","registration","navigator","serviceWorker","getRegistration","waiting","onRouting","ownerDocument","documentElement","toggle","onRouteChange","routeMatches","install","prompt","outcome","userChoice","log","componentWillLoad","themeColorElement","getComputedStyle","getPropertyValue","metaData","metaTag","remove","AppShareStyle0","AppShareComponent","available","share","xmlns","viewBox","version","d","shareData","debug","EntryAzureFunctionsDurableTasksStyle0","AzureFunctionsDurableTasksPage","renderMore","Fragment","EntryDataIsKeyStyle0","EntryDataIsKeyPage","EntryExpertAssignmentStyle0","EntryExpertAssignmentPage","fill","transform","y","stroke","cx","cy","rx","ry","EntryLookMaNoHandsStyle0","EntryLookMaNoHandsPage","EntryTheDeveloperAndTheAiStyle0","EntryTheDeveloperAndTheAiPage","EntryWorkingFromHomeStyle0","EntryWorkingFromHomePage"],"sources":["node_modules/prismjs/prism.js","node_modules/prismjs/components/prism-csharp.js","node_modules/prismjs/components/prism-json.js","node_modules/prismjs/components/prism-typescript.js","src/common/code/component.tsx","src/common/diagrams/component.tsx","src/components/home/page/component.css?tag=app-home&encapsulation=shadow","src/components/home/page/component.tsx","src/common/routing/parseRouteMatch.ts","src/common/routing/getRouteMatchParser.ts","src/common/routing/getRouteExp.ts","src/common/routing/splitPath.ts","src/common/routing/normalisePath.ts","src/common/routing/toParams.ts","src/common/routing/matchRoute.ts","src/common/routing/getRoute.ts","src/common/routing/toSearch.ts","src/common/promises/wait.ts","src/common/routing/createRouter.ts","src/global/appRouter.ts","src/components/root/not-found/page/NotFoundPage.css?tag=app-not-found","src/components/root/not-found/page/NotFoundPage.tsx","src/components/root/page/component.css?tag=app-root","src/components/root/page/component.tsx","src/common/sharing/component.css?tag=app-share&encapsulation=shadow","src/common/sharing/component.tsx","src/components/entry-azure-functions-durable-tasks/page/component.css?tag=entry-azure-functions-durable-tasks&encapsulation=shadow","src/components/entry-azure-functions-durable-tasks/page/component.tsx","src/components/entry-data-is-key/page/component.css?tag=entry-data-is-key&encapsulation=shadow","src/components/entry-data-is-key/page/component.tsx","src/components/entry-expert-assignment/page/component.css?tag=entry-expert-assignment&encapsulation=shadow","src/components/entry-expert-assignment/page/component.tsx","src/components/entry-look-ma-no-hands/page/component.css?tag=entry-look-ma-no-hands&encapsulation=shadow","src/components/entry-look-ma-no-hands/page/component.tsx","src/components/entry-the-developer-and-the-ai/page/component.css?tag=entry-the-developer-and-the-ai&encapsulation=shadow","src/components/entry-the-developer-and-the-ai/page/component.tsx","src/components/entry-working-from-home/page/component.css?tag=entry-working-from-home&encapsulation=shadow","src/components/entry-working-from-home/page/component.tsx"],"sourcesContent":["\n/* **********************************************\n     Begin prism-core.js\n********************************************** */\n\n/// <reference lib=\"WebWorker\"/>\n\nvar _self = (typeof window !== 'undefined')\n\t? window   // if in browser\n\t: (\n\t\t(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)\n\t\t\t? self // if in worker\n\t\t\t: {}   // if in node js\n\t);\n\n/**\n * Prism: Lightweight, robust, elegant syntax highlighting\n *\n * @license MIT <https://opensource.org/licenses/MIT>\n * @author Lea Verou <https://lea.verou.me>\n * @namespace\n * @public\n */\nvar Prism = (function (_self) {\n\n\t// Private helper vars\n\tvar lang = /(?:^|\\s)lang(?:uage)?-([\\w-]+)(?=\\s|$)/i;\n\tvar uniqueId = 0;\n\n\t// The grammar object for plaintext\n\tvar plainTextGrammar = {};\n\n\n\tvar _ = {\n\t\t/**\n\t\t * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the\n\t\t * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load\n\t\t * additional languages or plugins yourself.\n\t\t *\n\t\t * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.\n\t\t *\n\t\t * You obviously have to change this value before the automatic highlighting started. To do this, you can add an\n\t\t * empty Prism object into the global scope before loading the Prism script like this:\n\t\t *\n\t\t * ```js\n\t\t * window.Prism = window.Prism || {};\n\t\t * Prism.manual = true;\n\t\t * // add a new <script> to load Prism's script\n\t\t * ```\n\t\t *\n\t\t * @default false\n\t\t * @type {boolean}\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\tmanual: _self.Prism && _self.Prism.manual,\n\t\t/**\n\t\t * By default, if Prism is in a web worker, it assumes that it is in a worker it created itself, so it uses\n\t\t * `addEventListener` to communicate with its parent instance. However, if you're using Prism manually in your\n\t\t * own worker, you don't want it to do this.\n\t\t *\n\t\t * By setting this value to `true`, Prism will not add its own listeners to the worker.\n\t\t *\n\t\t * You obviously have to change this value before Prism executes. To do this, you can add an\n\t\t * empty Prism object into the global scope before loading the Prism script like this:\n\t\t *\n\t\t * ```js\n\t\t * window.Prism = window.Prism || {};\n\t\t * Prism.disableWorkerMessageHandler = true;\n\t\t * // Load Prism's script\n\t\t * ```\n\t\t *\n\t\t * @default false\n\t\t * @type {boolean}\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\tdisableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,\n\n\t\t/**\n\t\t * A namespace for utility methods.\n\t\t *\n\t\t * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may\n\t\t * change or disappear at any time.\n\t\t *\n\t\t * @namespace\n\t\t * @memberof Prism\n\t\t */\n\t\tutil: {\n\t\t\tencode: function encode(tokens) {\n\t\t\t\tif (tokens instanceof Token) {\n\t\t\t\t\treturn new Token(tokens.type, encode(tokens.content), tokens.alias);\n\t\t\t\t} else if (Array.isArray(tokens)) {\n\t\t\t\t\treturn tokens.map(encode);\n\t\t\t\t} else {\n\t\t\t\t\treturn tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\\u00a0/g, ' ');\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns the name of the type of the given value.\n\t\t\t *\n\t\t\t * @param {any} o\n\t\t\t * @returns {string}\n\t\t\t * @example\n\t\t\t * type(null)      === 'Null'\n\t\t\t * type(undefined) === 'Undefined'\n\t\t\t * type(123)       === 'Number'\n\t\t\t * type('foo')     === 'String'\n\t\t\t * type(true)      === 'Boolean'\n\t\t\t * type([1, 2])    === 'Array'\n\t\t\t * type({})        === 'Object'\n\t\t\t * type(String)    === 'Function'\n\t\t\t * type(/abc+/)    === 'RegExp'\n\t\t\t */\n\t\t\ttype: function (o) {\n\t\t\t\treturn Object.prototype.toString.call(o).slice(8, -1);\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns a unique number for the given object. Later calls will still return the same number.\n\t\t\t *\n\t\t\t * @param {Object} obj\n\t\t\t * @returns {number}\n\t\t\t */\n\t\t\tobjId: function (obj) {\n\t\t\t\tif (!obj['__id']) {\n\t\t\t\t\tObject.defineProperty(obj, '__id', { value: ++uniqueId });\n\t\t\t\t}\n\t\t\t\treturn obj['__id'];\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Creates a deep clone of the given object.\n\t\t\t *\n\t\t\t * The main intended use of this function is to clone language definitions.\n\t\t\t *\n\t\t\t * @param {T} o\n\t\t\t * @param {Record<number, any>} [visited]\n\t\t\t * @returns {T}\n\t\t\t * @template T\n\t\t\t */\n\t\t\tclone: function deepClone(o, visited) {\n\t\t\t\tvisited = visited || {};\n\n\t\t\t\tvar clone; var id;\n\t\t\t\tswitch (_.util.type(o)) {\n\t\t\t\t\tcase 'Object':\n\t\t\t\t\t\tid = _.util.objId(o);\n\t\t\t\t\t\tif (visited[id]) {\n\t\t\t\t\t\t\treturn visited[id];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclone = /** @type {Record<string, any>} */ ({});\n\t\t\t\t\t\tvisited[id] = clone;\n\n\t\t\t\t\t\tfor (var key in o) {\n\t\t\t\t\t\t\tif (o.hasOwnProperty(key)) {\n\t\t\t\t\t\t\t\tclone[key] = deepClone(o[key], visited);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\treturn /** @type {any} */ (clone);\n\n\t\t\t\t\tcase 'Array':\n\t\t\t\t\t\tid = _.util.objId(o);\n\t\t\t\t\t\tif (visited[id]) {\n\t\t\t\t\t\t\treturn visited[id];\n\t\t\t\t\t\t}\n\t\t\t\t\t\tclone = [];\n\t\t\t\t\t\tvisited[id] = clone;\n\n\t\t\t\t\t\t(/** @type {Array} */(/** @type {any} */(o))).forEach(function (v, i) {\n\t\t\t\t\t\t\tclone[i] = deepClone(v, visited);\n\t\t\t\t\t\t});\n\n\t\t\t\t\t\treturn /** @type {any} */ (clone);\n\n\t\t\t\t\tdefault:\n\t\t\t\t\t\treturn o;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.\n\t\t\t *\n\t\t\t * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.\n\t\t\t *\n\t\t\t * @param {Element} element\n\t\t\t * @returns {string}\n\t\t\t */\n\t\t\tgetLanguage: function (element) {\n\t\t\t\twhile (element) {\n\t\t\t\t\tvar m = lang.exec(element.className);\n\t\t\t\t\tif (m) {\n\t\t\t\t\t\treturn m[1].toLowerCase();\n\t\t\t\t\t}\n\t\t\t\t\telement = element.parentElement;\n\t\t\t\t}\n\t\t\t\treturn 'none';\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Sets the Prism `language-xxxx` class of the given element.\n\t\t\t *\n\t\t\t * @param {Element} element\n\t\t\t * @param {string} language\n\t\t\t * @returns {void}\n\t\t\t */\n\t\t\tsetLanguage: function (element, language) {\n\t\t\t\t// remove all `language-xxxx` classes\n\t\t\t\t// (this might leave behind a leading space)\n\t\t\t\telement.className = element.className.replace(RegExp(lang, 'gi'), '');\n\n\t\t\t\t// add the new `language-xxxx` class\n\t\t\t\t// (using `classList` will automatically clean up spaces for us)\n\t\t\t\telement.classList.add('language-' + language);\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns the script element that is currently executing.\n\t\t\t *\n\t\t\t * This does __not__ work for line script element.\n\t\t\t *\n\t\t\t * @returns {HTMLScriptElement | null}\n\t\t\t */\n\t\t\tcurrentScript: function () {\n\t\t\t\tif (typeof document === 'undefined') {\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t\tif ('currentScript' in document && 1 < 2 /* hack to trip TS' flow analysis */) {\n\t\t\t\t\treturn /** @type {any} */ (document.currentScript);\n\t\t\t\t}\n\n\t\t\t\t// IE11 workaround\n\t\t\t\t// we'll get the src of the current script by parsing IE11's error stack trace\n\t\t\t\t// this will not work for inline scripts\n\n\t\t\t\ttry {\n\t\t\t\t\tthrow new Error();\n\t\t\t\t} catch (err) {\n\t\t\t\t\t// Get file src url from stack. Specifically works with the format of stack traces in IE.\n\t\t\t\t\t// A stack will look like this:\n\t\t\t\t\t//\n\t\t\t\t\t// Error\n\t\t\t\t\t//    at _.util.currentScript (http://localhost/components/prism-core.js:119:5)\n\t\t\t\t\t//    at Global code (http://localhost/components/prism-core.js:606:1)\n\n\t\t\t\t\tvar src = (/at [^(\\r\\n]*\\((.*):[^:]+:[^:]+\\)$/i.exec(err.stack) || [])[1];\n\t\t\t\t\tif (src) {\n\t\t\t\t\t\tvar scripts = document.getElementsByTagName('script');\n\t\t\t\t\t\tfor (var i in scripts) {\n\t\t\t\t\t\t\tif (scripts[i].src == src) {\n\t\t\t\t\t\t\t\treturn scripts[i];\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\treturn null;\n\t\t\t\t}\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Returns whether a given class is active for `element`.\n\t\t\t *\n\t\t\t * The class can be activated if `element` or one of its ancestors has the given class and it can be deactivated\n\t\t\t * if `element` or one of its ancestors has the negated version of the given class. The _negated version_ of the\n\t\t\t * given class is just the given class with a `no-` prefix.\n\t\t\t *\n\t\t\t * Whether the class is active is determined by the closest ancestor of `element` (where `element` itself is\n\t\t\t * closest ancestor) that has the given class or the negated version of it. If neither `element` nor any of its\n\t\t\t * ancestors have the given class or the negated version of it, then the default activation will be returned.\n\t\t\t *\n\t\t\t * In the paradoxical situation where the closest ancestor contains __both__ the given class and the negated\n\t\t\t * version of it, the class is considered active.\n\t\t\t *\n\t\t\t * @param {Element} element\n\t\t\t * @param {string} className\n\t\t\t * @param {boolean} [defaultActivation=false]\n\t\t\t * @returns {boolean}\n\t\t\t */\n\t\t\tisActive: function (element, className, defaultActivation) {\n\t\t\t\tvar no = 'no-' + className;\n\n\t\t\t\twhile (element) {\n\t\t\t\t\tvar classList = element.classList;\n\t\t\t\t\tif (classList.contains(className)) {\n\t\t\t\t\t\treturn true;\n\t\t\t\t\t}\n\t\t\t\t\tif (classList.contains(no)) {\n\t\t\t\t\t\treturn false;\n\t\t\t\t\t}\n\t\t\t\t\telement = element.parentElement;\n\t\t\t\t}\n\t\t\t\treturn !!defaultActivation;\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * This namespace contains all currently loaded languages and the some helper functions to create and modify languages.\n\t\t *\n\t\t * @namespace\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\tlanguages: {\n\t\t\t/**\n\t\t\t * The grammar for plain, unformatted text.\n\t\t\t */\n\t\t\tplain: plainTextGrammar,\n\t\t\tplaintext: plainTextGrammar,\n\t\t\ttext: plainTextGrammar,\n\t\t\ttxt: plainTextGrammar,\n\n\t\t\t/**\n\t\t\t * Creates a deep copy of the language with the given id and appends the given tokens.\n\t\t\t *\n\t\t\t * If a token in `redef` also appears in the copied language, then the existing token in the copied language\n\t\t\t * will be overwritten at its original position.\n\t\t\t *\n\t\t\t * ## Best practices\n\t\t\t *\n\t\t\t * Since the position of overwriting tokens (token in `redef` that overwrite tokens in the copied language)\n\t\t\t * doesn't matter, they can technically be in any order. However, this can be confusing to others that trying to\n\t\t\t * understand the language definition because, normally, the order of tokens matters in Prism grammars.\n\t\t\t *\n\t\t\t * Therefore, it is encouraged to order overwriting tokens according to the positions of the overwritten tokens.\n\t\t\t * Furthermore, all non-overwriting tokens should be placed after the overwriting ones.\n\t\t\t *\n\t\t\t * @param {string} id The id of the language to extend. This has to be a key in `Prism.languages`.\n\t\t\t * @param {Grammar} redef The new tokens to append.\n\t\t\t * @returns {Grammar} The new language created.\n\t\t\t * @public\n\t\t\t * @example\n\t\t\t * Prism.languages['css-with-colors'] = Prism.languages.extend('css', {\n\t\t\t *     // Prism.languages.css already has a 'comment' token, so this token will overwrite CSS' 'comment' token\n\t\t\t *     // at its original position\n\t\t\t *     'comment': { ... },\n\t\t\t *     // CSS doesn't have a 'color' token, so this token will be appended\n\t\t\t *     'color': /\\b(?:red|green|blue)\\b/\n\t\t\t * });\n\t\t\t */\n\t\t\textend: function (id, redef) {\n\t\t\t\tvar lang = _.util.clone(_.languages[id]);\n\n\t\t\t\tfor (var key in redef) {\n\t\t\t\t\tlang[key] = redef[key];\n\t\t\t\t}\n\n\t\t\t\treturn lang;\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Inserts tokens _before_ another token in a language definition or any other grammar.\n\t\t\t *\n\t\t\t * ## Usage\n\t\t\t *\n\t\t\t * This helper method makes it easy to modify existing languages. For example, the CSS language definition\n\t\t\t * not only defines CSS highlighting for CSS documents, but also needs to define highlighting for CSS embedded\n\t\t\t * in HTML through `<style>` elements. To do this, it needs to modify `Prism.languages.markup` and add the\n\t\t\t * appropriate tokens. However, `Prism.languages.markup` is a regular JavaScript object literal, so if you do\n\t\t\t * this:\n\t\t\t *\n\t\t\t * ```js\n\t\t\t * Prism.languages.markup.style = {\n\t\t\t *     // token\n\t\t\t * };\n\t\t\t * ```\n\t\t\t *\n\t\t\t * then the `style` token will be added (and processed) at the end. `insertBefore` allows you to insert tokens\n\t\t\t * before existing tokens. For the CSS example above, you would use it like this:\n\t\t\t *\n\t\t\t * ```js\n\t\t\t * Prism.languages.insertBefore('markup', 'cdata', {\n\t\t\t *     'style': {\n\t\t\t *         // token\n\t\t\t *     }\n\t\t\t * });\n\t\t\t * ```\n\t\t\t *\n\t\t\t * ## Special cases\n\t\t\t *\n\t\t\t * If the grammars of `inside` and `insert` have tokens with the same name, the tokens in `inside`'s grammar\n\t\t\t * will be ignored.\n\t\t\t *\n\t\t\t * This behavior can be used to insert tokens after `before`:\n\t\t\t *\n\t\t\t * ```js\n\t\t\t * Prism.languages.insertBefore('markup', 'comment', {\n\t\t\t *     'comment': Prism.languages.markup.comment,\n\t\t\t *     // tokens after 'comment'\n\t\t\t * });\n\t\t\t * ```\n\t\t\t *\n\t\t\t * ## Limitations\n\t\t\t *\n\t\t\t * The main problem `insertBefore` has to solve is iteration order. Since ES2015, the iteration order for object\n\t\t\t * properties is guaranteed to be the insertion order (except for integer keys) but some browsers behave\n\t\t\t * differently when keys are deleted and re-inserted. So `insertBefore` can't be implemented by temporarily\n\t\t\t * deleting properties which is necessary to insert at arbitrary positions.\n\t\t\t *\n\t\t\t * To solve this problem, `insertBefore` doesn't actually insert the given tokens into the target object.\n\t\t\t * Instead, it will create a new object and replace all references to the target object with the new one. This\n\t\t\t * can be done without temporarily deleting properties, so the iteration order is well-defined.\n\t\t\t *\n\t\t\t * However, only references that can be reached from `Prism.languages` or `insert` will be replaced. I.e. if\n\t\t\t * you hold the target object in a variable, then the value of the variable will not change.\n\t\t\t *\n\t\t\t * ```js\n\t\t\t * var oldMarkup = Prism.languages.markup;\n\t\t\t * var newMarkup = Prism.languages.insertBefore('markup', 'comment', { ... });\n\t\t\t *\n\t\t\t * assert(oldMarkup !== Prism.languages.markup);\n\t\t\t * assert(newMarkup === Prism.languages.markup);\n\t\t\t * ```\n\t\t\t *\n\t\t\t * @param {string} inside The property of `root` (e.g. a language id in `Prism.languages`) that contains the\n\t\t\t * object to be modified.\n\t\t\t * @param {string} before The key to insert before.\n\t\t\t * @param {Grammar} insert An object containing the key-value pairs to be inserted.\n\t\t\t * @param {Object<string, any>} [root] The object containing `inside`, i.e. the object that contains the\n\t\t\t * object to be modified.\n\t\t\t *\n\t\t\t * Defaults to `Prism.languages`.\n\t\t\t * @returns {Grammar} The new grammar object.\n\t\t\t * @public\n\t\t\t */\n\t\t\tinsertBefore: function (inside, before, insert, root) {\n\t\t\t\troot = root || /** @type {any} */ (_.languages);\n\t\t\t\tvar grammar = root[inside];\n\t\t\t\t/** @type {Grammar} */\n\t\t\t\tvar ret = {};\n\n\t\t\t\tfor (var token in grammar) {\n\t\t\t\t\tif (grammar.hasOwnProperty(token)) {\n\n\t\t\t\t\t\tif (token == before) {\n\t\t\t\t\t\t\tfor (var newToken in insert) {\n\t\t\t\t\t\t\t\tif (insert.hasOwnProperty(newToken)) {\n\t\t\t\t\t\t\t\t\tret[newToken] = insert[newToken];\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Do not insert token which also occur in insert. See #1525\n\t\t\t\t\t\tif (!insert.hasOwnProperty(token)) {\n\t\t\t\t\t\t\tret[token] = grammar[token];\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tvar old = root[inside];\n\t\t\t\troot[inside] = ret;\n\n\t\t\t\t// Update references in other language definitions\n\t\t\t\t_.languages.DFS(_.languages, function (key, value) {\n\t\t\t\t\tif (value === old && key != inside) {\n\t\t\t\t\t\tthis[key] = ret;\n\t\t\t\t\t}\n\t\t\t\t});\n\n\t\t\t\treturn ret;\n\t\t\t},\n\n\t\t\t// Traverse a language definition with Depth First Search\n\t\t\tDFS: function DFS(o, callback, type, visited) {\n\t\t\t\tvisited = visited || {};\n\n\t\t\t\tvar objId = _.util.objId;\n\n\t\t\t\tfor (var i in o) {\n\t\t\t\t\tif (o.hasOwnProperty(i)) {\n\t\t\t\t\t\tcallback.call(o, i, o[i], type || i);\n\n\t\t\t\t\t\tvar property = o[i];\n\t\t\t\t\t\tvar propertyType = _.util.type(property);\n\n\t\t\t\t\t\tif (propertyType === 'Object' && !visited[objId(property)]) {\n\t\t\t\t\t\t\tvisited[objId(property)] = true;\n\t\t\t\t\t\t\tDFS(property, callback, null, visited);\n\t\t\t\t\t\t} else if (propertyType === 'Array' && !visited[objId(property)]) {\n\t\t\t\t\t\t\tvisited[objId(property)] = true;\n\t\t\t\t\t\t\tDFS(property, callback, i, visited);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tplugins: {},\n\n\t\t/**\n\t\t * This is the most high-level function in Prism’s API.\n\t\t * It fetches all the elements that have a `.language-xxxx` class and then calls {@link Prism.highlightElement} on\n\t\t * each one of them.\n\t\t *\n\t\t * This is equivalent to `Prism.highlightAllUnder(document, async, callback)`.\n\t\t *\n\t\t * @param {boolean} [async=false] Same as in {@link Prism.highlightAllUnder}.\n\t\t * @param {HighlightCallback} [callback] Same as in {@link Prism.highlightAllUnder}.\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\thighlightAll: function (async, callback) {\n\t\t\t_.highlightAllUnder(document, async, callback);\n\t\t},\n\n\t\t/**\n\t\t * Fetches all the descendants of `container` that have a `.language-xxxx` class and then calls\n\t\t * {@link Prism.highlightElement} on each one of them.\n\t\t *\n\t\t * The following hooks will be run:\n\t\t * 1. `before-highlightall`\n\t\t * 2. `before-all-elements-highlight`\n\t\t * 3. All hooks of {@link Prism.highlightElement} for each element.\n\t\t *\n\t\t * @param {ParentNode} container The root element, whose descendants that have a `.language-xxxx` class will be highlighted.\n\t\t * @param {boolean} [async=false] Whether each element is to be highlighted asynchronously using Web Workers.\n\t\t * @param {HighlightCallback} [callback] An optional callback to be invoked on each element after its highlighting is done.\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\thighlightAllUnder: function (container, async, callback) {\n\t\t\tvar env = {\n\t\t\t\tcallback: callback,\n\t\t\t\tcontainer: container,\n\t\t\t\tselector: 'code[class*=\"language-\"], [class*=\"language-\"] code, code[class*=\"lang-\"], [class*=\"lang-\"] code'\n\t\t\t};\n\n\t\t\t_.hooks.run('before-highlightall', env);\n\n\t\t\tenv.elements = Array.prototype.slice.apply(env.container.querySelectorAll(env.selector));\n\n\t\t\t_.hooks.run('before-all-elements-highlight', env);\n\n\t\t\tfor (var i = 0, element; (element = env.elements[i++]);) {\n\t\t\t\t_.highlightElement(element, async === true, env.callback);\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Highlights the code inside a single element.\n\t\t *\n\t\t * The following hooks will be run:\n\t\t * 1. `before-sanity-check`\n\t\t * 2. `before-highlight`\n\t\t * 3. All hooks of {@link Prism.highlight}. These hooks will be run by an asynchronous worker if `async` is `true`.\n\t\t * 4. `before-insert`\n\t\t * 5. `after-highlight`\n\t\t * 6. `complete`\n\t\t *\n\t\t * Some the above hooks will be skipped if the element doesn't contain any text or there is no grammar loaded for\n\t\t * the element's language.\n\t\t *\n\t\t * @param {Element} element The element containing the code.\n\t\t * It must have a class of `language-xxxx` to be processed, where `xxxx` is a valid language identifier.\n\t\t * @param {boolean} [async=false] Whether the element is to be highlighted asynchronously using Web Workers\n\t\t * to improve performance and avoid blocking the UI when highlighting very large chunks of code. This option is\n\t\t * [disabled by default](https://prismjs.com/faq.html#why-is-asynchronous-highlighting-disabled-by-default).\n\t\t *\n\t\t * Note: All language definitions required to highlight the code must be included in the main `prism.js` file for\n\t\t * asynchronous highlighting to work. You can build your own bundle on the\n\t\t * [Download page](https://prismjs.com/download.html).\n\t\t * @param {HighlightCallback} [callback] An optional callback to be invoked after the highlighting is done.\n\t\t * Mostly useful when `async` is `true`, since in that case, the highlighting is done asynchronously.\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\thighlightElement: function (element, async, callback) {\n\t\t\t// Find language\n\t\t\tvar language = _.util.getLanguage(element);\n\t\t\tvar grammar = _.languages[language];\n\n\t\t\t// Set language on the element, if not present\n\t\t\t_.util.setLanguage(element, language);\n\n\t\t\t// Set language on the parent, for styling\n\t\t\tvar parent = element.parentElement;\n\t\t\tif (parent && parent.nodeName.toLowerCase() === 'pre') {\n\t\t\t\t_.util.setLanguage(parent, language);\n\t\t\t}\n\n\t\t\tvar code = element.textContent;\n\n\t\t\tvar env = {\n\t\t\t\telement: element,\n\t\t\t\tlanguage: language,\n\t\t\t\tgrammar: grammar,\n\t\t\t\tcode: code\n\t\t\t};\n\n\t\t\tfunction insertHighlightedCode(highlightedCode) {\n\t\t\t\tenv.highlightedCode = highlightedCode;\n\n\t\t\t\t_.hooks.run('before-insert', env);\n\n\t\t\t\tenv.element.innerHTML = env.highlightedCode;\n\n\t\t\t\t_.hooks.run('after-highlight', env);\n\t\t\t\t_.hooks.run('complete', env);\n\t\t\t\tcallback && callback.call(env.element);\n\t\t\t}\n\n\t\t\t_.hooks.run('before-sanity-check', env);\n\n\t\t\t// plugins may change/add the parent/element\n\t\t\tparent = env.element.parentElement;\n\t\t\tif (parent && parent.nodeName.toLowerCase() === 'pre' && !parent.hasAttribute('tabindex')) {\n\t\t\t\tparent.setAttribute('tabindex', '0');\n\t\t\t}\n\n\t\t\tif (!env.code) {\n\t\t\t\t_.hooks.run('complete', env);\n\t\t\t\tcallback && callback.call(env.element);\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\t_.hooks.run('before-highlight', env);\n\n\t\t\tif (!env.grammar) {\n\t\t\t\tinsertHighlightedCode(_.util.encode(env.code));\n\t\t\t\treturn;\n\t\t\t}\n\n\t\t\tif (async && _self.Worker) {\n\t\t\t\tvar worker = new Worker(_.filename);\n\n\t\t\t\tworker.onmessage = function (evt) {\n\t\t\t\t\tinsertHighlightedCode(evt.data);\n\t\t\t\t};\n\n\t\t\t\tworker.postMessage(JSON.stringify({\n\t\t\t\t\tlanguage: env.language,\n\t\t\t\t\tcode: env.code,\n\t\t\t\t\timmediateClose: true\n\t\t\t\t}));\n\t\t\t} else {\n\t\t\t\tinsertHighlightedCode(_.highlight(env.code, env.grammar, env.language));\n\t\t\t}\n\t\t},\n\n\t\t/**\n\t\t * Low-level function, only use if you know what you’re doing. It accepts a string of text as input\n\t\t * and the language definitions to use, and returns a string with the HTML produced.\n\t\t *\n\t\t * The following hooks will be run:\n\t\t * 1. `before-tokenize`\n\t\t * 2. `after-tokenize`\n\t\t * 3. `wrap`: On each {@link Token}.\n\t\t *\n\t\t * @param {string} text A string with the code to be highlighted.\n\t\t * @param {Grammar} grammar An object containing the tokens to use.\n\t\t *\n\t\t * Usually a language definition like `Prism.languages.markup`.\n\t\t * @param {string} language The name of the language definition passed to `grammar`.\n\t\t * @returns {string} The highlighted HTML.\n\t\t * @memberof Prism\n\t\t * @public\n\t\t * @example\n\t\t * Prism.highlight('var foo = true;', Prism.languages.javascript, 'javascript');\n\t\t */\n\t\thighlight: function (text, grammar, language) {\n\t\t\tvar env = {\n\t\t\t\tcode: text,\n\t\t\t\tgrammar: grammar,\n\t\t\t\tlanguage: language\n\t\t\t};\n\t\t\t_.hooks.run('before-tokenize', env);\n\t\t\tif (!env.grammar) {\n\t\t\t\tthrow new Error('The language \"' + env.language + '\" has no grammar.');\n\t\t\t}\n\t\t\tenv.tokens = _.tokenize(env.code, env.grammar);\n\t\t\t_.hooks.run('after-tokenize', env);\n\t\t\treturn Token.stringify(_.util.encode(env.tokens), env.language);\n\t\t},\n\n\t\t/**\n\t\t * This is the heart of Prism, and the most low-level function you can use. It accepts a string of text as input\n\t\t * and the language definitions to use, and returns an array with the tokenized code.\n\t\t *\n\t\t * When the language definition includes nested tokens, the function is called recursively on each of these tokens.\n\t\t *\n\t\t * This method could be useful in other contexts as well, as a very crude parser.\n\t\t *\n\t\t * @param {string} text A string with the code to be highlighted.\n\t\t * @param {Grammar} grammar An object containing the tokens to use.\n\t\t *\n\t\t * Usually a language definition like `Prism.languages.markup`.\n\t\t * @returns {TokenStream} An array of strings and tokens, a token stream.\n\t\t * @memberof Prism\n\t\t * @public\n\t\t * @example\n\t\t * let code = `var foo = 0;`;\n\t\t * let tokens = Prism.tokenize(code, Prism.languages.javascript);\n\t\t * tokens.forEach(token => {\n\t\t *     if (token instanceof Prism.Token && token.type === 'number') {\n\t\t *         console.log(`Found numeric literal: ${token.content}`);\n\t\t *     }\n\t\t * });\n\t\t */\n\t\ttokenize: function (text, grammar) {\n\t\t\tvar rest = grammar.rest;\n\t\t\tif (rest) {\n\t\t\t\tfor (var token in rest) {\n\t\t\t\t\tgrammar[token] = rest[token];\n\t\t\t\t}\n\n\t\t\t\tdelete grammar.rest;\n\t\t\t}\n\n\t\t\tvar tokenList = new LinkedList();\n\t\t\taddAfter(tokenList, tokenList.head, text);\n\n\t\t\tmatchGrammar(text, tokenList, grammar, tokenList.head, 0);\n\n\t\t\treturn toArray(tokenList);\n\t\t},\n\n\t\t/**\n\t\t * @namespace\n\t\t * @memberof Prism\n\t\t * @public\n\t\t */\n\t\thooks: {\n\t\t\tall: {},\n\n\t\t\t/**\n\t\t\t * Adds the given callback to the list of callbacks for the given hook.\n\t\t\t *\n\t\t\t * The callback will be invoked when the hook it is registered for is run.\n\t\t\t * Hooks are usually directly run by a highlight function but you can also run hooks yourself.\n\t\t\t *\n\t\t\t * One callback function can be registered to multiple hooks and the same hook multiple times.\n\t\t\t *\n\t\t\t * @param {string} name The name of the hook.\n\t\t\t * @param {HookCallback} callback The callback function which is given environment variables.\n\t\t\t * @public\n\t\t\t */\n\t\t\tadd: function (name, callback) {\n\t\t\t\tvar hooks = _.hooks.all;\n\n\t\t\t\thooks[name] = hooks[name] || [];\n\n\t\t\t\thooks[name].push(callback);\n\t\t\t},\n\n\t\t\t/**\n\t\t\t * Runs a hook invoking all registered callbacks with the given environment variables.\n\t\t\t *\n\t\t\t * Callbacks will be invoked synchronously and in the order in which they were registered.\n\t\t\t *\n\t\t\t * @param {string} name The name of the hook.\n\t\t\t * @param {Object<string, any>} env The environment variables of the hook passed to all callbacks registered.\n\t\t\t * @public\n\t\t\t */\n\t\t\trun: function (name, env) {\n\t\t\t\tvar callbacks = _.hooks.all[name];\n\n\t\t\t\tif (!callbacks || !callbacks.length) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tfor (var i = 0, callback; (callback = callbacks[i++]);) {\n\t\t\t\t\tcallback(env);\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\n\t\tToken: Token\n\t};\n\t_self.Prism = _;\n\n\n\t// Typescript note:\n\t// The following can be used to import the Token type in JSDoc:\n\t//\n\t//   @typedef {InstanceType<import(\"./prism-core\")[\"Token\"]>} Token\n\n\t/**\n\t * Creates a new token.\n\t *\n\t * @param {string} type See {@link Token#type type}\n\t * @param {string | TokenStream} content See {@link Token#content content}\n\t * @param {string|string[]} [alias] The alias(es) of the token.\n\t * @param {string} [matchedStr=\"\"] A copy of the full string this token was created from.\n\t * @class\n\t * @global\n\t * @public\n\t */\n\tfunction Token(type, content, alias, matchedStr) {\n\t\t/**\n\t\t * The type of the token.\n\t\t *\n\t\t * This is usually the key of a pattern in a {@link Grammar}.\n\t\t *\n\t\t * @type {string}\n\t\t * @see GrammarToken\n\t\t * @public\n\t\t */\n\t\tthis.type = type;\n\t\t/**\n\t\t * The strings or tokens contained by this token.\n\t\t *\n\t\t * This will be a token stream if the pattern matched also defined an `inside` grammar.\n\t\t *\n\t\t * @type {string | TokenStream}\n\t\t * @public\n\t\t */\n\t\tthis.content = content;\n\t\t/**\n\t\t * The alias(es) of the token.\n\t\t *\n\t\t * @type {string|string[]}\n\t\t * @see GrammarToken\n\t\t * @public\n\t\t */\n\t\tthis.alias = alias;\n\t\t// Copy of the full string this token was created from\n\t\tthis.length = (matchedStr || '').length | 0;\n\t}\n\n\t/**\n\t * A token stream is an array of strings and {@link Token Token} objects.\n\t *\n\t * Token streams have to fulfill a few properties that are assumed by most functions (mostly internal ones) that process\n\t * them.\n\t *\n\t * 1. No adjacent strings.\n\t * 2. No empty strings.\n\t *\n\t *    The only exception here is the token stream that only contains the empty string and nothing else.\n\t *\n\t * @typedef {Array<string | Token>} TokenStream\n\t * @global\n\t * @public\n\t */\n\n\t/**\n\t * Converts the given token or token stream to an HTML representation.\n\t *\n\t * The following hooks will be run:\n\t * 1. `wrap`: On each {@link Token}.\n\t *\n\t * @param {string | Token | TokenStream} o The token or token stream to be converted.\n\t * @param {string} language The name of current language.\n\t * @returns {string} The HTML representation of the token or token stream.\n\t * @memberof Token\n\t * @static\n\t */\n\tToken.stringify = function stringify(o, language) {\n\t\tif (typeof o == 'string') {\n\t\t\treturn o;\n\t\t}\n\t\tif (Array.isArray(o)) {\n\t\t\tvar s = '';\n\t\t\to.forEach(function (e) {\n\t\t\t\ts += stringify(e, language);\n\t\t\t});\n\t\t\treturn s;\n\t\t}\n\n\t\tvar env = {\n\t\t\ttype: o.type,\n\t\t\tcontent: stringify(o.content, language),\n\t\t\ttag: 'span',\n\t\t\tclasses: ['token', o.type],\n\t\t\tattributes: {},\n\t\t\tlanguage: language\n\t\t};\n\n\t\tvar aliases = o.alias;\n\t\tif (aliases) {\n\t\t\tif (Array.isArray(aliases)) {\n\t\t\t\tArray.prototype.push.apply(env.classes, aliases);\n\t\t\t} else {\n\t\t\t\tenv.classes.push(aliases);\n\t\t\t}\n\t\t}\n\n\t\t_.hooks.run('wrap', env);\n\n\t\tvar attributes = '';\n\t\tfor (var name in env.attributes) {\n\t\t\tattributes += ' ' + name + '=\"' + (env.attributes[name] || '').replace(/\"/g, '&quot;') + '\"';\n\t\t}\n\n\t\treturn '<' + env.tag + ' class=\"' + env.classes.join(' ') + '\"' + attributes + '>' + env.content + '</' + env.tag + '>';\n\t};\n\n\t/**\n\t * @param {RegExp} pattern\n\t * @param {number} pos\n\t * @param {string} text\n\t * @param {boolean} lookbehind\n\t * @returns {RegExpExecArray | null}\n\t */\n\tfunction matchPattern(pattern, pos, text, lookbehind) {\n\t\tpattern.lastIndex = pos;\n\t\tvar match = pattern.exec(text);\n\t\tif (match && lookbehind && match[1]) {\n\t\t\t// change the match to remove the text matched by the Prism lookbehind group\n\t\t\tvar lookbehindLength = match[1].length;\n\t\t\tmatch.index += lookbehindLength;\n\t\t\tmatch[0] = match[0].slice(lookbehindLength);\n\t\t}\n\t\treturn match;\n\t}\n\n\t/**\n\t * @param {string} text\n\t * @param {LinkedList<string | Token>} tokenList\n\t * @param {any} grammar\n\t * @param {LinkedListNode<string | Token>} startNode\n\t * @param {number} startPos\n\t * @param {RematchOptions} [rematch]\n\t * @returns {void}\n\t * @private\n\t *\n\t * @typedef RematchOptions\n\t * @property {string} cause\n\t * @property {number} reach\n\t */\n\tfunction matchGrammar(text, tokenList, grammar, startNode, startPos, rematch) {\n\t\tfor (var token in grammar) {\n\t\t\tif (!grammar.hasOwnProperty(token) || !grammar[token]) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tvar patterns = grammar[token];\n\t\t\tpatterns = Array.isArray(patterns) ? patterns : [patterns];\n\n\t\t\tfor (var j = 0; j < patterns.length; ++j) {\n\t\t\t\tif (rematch && rematch.cause == token + ',' + j) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\tvar patternObj = patterns[j];\n\t\t\t\tvar inside = patternObj.inside;\n\t\t\t\tvar lookbehind = !!patternObj.lookbehind;\n\t\t\t\tvar greedy = !!patternObj.greedy;\n\t\t\t\tvar alias = patternObj.alias;\n\n\t\t\t\tif (greedy && !patternObj.pattern.global) {\n\t\t\t\t\t// Without the global flag, lastIndex won't work\n\t\t\t\t\tvar flags = patternObj.pattern.toString().match(/[imsuy]*$/)[0];\n\t\t\t\t\tpatternObj.pattern = RegExp(patternObj.pattern.source, flags + 'g');\n\t\t\t\t}\n\n\t\t\t\t/** @type {RegExp} */\n\t\t\t\tvar pattern = patternObj.pattern || patternObj;\n\n\t\t\t\tfor ( // iterate the token list and keep track of the current token/string position\n\t\t\t\t\tvar currentNode = startNode.next, pos = startPos;\n\t\t\t\t\tcurrentNode !== tokenList.tail;\n\t\t\t\t\tpos += currentNode.value.length, currentNode = currentNode.next\n\t\t\t\t) {\n\n\t\t\t\t\tif (rematch && pos >= rematch.reach) {\n\t\t\t\t\t\tbreak;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar str = currentNode.value;\n\n\t\t\t\t\tif (tokenList.length > text.length) {\n\t\t\t\t\t\t// Something went terribly wrong, ABORT, ABORT!\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (str instanceof Token) {\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar removeCount = 1; // this is the to parameter of removeBetween\n\t\t\t\t\tvar match;\n\n\t\t\t\t\tif (greedy) {\n\t\t\t\t\t\tmatch = matchPattern(pattern, pos, text, lookbehind);\n\t\t\t\t\t\tif (!match || match.index >= text.length) {\n\t\t\t\t\t\t\tbreak;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tvar from = match.index;\n\t\t\t\t\t\tvar to = match.index + match[0].length;\n\t\t\t\t\t\tvar p = pos;\n\n\t\t\t\t\t\t// find the node that contains the match\n\t\t\t\t\t\tp += currentNode.value.length;\n\t\t\t\t\t\twhile (from >= p) {\n\t\t\t\t\t\t\tcurrentNode = currentNode.next;\n\t\t\t\t\t\t\tp += currentNode.value.length;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t// adjust pos (and p)\n\t\t\t\t\t\tp -= currentNode.value.length;\n\t\t\t\t\t\tpos = p;\n\n\t\t\t\t\t\t// the current node is a Token, then the match starts inside another Token, which is invalid\n\t\t\t\t\t\tif (currentNode.value instanceof Token) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// find the last node which is affected by this match\n\t\t\t\t\t\tfor (\n\t\t\t\t\t\t\tvar k = currentNode;\n\t\t\t\t\t\t\tk !== tokenList.tail && (p < to || typeof k.value === 'string');\n\t\t\t\t\t\t\tk = k.next\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tremoveCount++;\n\t\t\t\t\t\t\tp += k.value.length;\n\t\t\t\t\t\t}\n\t\t\t\t\t\tremoveCount--;\n\n\t\t\t\t\t\t// replace with the new match\n\t\t\t\t\t\tstr = text.slice(pos, p);\n\t\t\t\t\t\tmatch.index -= pos;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tmatch = matchPattern(pattern, 0, str, lookbehind);\n\t\t\t\t\t\tif (!match) {\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// eslint-disable-next-line no-redeclare\n\t\t\t\t\tvar from = match.index;\n\t\t\t\t\tvar matchStr = match[0];\n\t\t\t\t\tvar before = str.slice(0, from);\n\t\t\t\t\tvar after = str.slice(from + matchStr.length);\n\n\t\t\t\t\tvar reach = pos + str.length;\n\t\t\t\t\tif (rematch && reach > rematch.reach) {\n\t\t\t\t\t\trematch.reach = reach;\n\t\t\t\t\t}\n\n\t\t\t\t\tvar removeFrom = currentNode.prev;\n\n\t\t\t\t\tif (before) {\n\t\t\t\t\t\tremoveFrom = addAfter(tokenList, removeFrom, before);\n\t\t\t\t\t\tpos += before.length;\n\t\t\t\t\t}\n\n\t\t\t\t\tremoveRange(tokenList, removeFrom, removeCount);\n\n\t\t\t\t\tvar wrapped = new Token(token, inside ? _.tokenize(matchStr, inside) : matchStr, alias, matchStr);\n\t\t\t\t\tcurrentNode = addAfter(tokenList, removeFrom, wrapped);\n\n\t\t\t\t\tif (after) {\n\t\t\t\t\t\taddAfter(tokenList, currentNode, after);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (removeCount > 1) {\n\t\t\t\t\t\t// at least one Token object was removed, so we have to do some rematching\n\t\t\t\t\t\t// this can only happen if the current pattern is greedy\n\n\t\t\t\t\t\t/** @type {RematchOptions} */\n\t\t\t\t\t\tvar nestedRematch = {\n\t\t\t\t\t\t\tcause: token + ',' + j,\n\t\t\t\t\t\t\treach: reach\n\t\t\t\t\t\t};\n\t\t\t\t\t\tmatchGrammar(text, tokenList, grammar, currentNode.prev, pos, nestedRematch);\n\n\t\t\t\t\t\t// the reach might have been extended because of the rematching\n\t\t\t\t\t\tif (rematch && nestedRematch.reach > rematch.reach) {\n\t\t\t\t\t\t\trematch.reach = nestedRematch.reach;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t/**\n\t * @typedef LinkedListNode\n\t * @property {T} value\n\t * @property {LinkedListNode<T> | null} prev The previous node.\n\t * @property {LinkedListNode<T> | null} next The next node.\n\t * @template T\n\t * @private\n\t */\n\n\t/**\n\t * @template T\n\t * @private\n\t */\n\tfunction LinkedList() {\n\t\t/** @type {LinkedListNode<T>} */\n\t\tvar head = { value: null, prev: null, next: null };\n\t\t/** @type {LinkedListNode<T>} */\n\t\tvar tail = { value: null, prev: head, next: null };\n\t\thead.next = tail;\n\n\t\t/** @type {LinkedListNode<T>} */\n\t\tthis.head = head;\n\t\t/** @type {LinkedListNode<T>} */\n\t\tthis.tail = tail;\n\t\tthis.length = 0;\n\t}\n\n\t/**\n\t * Adds a new node with the given value to the list.\n\t *\n\t * @param {LinkedList<T>} list\n\t * @param {LinkedListNode<T>} node\n\t * @param {T} value\n\t * @returns {LinkedListNode<T>} The added node.\n\t * @template T\n\t */\n\tfunction addAfter(list, node, value) {\n\t\t// assumes that node != list.tail && values.length >= 0\n\t\tvar next = node.next;\n\n\t\tvar newNode = { value: value, prev: node, next: next };\n\t\tnode.next = newNode;\n\t\tnext.prev = newNode;\n\t\tlist.length++;\n\n\t\treturn newNode;\n\t}\n\t/**\n\t * Removes `count` nodes after the given node. The given node will not be removed.\n\t *\n\t * @param {LinkedList<T>} list\n\t * @param {LinkedListNode<T>} node\n\t * @param {number} count\n\t * @template T\n\t */\n\tfunction removeRange(list, node, count) {\n\t\tvar next = node.next;\n\t\tfor (var i = 0; i < count && next !== list.tail; i++) {\n\t\t\tnext = next.next;\n\t\t}\n\t\tnode.next = next;\n\t\tnext.prev = node;\n\t\tlist.length -= i;\n\t}\n\t/**\n\t * @param {LinkedList<T>} list\n\t * @returns {T[]}\n\t * @template T\n\t */\n\tfunction toArray(list) {\n\t\tvar array = [];\n\t\tvar node = list.head.next;\n\t\twhile (node !== list.tail) {\n\t\t\tarray.push(node.value);\n\t\t\tnode = node.next;\n\t\t}\n\t\treturn array;\n\t}\n\n\n\tif (!_self.document) {\n\t\tif (!_self.addEventListener) {\n\t\t\t// in Node.js\n\t\t\treturn _;\n\t\t}\n\n\t\tif (!_.disableWorkerMessageHandler) {\n\t\t\t// In worker\n\t\t\t_self.addEventListener('message', function (evt) {\n\t\t\t\tvar message = JSON.parse(evt.data);\n\t\t\t\tvar lang = message.language;\n\t\t\t\tvar code = message.code;\n\t\t\t\tvar immediateClose = message.immediateClose;\n\n\t\t\t\t_self.postMessage(_.highlight(code, _.languages[lang], lang));\n\t\t\t\tif (immediateClose) {\n\t\t\t\t\t_self.close();\n\t\t\t\t}\n\t\t\t}, false);\n\t\t}\n\n\t\treturn _;\n\t}\n\n\t// Get current script and highlight\n\tvar script = _.util.currentScript();\n\n\tif (script) {\n\t\t_.filename = script.src;\n\n\t\tif (script.hasAttribute('data-manual')) {\n\t\t\t_.manual = true;\n\t\t}\n\t}\n\n\tfunction highlightAutomaticallyCallback() {\n\t\tif (!_.manual) {\n\t\t\t_.highlightAll();\n\t\t}\n\t}\n\n\tif (!_.manual) {\n\t\t// If the document state is \"loading\", then we'll use DOMContentLoaded.\n\t\t// If the document state is \"interactive\" and the prism.js script is deferred, then we'll also use the\n\t\t// DOMContentLoaded event because there might be some plugins or languages which have also been deferred and they\n\t\t// might take longer one animation frame to execute which can create a race condition where only some plugins have\n\t\t// been loaded when Prism.highlightAll() is executed, depending on how fast resources are loaded.\n\t\t// See https://github.com/PrismJS/prism/issues/2102\n\t\tvar readyState = document.readyState;\n\t\tif (readyState === 'loading' || readyState === 'interactive' && script && script.defer) {\n\t\t\tdocument.addEventListener('DOMContentLoaded', highlightAutomaticallyCallback);\n\t\t} else {\n\t\t\tif (window.requestAnimationFrame) {\n\t\t\t\twindow.requestAnimationFrame(highlightAutomaticallyCallback);\n\t\t\t} else {\n\t\t\t\twindow.setTimeout(highlightAutomaticallyCallback, 16);\n\t\t\t}\n\t\t}\n\t}\n\n\treturn _;\n\n}(_self));\n\nif (typeof module !== 'undefined' && module.exports) {\n\tmodule.exports = Prism;\n}\n\n// hack for components to work correctly in node.js\nif (typeof global !== 'undefined') {\n\tglobal.Prism = Prism;\n}\n\n// some additional documentation/types\n\n/**\n * The expansion of a simple `RegExp` literal to support additional properties.\n *\n * @typedef GrammarToken\n * @property {RegExp} pattern The regular expression of the token.\n * @property {boolean} [lookbehind=false] If `true`, then the first capturing group of `pattern` will (effectively)\n * behave as a lookbehind group meaning that the captured text will not be part of the matched text of the new token.\n * @property {boolean} [greedy=false] Whether the token is greedy.\n * @property {string|string[]} [alias] An optional alias or list of aliases.\n * @property {Grammar} [inside] The nested grammar of this token.\n *\n * The `inside` grammar will be used to tokenize the text value of each token of this kind.\n *\n * This can be used to make nested and even recursive language definitions.\n *\n * Note: This can cause infinite recursion. Be careful when you embed different languages or even the same language into\n * each another.\n * @global\n * @public\n */\n\n/**\n * @typedef Grammar\n * @type {Object<string, RegExp | GrammarToken | Array<RegExp | GrammarToken>>}\n * @property {Grammar} [rest] An optional grammar object that will be appended to this grammar.\n * @global\n * @public\n */\n\n/**\n * A function which will invoked after an element was successfully highlighted.\n *\n * @callback HighlightCallback\n * @param {Element} element The element successfully highlighted.\n * @returns {void}\n * @global\n * @public\n */\n\n/**\n * @callback HookCallback\n * @param {Object<string, any>} env The environment variables of the hook.\n * @returns {void}\n * @global\n * @public\n */\n\n\n/* **********************************************\n     Begin prism-markup.js\n********************************************** */\n\nPrism.languages.markup = {\n\t'comment': {\n\t\tpattern: /<!--(?:(?!<!--)[\\s\\S])*?-->/,\n\t\tgreedy: true\n\t},\n\t'prolog': {\n\t\tpattern: /<\\?[\\s\\S]+?\\?>/,\n\t\tgreedy: true\n\t},\n\t'doctype': {\n\t\t// https://www.w3.org/TR/xml/#NT-doctypedecl\n\t\tpattern: /<!DOCTYPE(?:[^>\"'[\\]]|\"[^\"]*\"|'[^']*')+(?:\\[(?:[^<\"'\\]]|\"[^\"]*\"|'[^']*'|<(?!!--)|<!--(?:[^-]|-(?!->))*-->)*\\]\\s*)?>/i,\n\t\tgreedy: true,\n\t\tinside: {\n\t\t\t'internal-subset': {\n\t\t\t\tpattern: /(^[^\\[]*\\[)[\\s\\S]+(?=\\]>$)/,\n\t\t\t\tlookbehind: true,\n\t\t\t\tgreedy: true,\n\t\t\t\tinside: null // see below\n\t\t\t},\n\t\t\t'string': {\n\t\t\t\tpattern: /\"[^\"]*\"|'[^']*'/,\n\t\t\t\tgreedy: true\n\t\t\t},\n\t\t\t'punctuation': /^<!|>$|[[\\]]/,\n\t\t\t'doctype-tag': /^DOCTYPE/i,\n\t\t\t'name': /[^\\s<>'\"]+/\n\t\t}\n\t},\n\t'cdata': {\n\t\tpattern: /<!\\[CDATA\\[[\\s\\S]*?\\]\\]>/i,\n\t\tgreedy: true\n\t},\n\t'tag': {\n\t\tpattern: /<\\/?(?!\\d)[^\\s>\\/=$<%]+(?:\\s(?:\\s*[^\\s>\\/=]+(?:\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))|(?=[\\s/>])))+)?\\s*\\/?>/,\n\t\tgreedy: true,\n\t\tinside: {\n\t\t\t'tag': {\n\t\t\t\tpattern: /^<\\/?[^\\s>\\/]+/,\n\t\t\t\tinside: {\n\t\t\t\t\t'punctuation': /^<\\/?/,\n\t\t\t\t\t'namespace': /^[^\\s>\\/:]+:/\n\t\t\t\t}\n\t\t\t},\n\t\t\t'special-attr': [],\n\t\t\t'attr-value': {\n\t\t\t\tpattern: /=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+)/,\n\t\t\t\tinside: {\n\t\t\t\t\t'punctuation': [\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tpattern: /^=/,\n\t\t\t\t\t\t\talias: 'attr-equals'\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tpattern: /^(\\s*)[\"']|[\"']$/,\n\t\t\t\t\t\t\tlookbehind: true\n\t\t\t\t\t\t}\n\t\t\t\t\t]\n\t\t\t\t}\n\t\t\t},\n\t\t\t'punctuation': /\\/?>/,\n\t\t\t'attr-name': {\n\t\t\t\tpattern: /[^\\s>\\/]+/,\n\t\t\t\tinside: {\n\t\t\t\t\t'namespace': /^[^\\s>\\/:]+:/\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\t},\n\t'entity': [\n\t\t{\n\t\t\tpattern: /&[\\da-z]{1,8};/i,\n\t\t\talias: 'named-entity'\n\t\t},\n\t\t/&#x?[\\da-f]{1,8};/i\n\t]\n};\n\nPrism.languages.markup['tag'].inside['attr-value'].inside['entity'] =\n\tPrism.languages.markup['entity'];\nPrism.languages.markup['doctype'].inside['internal-subset'].inside = Prism.languages.markup;\n\n// Plugin to make entity title show the real entity, idea by Roman Komarov\nPrism.hooks.add('wrap', function (env) {\n\n\tif (env.type === 'entity') {\n\t\tenv.attributes['title'] = env.content.replace(/&amp;/, '&');\n\t}\n});\n\nObject.defineProperty(Prism.languages.markup.tag, 'addInlined', {\n\t/**\n\t * Adds an inlined language to markup.\n\t *\n\t * An example of an inlined language is CSS with `<style>` tags.\n\t *\n\t * @param {string} tagName The name of the tag that contains the inlined language. This name will be treated as\n\t * case insensitive.\n\t * @param {string} lang The language key.\n\t * @example\n\t * addInlined('style', 'css');\n\t */\n\tvalue: function addInlined(tagName, lang) {\n\t\tvar includedCdataInside = {};\n\t\tincludedCdataInside['language-' + lang] = {\n\t\t\tpattern: /(^<!\\[CDATA\\[)[\\s\\S]+?(?=\\]\\]>$)/i,\n\t\t\tlookbehind: true,\n\t\t\tinside: Prism.languages[lang]\n\t\t};\n\t\tincludedCdataInside['cdata'] = /^<!\\[CDATA\\[|\\]\\]>$/i;\n\n\t\tvar inside = {\n\t\t\t'included-cdata': {\n\t\t\t\tpattern: /<!\\[CDATA\\[[\\s\\S]*?\\]\\]>/i,\n\t\t\t\tinside: includedCdataInside\n\t\t\t}\n\t\t};\n\t\tinside['language-' + lang] = {\n\t\t\tpattern: /[\\s\\S]+/,\n\t\t\tinside: Prism.languages[lang]\n\t\t};\n\n\t\tvar def = {};\n\t\tdef[tagName] = {\n\t\t\tpattern: RegExp(/(<__[^>]*>)(?:<!\\[CDATA\\[(?:[^\\]]|\\](?!\\]>))*\\]\\]>|(?!<!\\[CDATA\\[)[\\s\\S])*?(?=<\\/__>)/.source.replace(/__/g, function () { return tagName; }), 'i'),\n\t\t\tlookbehind: true,\n\t\t\tgreedy: true,\n\t\t\tinside: inside\n\t\t};\n\n\t\tPrism.languages.insertBefore('markup', 'cdata', def);\n\t}\n});\nObject.defineProperty(Prism.languages.markup.tag, 'addAttribute', {\n\t/**\n\t * Adds an pattern to highlight languages embedded in HTML attributes.\n\t *\n\t * An example of an inlined language is CSS with `style` attributes.\n\t *\n\t * @param {string} attrName The name of the tag that contains the inlined language. This name will be treated as\n\t * case insensitive.\n\t * @param {string} lang The language key.\n\t * @example\n\t * addAttribute('style', 'css');\n\t */\n\tvalue: function (attrName, lang) {\n\t\tPrism.languages.markup.tag.inside['special-attr'].push({\n\t\t\tpattern: RegExp(\n\t\t\t\t/(^|[\"'\\s])/.source + '(?:' + attrName + ')' + /\\s*=\\s*(?:\"[^\"]*\"|'[^']*'|[^\\s'\">=]+(?=[\\s>]))/.source,\n\t\t\t\t'i'\n\t\t\t),\n\t\t\tlookbehind: true,\n\t\t\tinside: {\n\t\t\t\t'attr-name': /^[^\\s=]+/,\n\t\t\t\t'attr-value': {\n\t\t\t\t\tpattern: /=[\\s\\S]+/,\n\t\t\t\t\tinside: {\n\t\t\t\t\t\t'value': {\n\t\t\t\t\t\t\tpattern: /(^=\\s*([\"']|(?![\"'])))\\S[\\s\\S]*(?=\\2$)/,\n\t\t\t\t\t\t\tlookbehind: true,\n\t\t\t\t\t\t\talias: [lang, 'language-' + lang],\n\t\t\t\t\t\t\tinside: Prism.languages[lang]\n\t\t\t\t\t\t},\n\t\t\t\t\t\t'punctuation': [\n\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\tpattern: /^=/,\n\t\t\t\t\t\t\t\talias: 'attr-equals'\n\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t/\"|'/\n\t\t\t\t\t\t]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n});\n\nPrism.languages.html = Prism.languages.markup;\nPrism.languages.mathml = Prism.languages.markup;\nPrism.languages.svg = Prism.languages.markup;\n\nPrism.languages.xml = Prism.languages.extend('markup', {});\nPrism.languages.ssml = Prism.languages.xml;\nPrism.languages.atom = Prism.languages.xml;\nPrism.languages.rss = Prism.languages.xml;\n\n\n/* **********************************************\n     Begin prism-css.js\n********************************************** */\n\n(function (Prism) {\n\n\tvar string = /(?:\"(?:\\\\(?:\\r\\n|[\\s\\S])|[^\"\\\\\\r\\n])*\"|'(?:\\\\(?:\\r\\n|[\\s\\S])|[^'\\\\\\r\\n])*')/;\n\n\tPrism.languages.css = {\n\t\t'comment': /\\/\\*[\\s\\S]*?\\*\\//,\n\t\t'atrule': {\n\t\t\tpattern: RegExp('@[\\\\w-](?:' + /[^;{\\s\"']|\\s+(?!\\s)/.source + '|' + string.source + ')*?' + /(?:;|(?=\\s*\\{))/.source),\n\t\t\tinside: {\n\t\t\t\t'rule': /^@[\\w-]+/,\n\t\t\t\t'selector-function-argument': {\n\t\t\t\t\tpattern: /(\\bselector\\s*\\(\\s*(?![\\s)]))(?:[^()\\s]|\\s+(?![\\s)])|\\((?:[^()]|\\([^()]*\\))*\\))+(?=\\s*\\))/,\n\t\t\t\t\tlookbehind: true,\n\t\t\t\t\talias: 'selector'\n\t\t\t\t},\n\t\t\t\t'keyword': {\n\t\t\t\t\tpattern: /(^|[^\\w-])(?:and|not|only|or)(?![\\w-])/,\n\t\t\t\t\tlookbehind: true\n\t\t\t\t}\n\t\t\t\t// See rest below\n\t\t\t}\n\t\t},\n\t\t'url': {\n\t\t\t// https://drafts.csswg.org/css-values-3/#urls\n\t\t\tpattern: RegExp('\\\\burl\\\\((?:' + string.source + '|' + /(?:[^\\\\\\r\\n()\"']|\\\\[\\s\\S])*/.source + ')\\\\)', 'i'),\n\t\t\tgreedy: true,\n\t\t\tinside: {\n\t\t\t\t'function': /^url/i,\n\t\t\t\t'punctuation': /^\\(|\\)$/,\n\t\t\t\t'string': {\n\t\t\t\t\tpattern: RegExp('^' + string.source + '$'),\n\t\t\t\t\talias: 'url'\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t'selector': {\n\t\t\tpattern: RegExp('(^|[{}\\\\s])[^{}\\\\s](?:[^{};\"\\'\\\\s]|\\\\s+(?![\\\\s{])|' + string.source + ')*(?=\\\\s*\\\\{)'),\n\t\t\tlookbehind: true\n\t\t},\n\t\t'string': {\n\t\t\tpattern: string,\n\t\t\tgreedy: true\n\t\t},\n\t\t'property': {\n\t\t\tpattern: /(^|[^-\\w\\xA0-\\uFFFF])(?!\\s)[-_a-z\\xA0-\\uFFFF](?:(?!\\s)[-\\w\\xA0-\\uFFFF])*(?=\\s*:)/i,\n\t\t\tlookbehind: true\n\t\t},\n\t\t'important': /!important\\b/i,\n\t\t'function': {\n\t\t\tpattern: /(^|[^-a-z0-9])[-a-z0-9]+(?=\\()/i,\n\t\t\tlookbehind: true\n\t\t},\n\t\t'punctuation': /[(){};:,]/\n\t};\n\n\tPrism.languages.css['atrule'].inside.rest = Prism.languages.css;\n\n\tvar markup = Prism.languages.markup;\n\tif (markup) {\n\t\tmarkup.tag.addInlined('style', 'css');\n\t\tmarkup.tag.addAttribute('style', 'css');\n\t}\n\n}(Prism));\n\n\n/* **********************************************\n     Begin prism-clike.js\n********************************************** */\n\nPrism.languages.clike = {\n\t'comment': [\n\t\t{\n\t\t\tpattern: /(^|[^\\\\])\\/\\*[\\s\\S]*?(?:\\*\\/|$)/,\n\t\t\tlookbehind: true,\n\t\t\tgreedy: true\n\t\t},\n\t\t{\n\t\t\tpattern: /(^|[^\\\\:])\\/\\/.*/,\n\t\t\tlookbehind: true,\n\t\t\tgreedy: true\n\t\t}\n\t],\n\t'string': {\n\t\tpattern: /([\"'])(?:\\\\(?:\\r\\n|[\\s\\S])|(?!\\1)[^\\\\\\r\\n])*\\1/,\n\t\tgreedy: true\n\t},\n\t'class-name': {\n\t\tpattern: /(\\b(?:class|extends|implements|instanceof|interface|new|trait)\\s+|\\bcatch\\s+\\()[\\w.\\\\]+/i,\n\t\tlookbehind: true,\n\t\tinside: {\n\t\t\t'punctuation': /[.\\\\]/\n\t\t}\n\t},\n\t'keyword': /\\b(?:break|catch|continue|do|else|finally|for|function|if|in|instanceof|new|null|return|throw|try|while)\\b/,\n\t'boolean': /\\b(?:false|true)\\b/,\n\t'function': /\\b\\w+(?=\\()/,\n\t'number': /\\b0x[\\da-f]+\\b|(?:\\b\\d+(?:\\.\\d*)?|\\B\\.\\d+)(?:e[+-]?\\d+)?/i,\n\t'operator': /[<>]=?|[!=]=?=?|--?|\\+\\+?|&&?|\\|\\|?|[?*/~^%]/,\n\t'punctuation': /[{}[\\];(),.:]/\n};\n\n\n/* **********************************************\n     Begin prism-javascript.js\n********************************************** */\n\nPrism.languages.javascript = Prism.languages.extend('clike', {\n\t'class-name': [\n\t\tPrism.languages.clike['class-name'],\n\t\t{\n\t\t\tpattern: /(^|[^$\\w\\xA0-\\uFFFF])(?!\\s)[_$A-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\.(?:constructor|prototype))/,\n\t\t\tlookbehind: true\n\t\t}\n\t],\n\t'keyword': [\n\t\t{\n\t\t\tpattern: /((?:^|\\})\\s*)catch\\b/,\n\t\t\tlookbehind: true\n\t\t},\n\t\t{\n\t\t\tpattern: /(^|[^.]|\\.\\.\\.\\s*)\\b(?:as|assert(?=\\s*\\{)|async(?=\\s*(?:function\\b|\\(|[$\\w\\xA0-\\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally(?=\\s*(?:\\{|$))|for|from(?=\\s*(?:['\"]|$))|function|(?:get|set)(?=\\s*(?:[#\\[$\\w\\xA0-\\uFFFF]|$))|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)\\b/,\n\t\t\tlookbehind: true\n\t\t},\n\t],\n\t// Allow for all non-ASCII characters (See http://stackoverflow.com/a/2008444)\n\t'function': /#?(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\s*(?:\\.\\s*(?:apply|bind|call)\\s*)?\\()/,\n\t'number': {\n\t\tpattern: RegExp(\n\t\t\t/(^|[^\\w$])/.source +\n\t\t\t'(?:' +\n\t\t\t(\n\t\t\t\t// constant\n\t\t\t\t/NaN|Infinity/.source +\n\t\t\t\t'|' +\n\t\t\t\t// binary integer\n\t\t\t\t/0[bB][01]+(?:_[01]+)*n?/.source +\n\t\t\t\t'|' +\n\t\t\t\t// octal integer\n\t\t\t\t/0[oO][0-7]+(?:_[0-7]+)*n?/.source +\n\t\t\t\t'|' +\n\t\t\t\t// hexadecimal integer\n\t\t\t\t/0[xX][\\dA-Fa-f]+(?:_[\\dA-Fa-f]+)*n?/.source +\n\t\t\t\t'|' +\n\t\t\t\t// decimal bigint\n\t\t\t\t/\\d+(?:_\\d+)*n/.source +\n\t\t\t\t'|' +\n\t\t\t\t// decimal number (integer or float) but no bigint\n\t\t\t\t/(?:\\d+(?:_\\d+)*(?:\\.(?:\\d+(?:_\\d+)*)?)?|\\.\\d+(?:_\\d+)*)(?:[Ee][+-]?\\d+(?:_\\d+)*)?/.source\n\t\t\t) +\n\t\t\t')' +\n\t\t\t/(?![\\w$])/.source\n\t\t),\n\t\tlookbehind: true\n\t},\n\t'operator': /--|\\+\\+|\\*\\*=?|=>|&&=?|\\|\\|=?|[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\\.{3}|\\?\\?=?|\\?\\.?|[~:]/\n});\n\nPrism.languages.javascript['class-name'][0].pattern = /(\\b(?:class|extends|implements|instanceof|interface|new)\\s+)[\\w.\\\\]+/;\n\nPrism.languages.insertBefore('javascript', 'keyword', {\n\t'regex': {\n\t\tpattern: RegExp(\n\t\t\t// lookbehind\n\t\t\t// eslint-disable-next-line regexp/no-dupe-characters-character-class\n\t\t\t/((?:^|[^$\\w\\xA0-\\uFFFF.\"'\\])\\s]|\\b(?:return|yield))\\s*)/.source +\n\t\t\t// Regex pattern:\n\t\t\t// There are 2 regex patterns here. The RegExp set notation proposal added support for nested character\n\t\t\t// classes if the `v` flag is present. Unfortunately, nested CCs are both context-free and incompatible\n\t\t\t// with the only syntax, so we have to define 2 different regex patterns.\n\t\t\t/\\//.source +\n\t\t\t'(?:' +\n\t\t\t/(?:\\[(?:[^\\]\\\\\\r\\n]|\\\\.)*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}/.source +\n\t\t\t'|' +\n\t\t\t// `v` flag syntax. This supports 3 levels of nested character classes.\n\t\t\t/(?:\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.|\\[(?:[^[\\]\\\\\\r\\n]|\\\\.)*\\])*\\])*\\]|\\\\.|[^/\\\\\\[\\r\\n])+\\/[dgimyus]{0,7}v[dgimyus]{0,7}/.source +\n\t\t\t')' +\n\t\t\t// lookahead\n\t\t\t/(?=(?:\\s|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/)*(?:$|[\\r\\n,.;:})\\]]|\\/\\/))/.source\n\t\t),\n\t\tlookbehind: true,\n\t\tgreedy: true,\n\t\tinside: {\n\t\t\t'regex-source': {\n\t\t\t\tpattern: /^(\\/)[\\s\\S]+(?=\\/[a-z]*$)/,\n\t\t\t\tlookbehind: true,\n\t\t\t\talias: 'language-regex',\n\t\t\t\tinside: Prism.languages.regex\n\t\t\t},\n\t\t\t'regex-delimiter': /^\\/|\\/$/,\n\t\t\t'regex-flags': /^[a-z]+$/,\n\t\t}\n\t},\n\t// This must be declared before keyword because we use \"function\" inside the look-forward\n\t'function-variable': {\n\t\tpattern: /#?(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\s*[=:]\\s*(?:async\\s*)?(?:\\bfunction\\b|(?:\\((?:[^()]|\\([^()]*\\))*\\)|(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*)\\s*=>))/,\n\t\talias: 'function'\n\t},\n\t'parameter': [\n\t\t{\n\t\t\tpattern: /(function(?:\\s+(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*)?\\s*\\(\\s*)(?!\\s)(?:[^()\\s]|\\s+(?![\\s)])|\\([^()]*\\))+(?=\\s*\\))/,\n\t\t\tlookbehind: true,\n\t\t\tinside: Prism.languages.javascript\n\t\t},\n\t\t{\n\t\t\tpattern: /(^|[^$\\w\\xA0-\\uFFFF])(?!\\s)[_$a-z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\s*=>)/i,\n\t\t\tlookbehind: true,\n\t\t\tinside: Prism.languages.javascript\n\t\t},\n\t\t{\n\t\t\tpattern: /(\\(\\s*)(?!\\s)(?:[^()\\s]|\\s+(?![\\s)])|\\([^()]*\\))+(?=\\s*\\)\\s*=>)/,\n\t\t\tlookbehind: true,\n\t\t\tinside: Prism.languages.javascript\n\t\t},\n\t\t{\n\t\t\tpattern: /((?:\\b|\\s|^)(?!(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|undefined|var|void|while|with|yield)(?![$\\w\\xA0-\\uFFFF]))(?:(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*\\s*)\\(\\s*|\\]\\s*\\(\\s*)(?!\\s)(?:[^()\\s]|\\s+(?![\\s)])|\\([^()]*\\))+(?=\\s*\\)\\s*\\{)/,\n\t\t\tlookbehind: true,\n\t\t\tinside: Prism.languages.javascript\n\t\t}\n\t],\n\t'constant': /\\b[A-Z](?:[A-Z_]|\\dx?)*\\b/\n});\n\nPrism.languages.insertBefore('javascript', 'string', {\n\t'hashbang': {\n\t\tpattern: /^#!.*/,\n\t\tgreedy: true,\n\t\talias: 'comment'\n\t},\n\t'template-string': {\n\t\tpattern: /`(?:\\\\[\\s\\S]|\\$\\{(?:[^{}]|\\{(?:[^{}]|\\{[^}]*\\})*\\})+\\}|(?!\\$\\{)[^\\\\`])*`/,\n\t\tgreedy: true,\n\t\tinside: {\n\t\t\t'template-punctuation': {\n\t\t\t\tpattern: /^`|`$/,\n\t\t\t\talias: 'string'\n\t\t\t},\n\t\t\t'interpolation': {\n\t\t\t\tpattern: /((?:^|[^\\\\])(?:\\\\{2})*)\\$\\{(?:[^{}]|\\{(?:[^{}]|\\{[^}]*\\})*\\})+\\}/,\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: {\n\t\t\t\t\t'interpolation-punctuation': {\n\t\t\t\t\t\tpattern: /^\\$\\{|\\}$/,\n\t\t\t\t\t\talias: 'punctuation'\n\t\t\t\t\t},\n\t\t\t\t\trest: Prism.languages.javascript\n\t\t\t\t}\n\t\t\t},\n\t\t\t'string': /[\\s\\S]+/\n\t\t}\n\t},\n\t'string-property': {\n\t\tpattern: /((?:^|[,{])[ \\t]*)([\"'])(?:\\\\(?:\\r\\n|[\\s\\S])|(?!\\2)[^\\\\\\r\\n])*\\2(?=\\s*:)/m,\n\t\tlookbehind: true,\n\t\tgreedy: true,\n\t\talias: 'property'\n\t}\n});\n\nPrism.languages.insertBefore('javascript', 'operator', {\n\t'literal-property': {\n\t\tpattern: /((?:^|[,{])[ \\t]*)(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?=\\s*:)/m,\n\t\tlookbehind: true,\n\t\talias: 'property'\n\t},\n});\n\nif (Prism.languages.markup) {\n\tPrism.languages.markup.tag.addInlined('script', 'javascript');\n\n\t// add attribute support for all DOM events.\n\t// https://developer.mozilla.org/en-US/docs/Web/Events#Standard_events\n\tPrism.languages.markup.tag.addAttribute(\n\t\t/on(?:abort|blur|change|click|composition(?:end|start|update)|dblclick|error|focus(?:in|out)?|key(?:down|up)|load|mouse(?:down|enter|leave|move|out|over|up)|reset|resize|scroll|select|slotchange|submit|unload|wheel)/.source,\n\t\t'javascript'\n\t);\n}\n\nPrism.languages.js = Prism.languages.javascript;\n\n\n/* **********************************************\n     Begin prism-file-highlight.js\n********************************************** */\n\n(function () {\n\n\tif (typeof Prism === 'undefined' || typeof document === 'undefined') {\n\t\treturn;\n\t}\n\n\t// https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill\n\tif (!Element.prototype.matches) {\n\t\tElement.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector;\n\t}\n\n\tvar LOADING_MESSAGE = 'Loading…';\n\tvar FAILURE_MESSAGE = function (status, message) {\n\t\treturn '✖ Error ' + status + ' while fetching file: ' + message;\n\t};\n\tvar FAILURE_EMPTY_MESSAGE = '✖ Error: File does not exist or is empty';\n\n\tvar EXTENSIONS = {\n\t\t'js': 'javascript',\n\t\t'py': 'python',\n\t\t'rb': 'ruby',\n\t\t'ps1': 'powershell',\n\t\t'psm1': 'powershell',\n\t\t'sh': 'bash',\n\t\t'bat': 'batch',\n\t\t'h': 'c',\n\t\t'tex': 'latex'\n\t};\n\n\tvar STATUS_ATTR = 'data-src-status';\n\tvar STATUS_LOADING = 'loading';\n\tvar STATUS_LOADED = 'loaded';\n\tvar STATUS_FAILED = 'failed';\n\n\tvar SELECTOR = 'pre[data-src]:not([' + STATUS_ATTR + '=\"' + STATUS_LOADED + '\"])'\n\t\t+ ':not([' + STATUS_ATTR + '=\"' + STATUS_LOADING + '\"])';\n\n\t/**\n\t * Loads the given file.\n\t *\n\t * @param {string} src The URL or path of the source file to load.\n\t * @param {(result: string) => void} success\n\t * @param {(reason: string) => void} error\n\t */\n\tfunction loadFile(src, success, error) {\n\t\tvar xhr = new XMLHttpRequest();\n\t\txhr.open('GET', src, true);\n\t\txhr.onreadystatechange = function () {\n\t\t\tif (xhr.readyState == 4) {\n\t\t\t\tif (xhr.status < 400 && xhr.responseText) {\n\t\t\t\t\tsuccess(xhr.responseText);\n\t\t\t\t} else {\n\t\t\t\t\tif (xhr.status >= 400) {\n\t\t\t\t\t\terror(FAILURE_MESSAGE(xhr.status, xhr.statusText));\n\t\t\t\t\t} else {\n\t\t\t\t\t\terror(FAILURE_EMPTY_MESSAGE);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t};\n\t\txhr.send(null);\n\t}\n\n\t/**\n\t * Parses the given range.\n\t *\n\t * This returns a range with inclusive ends.\n\t *\n\t * @param {string | null | undefined} range\n\t * @returns {[number, number | undefined] | undefined}\n\t */\n\tfunction parseRange(range) {\n\t\tvar m = /^\\s*(\\d+)\\s*(?:(,)\\s*(?:(\\d+)\\s*)?)?$/.exec(range || '');\n\t\tif (m) {\n\t\t\tvar start = Number(m[1]);\n\t\t\tvar comma = m[2];\n\t\t\tvar end = m[3];\n\n\t\t\tif (!comma) {\n\t\t\t\treturn [start, start];\n\t\t\t}\n\t\t\tif (!end) {\n\t\t\t\treturn [start, undefined];\n\t\t\t}\n\t\t\treturn [start, Number(end)];\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tPrism.hooks.add('before-highlightall', function (env) {\n\t\tenv.selector += ', ' + SELECTOR;\n\t});\n\n\tPrism.hooks.add('before-sanity-check', function (env) {\n\t\tvar pre = /** @type {HTMLPreElement} */ (env.element);\n\t\tif (pre.matches(SELECTOR)) {\n\t\t\tenv.code = ''; // fast-path the whole thing and go to complete\n\n\t\t\tpre.setAttribute(STATUS_ATTR, STATUS_LOADING); // mark as loading\n\n\t\t\t// add code element with loading message\n\t\t\tvar code = pre.appendChild(document.createElement('CODE'));\n\t\t\tcode.textContent = LOADING_MESSAGE;\n\n\t\t\tvar src = pre.getAttribute('data-src');\n\n\t\t\tvar language = env.language;\n\t\t\tif (language === 'none') {\n\t\t\t\t// the language might be 'none' because there is no language set;\n\t\t\t\t// in this case, we want to use the extension as the language\n\t\t\t\tvar extension = (/\\.(\\w+)$/.exec(src) || [, 'none'])[1];\n\t\t\t\tlanguage = EXTENSIONS[extension] || extension;\n\t\t\t}\n\n\t\t\t// set language classes\n\t\t\tPrism.util.setLanguage(code, language);\n\t\t\tPrism.util.setLanguage(pre, language);\n\n\t\t\t// preload the language\n\t\t\tvar autoloader = Prism.plugins.autoloader;\n\t\t\tif (autoloader) {\n\t\t\t\tautoloader.loadLanguages(language);\n\t\t\t}\n\n\t\t\t// load file\n\t\t\tloadFile(\n\t\t\t\tsrc,\n\t\t\t\tfunction (text) {\n\t\t\t\t\t// mark as loaded\n\t\t\t\t\tpre.setAttribute(STATUS_ATTR, STATUS_LOADED);\n\n\t\t\t\t\t// handle data-range\n\t\t\t\t\tvar range = parseRange(pre.getAttribute('data-range'));\n\t\t\t\t\tif (range) {\n\t\t\t\t\t\tvar lines = text.split(/\\r\\n?|\\n/g);\n\n\t\t\t\t\t\t// the range is one-based and inclusive on both ends\n\t\t\t\t\t\tvar start = range[0];\n\t\t\t\t\t\tvar end = range[1] == null ? lines.length : range[1];\n\n\t\t\t\t\t\tif (start < 0) { start += lines.length; }\n\t\t\t\t\t\tstart = Math.max(0, Math.min(start - 1, lines.length));\n\t\t\t\t\t\tif (end < 0) { end += lines.length; }\n\t\t\t\t\t\tend = Math.max(0, Math.min(end, lines.length));\n\n\t\t\t\t\t\ttext = lines.slice(start, end).join('\\n');\n\n\t\t\t\t\t\t// add data-start for line numbers\n\t\t\t\t\t\tif (!pre.hasAttribute('data-start')) {\n\t\t\t\t\t\t\tpre.setAttribute('data-start', String(start + 1));\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// highlight code\n\t\t\t\t\tcode.textContent = text;\n\t\t\t\t\tPrism.highlightElement(code);\n\t\t\t\t},\n\t\t\t\tfunction (error) {\n\t\t\t\t\t// mark as failed\n\t\t\t\t\tpre.setAttribute(STATUS_ATTR, STATUS_FAILED);\n\n\t\t\t\t\tcode.textContent = error;\n\t\t\t\t}\n\t\t\t);\n\t\t}\n\t});\n\n\tPrism.plugins.fileHighlight = {\n\t\t/**\n\t\t * Executes the File Highlight plugin for all matching `pre` elements under the given container.\n\t\t *\n\t\t * Note: Elements which are already loaded or currently loading will not be touched by this method.\n\t\t *\n\t\t * @param {ParentNode} [container=document]\n\t\t */\n\t\thighlight: function highlight(container) {\n\t\t\tvar elements = (container || document).querySelectorAll(SELECTOR);\n\n\t\t\tfor (var i = 0, element; (element = elements[i++]);) {\n\t\t\t\tPrism.highlightElement(element);\n\t\t\t}\n\t\t}\n\t};\n\n\tvar logged = false;\n\t/** @deprecated Use `Prism.plugins.fileHighlight.highlight` instead. */\n\tPrism.fileHighlight = function () {\n\t\tif (!logged) {\n\t\t\tconsole.warn('Prism.fileHighlight is deprecated. Use `Prism.plugins.fileHighlight.highlight` instead.');\n\t\t\tlogged = true;\n\t\t}\n\t\tPrism.plugins.fileHighlight.highlight.apply(this, arguments);\n\t};\n\n}());\n","(function (Prism) {\n\n\t/**\n\t * Replaces all placeholders \"<<n>>\" of given pattern with the n-th replacement (zero based).\n\t *\n\t * Note: This is a simple text based replacement. Be careful when using backreferences!\n\t *\n\t * @param {string} pattern the given pattern.\n\t * @param {string[]} replacements a list of replacement which can be inserted into the given pattern.\n\t * @returns {string} the pattern with all placeholders replaced with their corresponding replacements.\n\t * @example replace(/a<<0>>a/.source, [/b+/.source]) === /a(?:b+)a/.source\n\t */\n\tfunction replace(pattern, replacements) {\n\t\treturn pattern.replace(/<<(\\d+)>>/g, function (m, index) {\n\t\t\treturn '(?:' + replacements[+index] + ')';\n\t\t});\n\t}\n\t/**\n\t * @param {string} pattern\n\t * @param {string[]} replacements\n\t * @param {string} [flags]\n\t * @returns {RegExp}\n\t */\n\tfunction re(pattern, replacements, flags) {\n\t\treturn RegExp(replace(pattern, replacements), flags || '');\n\t}\n\n\t/**\n\t * Creates a nested pattern where all occurrences of the string `<<self>>` are replaced with the pattern itself.\n\t *\n\t * @param {string} pattern\n\t * @param {number} depthLog2\n\t * @returns {string}\n\t */\n\tfunction nested(pattern, depthLog2) {\n\t\tfor (var i = 0; i < depthLog2; i++) {\n\t\t\tpattern = pattern.replace(/<<self>>/g, function () { return '(?:' + pattern + ')'; });\n\t\t}\n\t\treturn pattern.replace(/<<self>>/g, '[^\\\\s\\\\S]');\n\t}\n\n\t// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/keywords/\n\tvar keywordKinds = {\n\t\t// keywords which represent a return or variable type\n\t\ttype: 'bool byte char decimal double dynamic float int long object sbyte short string uint ulong ushort var void',\n\t\t// keywords which are used to declare a type\n\t\ttypeDeclaration: 'class enum interface record struct',\n\t\t// contextual keywords\n\t\t// (\"var\" and \"dynamic\" are missing because they are used like types)\n\t\tcontextual: 'add alias and ascending async await by descending from(?=\\\\s*(?:\\\\w|$)) get global group into init(?=\\\\s*;) join let nameof not notnull on or orderby partial remove select set unmanaged value when where with(?=\\\\s*{)',\n\t\t// all other keywords\n\t\tother: 'abstract as base break case catch checked const continue default delegate do else event explicit extern finally fixed for foreach goto if implicit in internal is lock namespace new null operator out override params private protected public readonly ref return sealed sizeof stackalloc static switch this throw try typeof unchecked unsafe using virtual volatile while yield'\n\t};\n\n\t// keywords\n\tfunction keywordsToPattern(words) {\n\t\treturn '\\\\b(?:' + words.trim().replace(/ /g, '|') + ')\\\\b';\n\t}\n\tvar typeDeclarationKeywords = keywordsToPattern(keywordKinds.typeDeclaration);\n\tvar keywords = RegExp(keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other));\n\tvar nonTypeKeywords = keywordsToPattern(keywordKinds.typeDeclaration + ' ' + keywordKinds.contextual + ' ' + keywordKinds.other);\n\tvar nonContextualKeywords = keywordsToPattern(keywordKinds.type + ' ' + keywordKinds.typeDeclaration + ' ' + keywordKinds.other);\n\n\t// types\n\tvar generic = nested(/<(?:[^<>;=+\\-*/%&|^]|<<self>>)*>/.source, 2); // the idea behind the other forbidden characters is to prevent false positives. Same for tupleElement.\n\tvar nestedRound = nested(/\\((?:[^()]|<<self>>)*\\)/.source, 2);\n\tvar name = /@?\\b[A-Za-z_]\\w*\\b/.source;\n\tvar genericName = replace(/<<0>>(?:\\s*<<1>>)?/.source, [name, generic]);\n\tvar identifier = replace(/(?!<<0>>)<<1>>(?:\\s*\\.\\s*<<1>>)*/.source, [nonTypeKeywords, genericName]);\n\tvar array = /\\[\\s*(?:,\\s*)*\\]/.source;\n\tvar typeExpressionWithoutTuple = replace(/<<0>>(?:\\s*(?:\\?\\s*)?<<1>>)*(?:\\s*\\?)?/.source, [identifier, array]);\n\tvar tupleElement = replace(/[^,()<>[\\];=+\\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source, [generic, nestedRound, array]);\n\tvar tuple = replace(/\\(<<0>>+(?:,<<0>>+)+\\)/.source, [tupleElement]);\n\tvar typeExpression = replace(/(?:<<0>>|<<1>>)(?:\\s*(?:\\?\\s*)?<<2>>)*(?:\\s*\\?)?/.source, [tuple, identifier, array]);\n\n\tvar typeInside = {\n\t\t'keyword': keywords,\n\t\t'punctuation': /[<>()?,.:[\\]]/\n\t};\n\n\t// strings & characters\n\t// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#character-literals\n\t// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#string-literals\n\tvar character = /'(?:[^\\r\\n'\\\\]|\\\\.|\\\\[Uux][\\da-fA-F]{1,8})'/.source; // simplified pattern\n\tvar regularString = /\"(?:\\\\.|[^\\\\\"\\r\\n])*\"/.source;\n\tvar verbatimString = /@\"(?:\"\"|\\\\[\\s\\S]|[^\\\\\"])*\"(?!\")/.source;\n\n\n\tPrism.languages.csharp = Prism.languages.extend('clike', {\n\t\t'string': [\n\t\t\t{\n\t\t\t\tpattern: re(/(^|[^$\\\\])<<0>>/.source, [verbatimString]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tgreedy: true\n\t\t\t},\n\t\t\t{\n\t\t\t\tpattern: re(/(^|[^@$\\\\])<<0>>/.source, [regularString]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tgreedy: true\n\t\t\t}\n\t\t],\n\t\t'class-name': [\n\t\t\t{\n\t\t\t\t// Using static\n\t\t\t\t// using static System.Math;\n\t\t\t\tpattern: re(/(\\busing\\s+static\\s+)<<0>>(?=\\s*;)/.source, [identifier]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: typeInside\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Using alias (type)\n\t\t\t\t// using Project = PC.MyCompany.Project;\n\t\t\t\tpattern: re(/(\\busing\\s+<<0>>\\s*=\\s*)<<1>>(?=\\s*;)/.source, [name, typeExpression]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: typeInside\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Using alias (alias)\n\t\t\t\t// using Project = PC.MyCompany.Project;\n\t\t\t\tpattern: re(/(\\busing\\s+)<<0>>(?=\\s*=)/.source, [name]),\n\t\t\t\tlookbehind: true\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Type declarations\n\t\t\t\t// class Foo<A, B>\n\t\t\t\t// interface Foo<out A, B>\n\t\t\t\tpattern: re(/(\\b<<0>>\\s+)<<1>>/.source, [typeDeclarationKeywords, genericName]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: typeInside\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Single catch exception declaration\n\t\t\t\t// catch(Foo)\n\t\t\t\t// (things like catch(Foo e) is covered by variable declaration)\n\t\t\t\tpattern: re(/(\\bcatch\\s*\\(\\s*)<<0>>/.source, [identifier]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: typeInside\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Name of the type parameter of generic constraints\n\t\t\t\t// where Foo : class\n\t\t\t\tpattern: re(/(\\bwhere\\s+)<<0>>/.source, [name]),\n\t\t\t\tlookbehind: true\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Casts and checks via as and is.\n\t\t\t\t// as Foo<A>, is Bar<B>\n\t\t\t\t// (things like if(a is Foo b) is covered by variable declaration)\n\t\t\t\tpattern: re(/(\\b(?:is(?:\\s+not)?|as)\\s+)<<0>>/.source, [typeExpressionWithoutTuple]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: typeInside\n\t\t\t},\n\t\t\t{\n\t\t\t\t// Variable, field and parameter declaration\n\t\t\t\t// (Foo bar, Bar baz, Foo[,,] bay, Foo<Bar, FooBar<Bar>> bax)\n\t\t\t\tpattern: re(/\\b<<0>>(?=\\s+(?!<<1>>|with\\s*\\{)<<2>>(?:\\s*[=,;:{)\\]]|\\s+(?:in|when)\\b))/.source, [typeExpression, nonContextualKeywords, name]),\n\t\t\t\tinside: typeInside\n\t\t\t}\n\t\t],\n\t\t'keyword': keywords,\n\t\t// https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#literals\n\t\t'number': /(?:\\b0(?:x[\\da-f_]*[\\da-f]|b[01_]*[01])|(?:\\B\\.\\d+(?:_+\\d+)*|\\b\\d+(?:_+\\d+)*(?:\\.\\d+(?:_+\\d+)*)?)(?:e[-+]?\\d+(?:_+\\d+)*)?)(?:[dflmu]|lu|ul)?\\b/i,\n\t\t'operator': />>=?|<<=?|[-=]>|([-+&|])\\1|~|\\?\\?=?|[-+*/%&|^!=<>]=?/,\n\t\t'punctuation': /\\?\\.?|::|[{}[\\];(),.:]/\n\t});\n\n\tPrism.languages.insertBefore('csharp', 'number', {\n\t\t'range': {\n\t\t\tpattern: /\\.\\./,\n\t\t\talias: 'operator'\n\t\t}\n\t});\n\n\tPrism.languages.insertBefore('csharp', 'punctuation', {\n\t\t'named-parameter': {\n\t\t\tpattern: re(/([(,]\\s*)<<0>>(?=\\s*:)/.source, [name]),\n\t\t\tlookbehind: true,\n\t\t\talias: 'punctuation'\n\t\t}\n\t});\n\n\tPrism.languages.insertBefore('csharp', 'class-name', {\n\t\t'namespace': {\n\t\t\t// namespace Foo.Bar {}\n\t\t\t// using Foo.Bar;\n\t\t\tpattern: re(/(\\b(?:namespace|using)\\s+)<<0>>(?:\\s*\\.\\s*<<0>>)*(?=\\s*[;{])/.source, [name]),\n\t\t\tlookbehind: true,\n\t\t\tinside: {\n\t\t\t\t'punctuation': /\\./\n\t\t\t}\n\t\t},\n\t\t'type-expression': {\n\t\t\t// default(Foo), typeof(Foo<Bar>), sizeof(int)\n\t\t\tpattern: re(/(\\b(?:default|sizeof|typeof)\\s*\\(\\s*(?!\\s))(?:[^()\\s]|\\s(?!\\s)|<<0>>)*(?=\\s*\\))/.source, [nestedRound]),\n\t\t\tlookbehind: true,\n\t\t\talias: 'class-name',\n\t\t\tinside: typeInside\n\t\t},\n\t\t'return-type': {\n\t\t\t// Foo<Bar> ForBar(); Foo IFoo.Bar() => 0\n\t\t\t// int this[int index] => 0; T IReadOnlyList<T>.this[int index] => this[index];\n\t\t\t// int Foo => 0; int Foo { get; set } = 0;\n\t\t\tpattern: re(/<<0>>(?=\\s+(?:<<1>>\\s*(?:=>|[({]|\\.\\s*this\\s*\\[)|this\\s*\\[))/.source, [typeExpression, identifier]),\n\t\t\tinside: typeInside,\n\t\t\talias: 'class-name'\n\t\t},\n\t\t'constructor-invocation': {\n\t\t\t// new List<Foo<Bar[]>> { }\n\t\t\tpattern: re(/(\\bnew\\s+)<<0>>(?=\\s*[[({])/.source, [typeExpression]),\n\t\t\tlookbehind: true,\n\t\t\tinside: typeInside,\n\t\t\talias: 'class-name'\n\t\t},\n\t\t/*'explicit-implementation': {\n\t\t\t// int IFoo<Foo>.Bar => 0; void IFoo<Foo<Foo>>.Foo<T>();\n\t\t\tpattern: replace(/\\b<<0>>(?=\\.<<1>>)/, className, methodOrPropertyDeclaration),\n\t\t\tinside: classNameInside,\n\t\t\talias: 'class-name'\n\t\t},*/\n\t\t'generic-method': {\n\t\t\t// foo<Bar>()\n\t\t\tpattern: re(/<<0>>\\s*<<1>>(?=\\s*\\()/.source, [name, generic]),\n\t\t\tinside: {\n\t\t\t\t'function': re(/^<<0>>/.source, [name]),\n\t\t\t\t'generic': {\n\t\t\t\t\tpattern: RegExp(generic),\n\t\t\t\t\talias: 'class-name',\n\t\t\t\t\tinside: typeInside\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\t'type-list': {\n\t\t\t// The list of types inherited or of generic constraints\n\t\t\t// class Foo<F> : Bar, IList<FooBar>\n\t\t\t// where F : Bar, IList<int>\n\t\t\tpattern: re(\n\t\t\t\t/\\b((?:<<0>>\\s+<<1>>|record\\s+<<1>>\\s*<<5>>|where\\s+<<2>>)\\s*:\\s*)(?:<<3>>|<<4>>|<<1>>\\s*<<5>>|<<6>>)(?:\\s*,\\s*(?:<<3>>|<<4>>|<<6>>))*(?=\\s*(?:where|[{;]|=>|$))/.source,\n\t\t\t\t[typeDeclarationKeywords, genericName, name, typeExpression, keywords.source, nestedRound, /\\bnew\\s*\\(\\s*\\)/.source]\n\t\t\t),\n\t\t\tlookbehind: true,\n\t\t\tinside: {\n\t\t\t\t'record-arguments': {\n\t\t\t\t\tpattern: re(/(^(?!new\\s*\\()<<0>>\\s*)<<1>>/.source, [genericName, nestedRound]),\n\t\t\t\t\tlookbehind: true,\n\t\t\t\t\tgreedy: true,\n\t\t\t\t\tinside: Prism.languages.csharp\n\t\t\t\t},\n\t\t\t\t'keyword': keywords,\n\t\t\t\t'class-name': {\n\t\t\t\t\tpattern: RegExp(typeExpression),\n\t\t\t\t\tgreedy: true,\n\t\t\t\t\tinside: typeInside\n\t\t\t\t},\n\t\t\t\t'punctuation': /[,()]/\n\t\t\t}\n\t\t},\n\t\t'preprocessor': {\n\t\t\tpattern: /(^[\\t ]*)#.*/m,\n\t\t\tlookbehind: true,\n\t\t\talias: 'property',\n\t\t\tinside: {\n\t\t\t\t// highlight preprocessor directives as keywords\n\t\t\t\t'directive': {\n\t\t\t\t\tpattern: /(#)\\b(?:define|elif|else|endif|endregion|error|if|line|nullable|pragma|region|undef|warning)\\b/,\n\t\t\t\t\tlookbehind: true,\n\t\t\t\t\talias: 'keyword'\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\n\t// attributes\n\tvar regularStringOrCharacter = regularString + '|' + character;\n\tvar regularStringCharacterOrComment = replace(/\\/(?![*/])|\\/\\/[^\\r\\n]*[\\r\\n]|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|<<0>>/.source, [regularStringOrCharacter]);\n\tvar roundExpression = nested(replace(/[^\"'/()]|<<0>>|\\(<<self>>*\\)/.source, [regularStringCharacterOrComment]), 2);\n\n\t// https://docs.microsoft.com/en-us/dotnet/csharp/programming-guide/concepts/attributes/#attribute-targets\n\tvar attrTarget = /\\b(?:assembly|event|field|method|module|param|property|return|type)\\b/.source;\n\tvar attr = replace(/<<0>>(?:\\s*\\(<<1>>*\\))?/.source, [identifier, roundExpression]);\n\n\tPrism.languages.insertBefore('csharp', 'class-name', {\n\t\t'attribute': {\n\t\t\t// Attributes\n\t\t\t// [Foo], [Foo(1), Bar(2, Prop = \"foo\")], [return: Foo(1), Bar(2)], [assembly: Foo(Bar)]\n\t\t\tpattern: re(/((?:^|[^\\s\\w>)?])\\s*\\[\\s*)(?:<<0>>\\s*:\\s*)?<<1>>(?:\\s*,\\s*<<1>>)*(?=\\s*\\])/.source, [attrTarget, attr]),\n\t\t\tlookbehind: true,\n\t\t\tgreedy: true,\n\t\t\tinside: {\n\t\t\t\t'target': {\n\t\t\t\t\tpattern: re(/^<<0>>(?=\\s*:)/.source, [attrTarget]),\n\t\t\t\t\talias: 'keyword'\n\t\t\t\t},\n\t\t\t\t'attribute-arguments': {\n\t\t\t\t\tpattern: re(/\\(<<0>>*\\)/.source, [roundExpression]),\n\t\t\t\t\tinside: Prism.languages.csharp\n\t\t\t\t},\n\t\t\t\t'class-name': {\n\t\t\t\t\tpattern: RegExp(identifier),\n\t\t\t\t\tinside: {\n\t\t\t\t\t\t'punctuation': /\\./\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\t'punctuation': /[:,]/\n\t\t\t}\n\t\t}\n\t});\n\n\n\t// string interpolation\n\tvar formatString = /:[^}\\r\\n]+/.source;\n\t// multi line\n\tvar mInterpolationRound = nested(replace(/[^\"'/()]|<<0>>|\\(<<self>>*\\)/.source, [regularStringCharacterOrComment]), 2);\n\tvar mInterpolation = replace(/\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}/.source, [mInterpolationRound, formatString]);\n\t// single line\n\tvar sInterpolationRound = nested(replace(/[^\"'/()]|\\/(?!\\*)|\\/\\*(?:[^*]|\\*(?!\\/))*\\*\\/|<<0>>|\\(<<self>>*\\)/.source, [regularStringOrCharacter]), 2);\n\tvar sInterpolation = replace(/\\{(?!\\{)(?:(?![}:])<<0>>)*<<1>>?\\}/.source, [sInterpolationRound, formatString]);\n\n\tfunction createInterpolationInside(interpolation, interpolationRound) {\n\t\treturn {\n\t\t\t'interpolation': {\n\t\t\t\tpattern: re(/((?:^|[^{])(?:\\{\\{)*)<<0>>/.source, [interpolation]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tinside: {\n\t\t\t\t\t'format-string': {\n\t\t\t\t\t\tpattern: re(/(^\\{(?:(?![}:])<<0>>)*)<<1>>(?=\\}$)/.source, [interpolationRound, formatString]),\n\t\t\t\t\t\tlookbehind: true,\n\t\t\t\t\t\tinside: {\n\t\t\t\t\t\t\t'punctuation': /^:/\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\t'punctuation': /^\\{|\\}$/,\n\t\t\t\t\t'expression': {\n\t\t\t\t\t\tpattern: /[\\s\\S]+/,\n\t\t\t\t\t\talias: 'language-csharp',\n\t\t\t\t\t\tinside: Prism.languages.csharp\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t},\n\t\t\t'string': /[\\s\\S]+/\n\t\t};\n\t}\n\n\tPrism.languages.insertBefore('csharp', 'string', {\n\t\t'interpolation-string': [\n\t\t\t{\n\t\t\t\tpattern: re(/(^|[^\\\\])(?:\\$@|@\\$)\"(?:\"\"|\\\\[\\s\\S]|\\{\\{|<<0>>|[^\\\\{\"])*\"/.source, [mInterpolation]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tgreedy: true,\n\t\t\t\tinside: createInterpolationInside(mInterpolation, mInterpolationRound),\n\t\t\t},\n\t\t\t{\n\t\t\t\tpattern: re(/(^|[^@\\\\])\\$\"(?:\\\\.|\\{\\{|<<0>>|[^\\\\\"{])*\"/.source, [sInterpolation]),\n\t\t\t\tlookbehind: true,\n\t\t\t\tgreedy: true,\n\t\t\t\tinside: createInterpolationInside(sInterpolation, sInterpolationRound),\n\t\t\t}\n\t\t],\n\t\t'char': {\n\t\t\tpattern: RegExp(character),\n\t\t\tgreedy: true\n\t\t}\n\t});\n\n\tPrism.languages.dotnet = Prism.languages.cs = Prism.languages.csharp;\n\n}(Prism));\n","// https://www.json.org/json-en.html\nPrism.languages.json = {\n\t'property': {\n\t\tpattern: /(^|[^\\\\])\"(?:\\\\.|[^\\\\\"\\r\\n])*\"(?=\\s*:)/,\n\t\tlookbehind: true,\n\t\tgreedy: true\n\t},\n\t'string': {\n\t\tpattern: /(^|[^\\\\])\"(?:\\\\.|[^\\\\\"\\r\\n])*\"(?!\\s*:)/,\n\t\tlookbehind: true,\n\t\tgreedy: true\n\t},\n\t'comment': {\n\t\tpattern: /\\/\\/.*|\\/\\*[\\s\\S]*?(?:\\*\\/|$)/,\n\t\tgreedy: true\n\t},\n\t'number': /-?\\b\\d+(?:\\.\\d+)?(?:e[+-]?\\d+)?\\b/i,\n\t'punctuation': /[{}[\\],]/,\n\t'operator': /:/,\n\t'boolean': /\\b(?:false|true)\\b/,\n\t'null': {\n\t\tpattern: /\\bnull\\b/,\n\t\talias: 'keyword'\n\t}\n};\n\nPrism.languages.webmanifest = Prism.languages.json;\n","(function (Prism) {\n\n\tPrism.languages.typescript = Prism.languages.extend('javascript', {\n\t\t'class-name': {\n\t\t\tpattern: /(\\b(?:class|extends|implements|instanceof|interface|new|type)\\s+)(?!keyof\\b)(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*(?:\\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>)?/,\n\t\t\tlookbehind: true,\n\t\t\tgreedy: true,\n\t\t\tinside: null // see below\n\t\t},\n\t\t'builtin': /\\b(?:Array|Function|Promise|any|boolean|console|never|number|string|symbol|unknown)\\b/,\n\t});\n\n\t// The keywords TypeScript adds to JavaScript\n\tPrism.languages.typescript.keyword.push(\n\t\t/\\b(?:abstract|declare|is|keyof|readonly|require)\\b/,\n\t\t// keywords that have to be followed by an identifier\n\t\t/\\b(?:asserts|infer|interface|module|namespace|type)\\b(?=\\s*(?:[{_$a-zA-Z\\xA0-\\uFFFF]|$))/,\n\t\t// This is for `import type *, {}`\n\t\t/\\btype\\b(?=\\s*(?:[\\{*]|$))/\n\t);\n\n\t// doesn't work with TS because TS is too complex\n\tdelete Prism.languages.typescript['parameter'];\n\tdelete Prism.languages.typescript['literal-property'];\n\n\t// a version of typescript specifically for highlighting types\n\tvar typeInside = Prism.languages.extend('typescript', {});\n\tdelete typeInside['class-name'];\n\n\tPrism.languages.typescript['class-name'].inside = typeInside;\n\n\tPrism.languages.insertBefore('typescript', 'function', {\n\t\t'decorator': {\n\t\t\tpattern: /@[$\\w\\xA0-\\uFFFF]+/,\n\t\t\tinside: {\n\t\t\t\t'at': {\n\t\t\t\t\tpattern: /^@/,\n\t\t\t\t\talias: 'operator'\n\t\t\t\t},\n\t\t\t\t'function': /^[\\s\\S]+/\n\t\t\t}\n\t\t},\n\t\t'generic-function': {\n\t\t\t// e.g. foo<T extends \"bar\" | \"baz\">( ...\n\t\t\tpattern: /#?(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*\\s*<(?:[^<>]|<(?:[^<>]|<[^<>]*>)*>)*>(?=\\s*\\()/,\n\t\t\tgreedy: true,\n\t\t\tinside: {\n\t\t\t\t'function': /^#?(?!\\s)[_$a-zA-Z\\xA0-\\uFFFF](?:(?!\\s)[$\\w\\xA0-\\uFFFF])*/,\n\t\t\t\t'generic': {\n\t\t\t\t\tpattern: /<[\\s\\S]+/, // everything after the first <\n\t\t\t\t\talias: 'class-name',\n\t\t\t\t\tinside: typeInside\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t});\n\n\tPrism.languages.ts = Prism.languages.typescript;\n\n}(Prism));\n","import { Build, Component, Element, h, Host, Prop } from \"@stencil/core\";\r\nimport 'prismjs';\r\nimport 'prismjs/components/prism-csharp';\r\nimport 'prismjs/components/prism-json';\r\nimport 'prismjs/components/prism-typescript';\r\n\r\n@Component({\r\n    tag: 'app-code',\r\n    shadow: true\r\n})\r\nexport class AppCodeComponent {\r\n\r\n    @Element() element!: HTMLElement;\r\n    @Prop() language?: string;\r\n\r\n    content?: string;\r\n    style?: string;\r\n\r\n    async componentWillRender() {\r\n        this.style = (await import('./component.css')).default;\r\n\r\n        const g = (Build.isBrowser ? globalThis : global) as any;\r\n\r\n        const code = (this.element.textContent ?? 'no code').trim();\r\n        this.element.textContent = '';\r\n\r\n        this.content = g.Prism.highlight(\r\n            code,\r\n            g.Prism.languages[this.language!] ?? g.Prism.languages['plaintext'],\r\n            this.language ?? 'plaintext'\r\n        );\r\n    }\r\n\r\n    render() {\r\n        return <Host>\r\n            <style>{this.style}</style>\r\n            <p class=\"header\">\r\n                <span class=\"title\">{this.element.title}</span>\r\n                <span class=\"language\">{this.language}</span>\r\n            </p>\r\n            <pre\r\n                innerHTML={this.content}\r\n            ></pre>\r\n        </Host>;\r\n    }\r\n}","import { Build, Component, Element, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'app-diagram',\r\n    shadow: true\r\n})\r\nexport class AppDiagramComponent {\r\n    static lib?: typeof import('mermaid').default;\r\n\r\n    @Element() element!: HTMLElement;\r\n\r\n    content?: string;\r\n    style?: string;\r\n\r\n    async componentWillRender() {\r\n        this.style = (await import('./component.css')).default;\r\n\r\n        if (AppDiagramComponent.lib === undefined) {\r\n\r\n            const mermaid = (await import('mermaid')).default;\r\n            mermaid.initialize({\r\n                startOnLoad: false,\r\n                theme: 'default',\r\n                fontFamily: 'Arial',\r\n                sequence: {\r\n                    diagramMarginX: 0,\r\n                    diagramMarginY: 0,\r\n                    mirrorActors: false,\r\n                    bottomMarginAdj: 20,\r\n                    messageFontSize: 18,\r\n                    actorFontSize: 15\r\n                }\r\n            });\r\n\r\n            AppDiagramComponent.lib = mermaid;\r\n        }\r\n\r\n        const code = this.element.textContent ?? 'no diagram code';\r\n        this.element.textContent = '';\r\n\r\n        const result = await AppDiagramComponent.lib.render('diagram', code);\r\n\r\n        const element = document.createElement('div');\r\n        element.innerHTML = result.svg;\r\n\r\n        this.content = this.clean(element)!.innerHTML;\r\n    }\r\n\r\n    render() {\r\n        return <Host>\r\n            <style>{this.style}</style>\r\n            <p class=\"header\">\r\n                <span class=\"title\">{this.element.title}</span>\r\n            </p>\r\n            <div innerHTML={this.content}></div>\r\n        </Host>;\r\n    }\r\n\r\n    clean(element: Element): Element | undefined {\r\n        if (element.tagName === 'style')\r\n            return undefined;\r\n\r\n        element.removeAttribute('style');\r\n        element.removeAttribute('fill');\r\n        element.removeAttribute('stroke');\r\n        element.removeAttribute('stroke-width');\r\n        element.removeAttribute('stroke-dasharray');\r\n        element.removeAttribute('text-anchor');\r\n        element.removeAttribute('font');\r\n        element.removeAttribute('font-size');\r\n        element.removeAttribute('font-weight');\r\n\r\n        if (element.id.startsWith('actor'))\r\n            element.classList.add('actorLine');\r\n\r\n        if (element.tagName === 'tspan')\r\n            element.removeAttribute('x');\r\n\r\n        let x = 0;\r\n\r\n        Array\r\n            .from(element.children)\r\n            .forEach(child => {\r\n\r\n                const cleaned = this.clean(child);\r\n                element.removeChild(child);\r\n\r\n                if (cleaned === undefined)\r\n                    return;\r\n\r\n                if (x === 0\r\n                    && cleaned.classList.contains('loopLine'))\r\n                    x = Number.parseInt(cleaned.getAttribute('x2')!) - 20;\r\n\r\n                if (x !== 0\r\n                    && cleaned.classList.contains('loopText'))\r\n                    cleaned.setAttribute('x', `${x}`);\r\n\r\n                if (!Build.isBrowser\r\n                    && cleaned.classList.contains('messageText'))\r\n                    cleaned.setAttribute('y', `${Number.parseInt(cleaned.getAttribute('y')!) - 18}`);\r\n\r\n                element.appendChild(cleaned);\r\n            });\r\n\r\n        return element;\r\n    }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n:host {\r\n  display: block;\r\n}\r\n\r\n[summary] {\r\n  font-size: .9rem;\r\n}\r\n\r\n.hero {\r\n  box-shadow: var(--shadow);\r\n}\r\n\r\n@media print {\r\n\r\n  :host {\r\n    display: none;\r\n  }\r\n}","import { Component, h, Host } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'app-home',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class AppHome {\r\n  render() {\r\n    return <Host>\r\n      <section class=\"intro\">\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/developer.webp\" width=\"1024\" height=\"707\"\r\n            title=\"AI Image. Old and new architecture in harmony\" />\r\n        </div>\r\n        <div class=\"heading content box\">\r\n          <h2>I'm Anthony</h2>\r\n          <h3 class=\"aside right\"><abbr title=\"Fullstack Developer, C# .NET/TypeScript\">Dev</abbr>, Sussex UK</h3>\r\n        </div>\r\n        <div class=\"content\">\r\n          <p>\r\n            I design and write websites, PWAs, APIs, and services in .NET and TypeScript\r\n          </p>\r\n          <p>\r\n            And I work through my company <a href=\"https://antix.co.uk\" target=\"_blank\" rel=\"noopener\">antix.co.uk</a>\r\n          </p>\r\n        </div>\r\n        <div class=\"sub-sub-heading content\">\r\n          <h4>This is my Blog</h4>\r\n        </div>\r\n      </section>\r\n\r\n      <section class=\"articles\">\r\n\r\n        <entry-azure-functions-durable-tasks summary />\r\n        <entry-data-is-key summary />\r\n        <entry-the-developer-and-the-ai summary />\r\n        <entry-look-ma-no-hands summary />\r\n        <entry-expert-assignment summary />\r\n        <entry-working-from-home summary />\r\n\r\n      </section>\r\n    </Host>;\r\n  }\r\n}\r\n","import { IRouteMatch } from './IRouteMatch';\r\n\r\nexport function parseRouteMatch<TMatch extends { [name: string]: any; }>(\r\n  match: IRouteMatch,\r\n  defaultValues: TMatch,\r\n  parsers?: Partial<Record<keyof TMatch, (v: string) => any>>\r\n): TMatch {\r\n\r\n  const result = { ...defaultValues };\r\n\r\n  for (const n in defaultValues) {\r\n\r\n    const value: any = match?.params?.[n] !== undefined\r\n      ? match.params[n]\r\n      : match.search?.[n];\r\n\r\n    if (value != null) {\r\n      const parser = (v: string) => {\r\n        v = decodeURIComponent(v);\r\n\r\n        if (parsers && parsers[n])\r\n          v = parsers[n]!(v);\r\n        return v;\r\n      };\r\n\r\n      result[n] = Array.isArray(defaultValues[n])\r\n        ? value.map(parser)\r\n        : parser(value[0]);\r\n    }\r\n  }\r\n\r\n  return result;\r\n}\r\n","import { IRouteMatchParser } from './IRouteMatchParser';\r\nimport { IRouteMatches } from './IRouteMatches';\r\nimport { parseRouteMatch } from './parseRouteMatch';\r\n\r\nexport function getMatcher(matches: IRouteMatches): IRouteMatchParser {\r\n\r\n  return <TMatch extends { [name: string]: any; }>(\r\n    name: string,\r\n    defaultValues: TMatch,\r\n    parsers?: Partial<Record<keyof TMatch, (v: string) => any>>) => {\r\n\r\n    const match = matches[name];\r\n\r\n    return parseRouteMatch(match, defaultValues, parsers);\r\n  };\r\n}\r\n","\r\nexport function getRouteExp(path: string): RegExp {\r\n\r\n  path = path.trim();\r\n  const pattern = `^${path.split('/')\r\n    .filter(p => !!p)\r\n    .map(p => {\r\n      if (p === '*') return '\\/.*';\r\n\r\n      p = p.replace('*', '.*?');\r\n\r\n      if (p.startsWith(':')) {\r\n        if (p.endsWith('?'))\r\n          return `(\\/(?<${p.substring(1, p.length - 1)}>[^/?]+))?`;\r\n\r\n        else\r\n          return `\\/(?<${p.substring(1)}>[^/?]+)`;\r\n      }\r\n\r\n      return `\\/${p}`;\r\n    })\r\n    .reduce((p, pp) => {\r\n\r\n      return `${p}${pp}`\r\n    }, '')}\\/?(\\\\?(?<__search>.*))?$`;\r\n\r\n  return new RegExp(pattern, 'gi');\r\n}\r\n","export function splitPath(\r\n    path: string | null,\r\n    trailingSlash: boolean\r\n): string[] {\r\n    if (path == null)\r\n        return [];\r\n\r\n    const pathParts = (path || '').split('?');\r\n    if (pathParts[0].endsWith('/') !== trailingSlash) {\r\n        if (trailingSlash) pathParts[0] += '/';\r\n        else pathParts[0] = pathParts[0].slice(0, -1);\r\n    }\r\n    return pathParts;\r\n}\r\n","import { splitPath } from './splitPath';\r\n\r\nexport function normalisePath(\r\n  path: string | null): string {\r\n\r\n  return splitPath(path, true).join('?');\r\n}\r\n","import { IParams } from './IParams';\r\n\r\nexport function toParams(value: string): IParams {\r\n  if (!value) return {} as IParams;\r\n  if (value.startsWith('?')) value = value.substring(1);\r\n\r\n  return value\r\n    .split('&').reduce((all, p) => {\r\n\r\n      const s = p.split('=');\r\n      all[s[0]] = Array.isArray(all[s[0]])\r\n        ? [...all[s[0]], s[1]]\r\n        : [s[1]];\r\n\r\n      return all;\r\n    }, {} as IParams);\r\n}\r\n","import { IRouteMatch } from './IRouteMatch';\r\nimport { normalisePath } from './normalisePath';\r\nimport { toParams } from './toParams';\r\n\r\nexport function matchRoute(\r\n  path: string,\r\n  routeExp: RegExp): IRouteMatch | null {\r\n\r\n  if (path == null || path[0] !== '/')\r\n    throw new Error('path is invalid, should start with \"/\"');\r\n\r\n  path = normalisePath(path);\r\n\r\n  const match = routeExp.exec(path) as any;\r\n  routeExp.lastIndex = 0;\r\n\r\n  if (match) {\r\n    const { __search, ...params } = match.groups;\r\n\r\n    return {\r\n      params: Object.keys(params).length ? params : null,\r\n      search: toParams(__search)\r\n    };\r\n  }\r\n\r\n  return null;\r\n}\r\n","import { getRouteExp } from './getRouteExp';\r\nimport { IRoute } from './IRoute';\r\nimport { IRouteProps } from './IRouteProps';\r\nimport { matchRoute } from './matchRoute';\r\n\r\nexport function getRoute(props: IRouteProps): IRoute {\r\n  if (!props.path)\r\n    throw new Error('path is required');\r\n\r\n  const pathExp = getRouteExp(props.path);\r\n\r\n  const match = matchRoute(\r\n    location.pathname + location.search, pathExp);\r\n\r\n  return {\r\n    id: props.name ?? props.path,\r\n    pathExp,\r\n    match,\r\n    render: props.render\r\n  } as any;\r\n}\r\n","import { IParams } from './IParams';\r\n\r\nexport function toSearch(params: IParams): string | null {\r\n  if (!params)\r\n    return null;\r\n\r\n  return Object.keys(params).reduce(\r\n    (search, key, i) => {\r\n      const param = params[key];\r\n      if (param == null) return search\r\n\r\n      const values = Array.isArray(param)\r\n        ? param\r\n        : [param];\r\n\r\n      values.forEach(value => {\r\n        if (i) search += '&';\r\n        search += `${key}=${value}`;\r\n      })\r\n\r\n      return search;\r\n    },\r\n    '?'\r\n  );\r\n}\r\n","// wait for the given interval\r\nexport function wait(interval: number): Promise<void> {\r\n\r\n  return new Promise<void>(resolve => {\r\n    setTimeout(() => resolve(), interval);\r\n  });\r\n}\r\n\r\n","import { getMatcher } from './getRouteMatchParser';\r\n\r\nimport { IRouter } from './IRouter';\r\nimport { IRouterState } from './IRouterState';\r\nimport { getRoute } from './getRoute';\r\nimport { IRouteChangedDetail } from './IRouteChangedDetail';\r\nimport { IParams } from './IParams';\r\nimport { toSearch } from './toSearch';\r\nimport { IRouteMatch } from './IRouteMatch';\r\nimport { wait } from '../promises';\r\nimport { IRouteMatches } from './IRouteMatches';\r\n\r\nexport function createRouter(\r\n  routes: { [name: string]: string },\r\n  options?: {\r\n    transitionMs: number\r\n  }\r\n): IRouter {\r\n\r\n  options = {\r\n    transitionMs: 250,\r\n    ...options\r\n  };\r\n\r\n  const state: IRouterState = {\r\n    path: null,\r\n    routes: [],\r\n    matches: null,\r\n    getMatch: null\r\n  };\r\n\r\n  const router = async (scrollTop?: number) => {\r\n\r\n    const path = {\r\n      name: location.pathname,\r\n      search: location.search\r\n    };\r\n\r\n    state.routes = Object.keys(routes)\r\n      .map(name => getRoute({\r\n        name,\r\n        path: routes[name]\r\n      }));\r\n\r\n    if (state.path?.name != path.name\r\n      || state.path?.search != path.search) {\r\n\r\n      const matches: IRouteMatches = state.routes\r\n        .reduce((m, r) => {\r\n          if (r.match != null) m[r.id] = r.match\r\n\r\n          return m;\r\n        }, {} as { [k: string]: IRouteMatch });\r\n\r\n      const eventDetail: IRouteChangedDetail = {\r\n        path,\r\n        matches,\r\n        getMatchParam: name => Object\r\n          .values(matches)\r\n          .find(m => m.params?.[name] !== undefined)\r\n          ?.params[name] as string[]\r\n      };\r\n\r\n      if (!emitRouteChanging(eventDetail)) return;\r\n\r\n      if (state.path?.name != path.name) {\r\n        emitRouting(true);\r\n\r\n        await wait(options.transitionMs);\r\n\r\n        emitRouting(false);\r\n\r\n        const canonical = document.querySelector('link[rel=canonical]');\r\n        if (canonical) canonical.setAttribute('href', location.origin + path.name);\r\n\r\n        if (scrollTop != null) window.scrollTo(0, scrollTop);\r\n      }\r\n\r\n      state.path = path;\r\n      state.matches = matches;\r\n      state.getMatch = getMatcher(matches);\r\n\r\n      emitRouteChanged(eventDetail);\r\n    }\r\n  };\r\n\r\n  router.state = state;\r\n\r\n  router.go = (path: string | number, replace: boolean = false) => {\r\n    const historyState = { top: Math.round(document.scrollingElement!.scrollTop) };\r\n    history.replaceState(historyState, '', location.href);\r\n\r\n    if (typeof path === 'number') {\r\n      history.go(path);\r\n\r\n      return;\r\n    }\r\n\r\n    if (replace) {\r\n\r\n      history.replaceState(historyState, '', path);\r\n    }\r\n    else {\r\n\r\n      history.pushState({}, '', path);\r\n    }\r\n\r\n    router(0);\r\n  }\r\n\r\n  router.back = () => {\r\n    history.back();\r\n  }\r\n\r\n  router.search = (params: IParams) => {\r\n\r\n    const href = state.path!.name\r\n      + (params\r\n        ? toSearch(params)\r\n        : state.path!.search\r\n      );\r\n\r\n    const historyState = { top: Math.round(document.scrollingElement!.scrollTop) };\r\n    history.replaceState(historyState, '', href);\r\n\r\n    router();\r\n  }\r\n\r\n  router.href = (path: string, replace: boolean = false) => {\r\n\r\n    return {\r\n      href: path,\r\n      ref: (el: HTMLElement) => {\r\n        if (!el?.toggleAttribute) return;\r\n\r\n        el.toggleAttribute('is-active',\r\n          !!state.routes.find(r => r.pathExp?.test(path))?.match\r\n        );\r\n      },\r\n      onClick: (e: MouseEvent) => {\r\n        if (\r\n          e.button !== 0\r\n          || e.ctrlKey\r\n          || e.metaKey\r\n          || e.shiftKey\r\n        ) return;\r\n\r\n        e.preventDefault();\r\n\r\n        router.go(path, replace);\r\n      }\r\n    };\r\n  };\r\n\r\n  router.onClick = (path: string, replace: boolean = false) => {\r\n\r\n    return {\r\n      onmouseover: (e: MouseEvent) => (e.target as HTMLElement)?.toggleAttribute('link-hover', true),\r\n      onmouseout: (e: MouseEvent) => (e.target as HTMLElement)?.toggleAttribute('link-hover', false),\r\n      onClick: (e: MouseEvent) => {\r\n        if (\r\n          e.button !== 0\r\n          || e.ctrlKey\r\n          || e.metaKey\r\n          || e.shiftKey\r\n        ) return;\r\n\r\n        e.preventDefault();\r\n\r\n        router.go(path, replace);\r\n      }\r\n    };\r\n  };\r\n\r\n  router.dispose = () => {\r\n\r\n    window.removeEventListener('popstate', popStateHandler);\r\n  };\r\n\r\n  const popStateHandler = (e: PopStateEvent) => {\r\n    router(e.state?.top);\r\n  }\r\n\r\n  window.addEventListener('popstate', popStateHandler);\r\n\r\n  const emitRouting = (detail: boolean) => {\r\n\r\n    return window.dispatchEvent(new CustomEvent<boolean>(\r\n      'routing', { detail }\r\n    ));\r\n  }\r\n\r\n  const emitRouteChanging = (detail: IRouteChangedDetail) => {\r\n\r\n    return window.dispatchEvent(new CustomEvent<IRouteChangedDetail>(\r\n      'routeChanging',\r\n      {\r\n        cancelable: true,\r\n        detail\r\n      }\r\n    ));\r\n  }\r\n\r\n  const emitRouteChanged = (detail: IRouteChangedDetail) => {\r\n\r\n    return window.dispatchEvent(\r\n      new CustomEvent<IRouteChangedDetail>(\r\n        'routeChanged', { detail }\r\n      ));\r\n  }\r\n\r\n  router.renderFirst = (\r\n    renderMap: { [name: string]: (match: IRouteMatch) => any; },\r\n    notFound?: any\r\n  ) => {\r\n    if (state.matches) {\r\n\r\n      const names = Object.keys(state.matches);\r\n      if (names.length) {\r\n\r\n        const name = names[0];\r\n        if (renderMap[name])\r\n          return renderMap[name](state.matches[name]);\r\n      }\r\n    }\r\n\r\n    return typeof notFound === 'function'\r\n      ? notFound()\r\n      : notFound;\r\n  }\r\n\r\n  return router;\r\n}\r\n","import { createRouter } from '../common';\r\n\r\nconst appRouterUrls = {\r\n  home: () => '/',\r\n  lookMaNoHands: () => '/look-ma-no-hands',\r\n  workingFromHome: () => '/working-from-home',\r\n  expertAssignment: () => '/expert-assignment',\r\n  theDeveloperAndTheAi: () => '/the-developer-and-the-ai',\r\n  dataIsKey: () => '/data-is-key',\r\n  azureFunctionsDurableTasks: () => '/azure-functions-durable-tasks'\r\n};\r\n\r\nexport const router = createRouter({\r\n  home: appRouterUrls.home(),\r\n  lookMaNoHands: appRouterUrls.lookMaNoHands(),\r\n  workingFromHome: appRouterUrls.workingFromHome(),\r\n  expertAssignment: appRouterUrls.expertAssignment(),\r\n  theDeveloperAndTheAi: appRouterUrls.theDeveloperAndTheAi(),\r\n  dataIsKey: appRouterUrls.dataIsKey(),\r\n  azureFunctionsDurableTasks: appRouterUrls.azureFunctionsDurableTasks()\r\n});\r\n\r\nfunction mapGo<T extends { [k in keyof T]: (...a: Parameters<T[k]>) => string }>(urls: T) {\r\n\r\n  const entries = Object\r\n    .entries(urls as { [k: string]: (...a: any) => string });\r\n\r\n  return entries\r\n    .reduce((o, [key, fn]) => {\r\n\r\n      o[key] = (...a: any) => router.go(fn(...(a || [])));\r\n\r\n      return o;\r\n    }, {} as { [k: string]: (...a: Parameters<T[keyof T]>) => void });\r\n}\r\n\r\nfunction mapHRef<T extends { [k in keyof T]: (...a: Parameters<T[k]>) => string }>(urls: T) {\r\n\r\n  const entries = Object\r\n    .entries(urls as { [k: string]: (...a: any) => string });\r\n\r\n  return entries\r\n    .reduce((o, [key, fn]) => {\r\n\r\n      o[key] = (...a: any) => router.href(fn(...(a || [])));\r\n\r\n      return o;\r\n    }, {} as { [k: string]: (...a: Parameters<T[keyof T]>) => { href: string } });\r\n}\r\n\r\nfunction mapClick<T extends { [k in keyof T]: (...a: Parameters<T[k]>) => string }>(urls: T) {\r\n\r\n  const entries = Object\r\n    .entries(urls as { [k: string]: (...a: any) => string });\r\n\r\n  return entries\r\n    .reduce((o, [key, fn]) => {\r\n\r\n      o[key] = (...a: any) => router.onClick(fn(...(a || [])));\r\n\r\n      return o;\r\n    }, {} as { [k: string]: (...a: Parameters<T[keyof T]>) => { onClick: (e: MouseEvent) => void } });\r\n}\r\n\r\nexport const appRouter = {\r\n  ...router,\r\n  go: mapGo(appRouterUrls),\r\n  href: mapHRef(appRouterUrls),\r\n  click: mapClick(appRouterUrls),\r\n  init: () => router()\r\n}\r\n","@import '../../../../global/component.css'\r\n","import {\r\n  Component, h\r\n} from '@stencil/core';\r\nimport { appRouter } from '../../../../global';\r\n\r\n@Component({\r\n  tag: 'app-not-found',\r\n  styleUrl: 'NotFoundPage.css',\r\n  shadow: false,\r\n})\r\nexport class NotFoundPage {\r\n  router = appRouter;\r\n\r\n  render() {\r\n\r\n    return <section class=\"section\">\r\n      <div class=\"content\">\r\n        <header class=\"header sticky top\">\r\n          <h2 class=\"cell pad\">Page Not Found</h2>\r\n        </header>\r\n      </div>\r\n    </section>;\r\n  }\r\n}\r\n",":host,\r\napp-root {\r\n  display: contents;\r\n}\r\n\r\n.page-header .links {\r\n  margin-top: -3.5em;\r\n  margin-bottom: -.25em;\r\n  padding-top: 0;\r\n  padding-bottom: var(--unit);\r\n}\r\n\r\n.page-header .links a {\r\n  display: flex;\r\n}\r\n\r\n.page-header .links img {\r\n  height: 24px;\r\n}\r\n\r\n.page-body {\r\n  padding-bottom: 5em;\r\n}","import {\r\n  Component, h, Host, Element,\r\n  State,\r\n  Listen\r\n} from '@stencil/core';\r\nimport { IRouteChangedDetail, IRouteMatches } from '../../../common';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'app-root',\r\n  styleUrl: 'component.css',\r\n  shadow: false,\r\n})\r\nexport class AppRoot {\r\n  @Element() element: HTMLAppRootElement | undefined;\r\n  @State() installPrompt: any;\r\n\r\n  router = appRouter;\r\n  @State() routeMatches: IRouteMatches | null = null;\r\n\r\n  @Listen('beforeinstallprompt', { target: 'window' })\r\n  onBeforeinstallprompt(e: Event) {\r\n    e.preventDefault();\r\n\r\n    this.installPrompt = e;\r\n  }\r\n\r\n  @Listen('swUpdate', { target: 'window' })\r\n  async onSWUpdate() {\r\n    const registration = await navigator.serviceWorker.getRegistration();\r\n\r\n    registration?.waiting &&\r\n      registration.waiting.postMessage({ type: \"skipWaiting\" });\r\n  }\r\n\r\n  @Listen('routing', { target: 'window' })\r\n  async onRouting(e: CustomEvent<boolean>) {\r\n\r\n    this.element?.ownerDocument.documentElement.classList.toggle('routing', e.detail)\r\n  }\r\n\r\n  @Listen('routeChanged', { target: 'window' })\r\n  async onRouteChange(e: CustomEvent<IRouteChangedDetail>) {\r\n\r\n    this.routeMatches = e.detail.matches;\r\n\r\n  }\r\n\r\n  async install() {\r\n\r\n    this.installPrompt.prompt();\r\n\r\n    const { outcome } = await this.installPrompt.userChoice;\r\n\r\n    console.log('install outcome', outcome);\r\n    this.installPrompt = null;\r\n  }\r\n\r\n  async componentWillLoad() {\r\n\r\n    await appRouter.init();\r\n  }\r\n\r\n  async componentWillRender() {\r\n\r\n    const themeColorElement = document.head.querySelector<HTMLMetaElement>('[name=\"theme-color\"]')!;\r\n    themeColorElement.content = getComputedStyle(document.documentElement).getPropertyValue('--background-color');\r\n\r\n    const metaData = appRouter.renderFirst(\r\n      {\r\n        home: () => ({\r\n          \"og:title\": \"A Developers Blog\",\r\n          \"og:description\": \"I'm Anthony. I design and write websites, PWAs, APIs, and services in .NET and TypeScript\",\r\n          \"og:image\": \"/assets/developer.webp\",\r\n          \"og:image:alt\": \"AI Image. Old and new architecture in harmony\"\r\n        }),\r\n        azureFunctionsDurableTasks: () => ({\r\n          \"og:title\": \"Azure Functions Durable Tasks\",\r\n          \"og:description\": \"Durable Tasks are orchestrations and activities for complex operations and can be used with Azure Functions\",\r\n          \"og:image\": \"/assets/conductor-cat.webp\",\r\n          \"og:image:alt\": \"AI Image. a cat in a top hat conducting an orchestra of cats\"\r\n        }),\r\n        dataIsKey: () => ({\r\n          \"og:title\": \"Data Is Key\",\r\n          \"og:description\": \" Given that, you need to take collection and storage of data very seriously, as it can give you the ability to make the best choices on the direction you want to go next\",\r\n          \"og:image\": \"/assets/future-castle.webp\",\r\n          \"og:image:alt\": \"AI Image. Shows a castle in the future with square turrets, modern upgrades with glass, neon and metal pipework. Cloudy dramatic sky with an airship and a distant rocket going into space\"\r\n        }),\r\n        expertAssignment: () => ({\r\n          \"og:title\": \"Expert Assignment\",\r\n          \"og:description\": \"Building a web app for delivering assignments to Domain Experts\",\r\n          \"og:image\": \"/assets/spy-master.webp\",\r\n          \"og:image:alt\": \"AI Image. A Spy Master handing out assignments.\"\r\n        }),\r\n        lookMaNoHands: () => ({\r\n          \"og:title\": \"Look Ma No Hands!\",\r\n          \"og:description\": \"With Web APIs available now, you can do a lot without a framework\",\r\n          \"og:image\": \"/assets/cat-on-bike.webp\",\r\n          \"og:image:alt\": \"AI Image. A cyberpunk brown/gold subtly striped Siberian cat white under the chin riding a chopper bike, with goggles, mischevious grin, waving his paws in the air like he just don't care, with sparks, neon, LEDs and electric cables on the bike, cloudy dramatic sky\"\r\n        }),\r\n        theDeveloperAndTheAi: () => ({\r\n          \"og:title\": \"The Developer And The AI\",\r\n          \"og:description\": \"So, it's been a few weeks since I left my last contract, and while I am waiting for the Bat Signal, I am investigating Rust\",\r\n          \"og:image\": \"/assets/robot.webp\",\r\n          \"og:image:alt\": \"AI Image. A happy and slightly manic steampunk robot leaning in so its face is forward. Lots of neon, bulbs and LEDs. The robot has a metal body with gears, pipes, and wires. Its eyes are glowing with different colors and its mouth is wide open with a grin. The background is dark and smoky, with sparks and steam coming out of the robot's head\"\r\n        }),\r\n        workingFromHome: () => ({\r\n          \"og:title\": \"Working From Home\",\r\n          \"og:description\": \"this, from my blog 10 years ago, I have worked from home since then and all of this holds true, bar some of the tec\",\r\n          \"og:image\": \"/assets/coding-cat.webp\",\r\n          \"og:image:alt\": \"AI Image. A steam punk brown Siberian cat riding a chopper bike, with goggles, smiling and waving his paws in the air like he just don't care, with sparks, neon and electric cables on the bike, plenty of sky. The bike has a large engine, a skull-shaped headlight, and a flame-shaped exhaust. The background is a blue sky with clouds and birds. The image has a retro-futuristic style, with contrast, saturation, and glow effects. The image is also more moody, smokey, and has some neon tubes on the bike\"\r\n        }),\r\n      },\r\n      ({\r\n        \"og:title\": null,\r\n        \"og:description\": null,\r\n        \"og:image\": null,\r\n        \"og:image:alt\": null\r\n      }),\r\n    );\r\n\r\n    Object.keys(metaData).forEach(property => {\r\n\r\n      let metaTag = document.head.querySelector<HTMLMetaElement>(`[property=\"${property}\"]`);\r\n      if (metaData[property] == null) {\r\n        metaTag?.remove();\r\n\r\n      } else {\r\n        if (!metaTag) {\r\n          metaTag = document.createElement('meta');\r\n          metaTag.setAttribute('property', property);\r\n          document.head.insertBefore(metaTag, themeColorElement);\r\n        }\r\n\r\n        metaTag.content = metaData[property];\r\n      }\r\n    });\r\n  }\r\n\r\n  render() {\r\n    return <Host>\r\n      <header class=\"page-header section\">\r\n        <div class=\"title content box\">\r\n          <h1 title=\"A .NET/Typescript Developer and Architects Blog\">\r\n            <a {...appRouter.href.home()} >Blog</a>\r\n          </h1>\r\n          {this.installPrompt &&\r\n            <button class=\"space link\" title=\"install application\"\r\n              onClick={() => this.install()}>\r\n              install\r\n            </button>\r\n          }\r\n        </div>\r\n        <div class=\"links content box\">\r\n          <app-share class=\"right space\" />\r\n          <a class=\"space\" aria-label=\"visit antix.co.uk\"\r\n            href=\"https://antix.co.uk\" target=\"_blank\" rel=\"noopener\">\r\n            <img src=\"../../assets/a.svg\" width=\"24\" height=\"24\" title=\"blogk logo\" />\r\n          </a>\r\n          <a class=\"space\" aria-label=\"visit Anthony Johnston's LinkedIn profile\"\r\n            href=\"https://linkedin.com/in/antix\" target=\"_blank\" rel=\"noopener\">\r\n            <img src=\"../../assets/linkedin.svg\" width=\"24\" height=\"24\" title=\"linkedin logo\" />\r\n          </a>\r\n        </div>\r\n      </header>\r\n\r\n      <main class=\"page-body\">\r\n        <noscript class=\"content box\">\r\n          <small class=\"info\" title=\"enable JavaScript for a better experience on this website\">is better with JS on</small>\r\n        </noscript>\r\n        {appRouter.renderFirst(\r\n          {\r\n            home: () => <app-home class=\"fit cell\" />,\r\n            azureFunctionsDurableTasks: () => <section>\r\n              <entry-azure-functions-durable-tasks class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>,\r\n            dataIsKey: () => <section>\r\n              <entry-data-is-key class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>,\r\n            theDeveloperAndTheAi: () => <section>\r\n              <entry-the-developer-and-the-ai class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>,\r\n            lookMaNoHands: () => <section>\r\n              <entry-look-ma-no-hands class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>,\r\n            workingFromHome: () => <section>\r\n              <entry-working-from-home class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>,\r\n            expertAssignment: () => <section>\r\n              <entry-expert-assignment class=\"fit cell\" />\r\n\r\n              <div class=\"body content box\">\r\n                <a {...appRouter.href.home()} class=\"right\">&hellip; back</a>\r\n              </div>\r\n            </section>\r\n          },\r\n          <app-not-found class=\"fit cell\" />\r\n        )}\r\n      </main>\r\n    </Host>;\r\n  }\r\n}\r\n",":host {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    appearance: link;\r\n    width: 1.2em;\r\n    cursor: pointer;\r\n    position: relative;\r\n}\r\n\r\nsvg {\r\n    width: 100%;\r\n    height: 100%;\r\n    fill: currentColor;\r\n}","import { Component, Host, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n    tag: 'app-share',\r\n    styleUrl: 'component.css',\r\n    shadow: true\r\n})\r\nexport class AppShareComponent {\r\n\r\n    available = navigator.share !== undefined;\r\n\r\n    render() {\r\n\r\n        if (!this.available) return;\r\n\r\n        return <Host\r\n            title=\"Share this page\"\r\n            onClick={this.share}\r\n        >\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"-14 -14 28 28\" version=\"1.1\">\r\n                <path\r\n                    d=\"\r\n                    M-9,-7 A1,1 0,0,1 -2,-7 A1,1 0,0,1 -9,-7\r\n                    M-9,7 A1,1 0,0,1 -2,7 A1,1 0,0,1 -9,7\r\n                    M9,0 A1,1 0,0,1 2,0 A1,1 0,0,1 9,0\r\n                    M-5,-8 5,-2 5,2 -5,8 -5,6 5,0 -5,-6\r\n                \" />\r\n            </svg>\r\n        </Host>;\r\n    }\r\n\r\n    share = async () => {\r\n\r\n        let metaData: Record<string, string>\r\n            = { title: 'og:title', text: 'og:description' };\r\n        metaData = Object.keys(metaData)\r\n            .reduce((metaData, key) => {\r\n                let metaTag = document.head\r\n                    .querySelector<HTMLMetaElement>(`[property=\"${metaData[key]}\"]`);\r\n                if (metaTag)\r\n                    metaData[key] = metaTag.content;\r\n\r\n                return metaData;\r\n            }, metaData);\r\n\r\n        const shareData = {\r\n            ...metaData,\r\n            url: location.href\r\n        };\r\n\r\n        console.debug(shareData);\r\n\r\n        await navigator.share(shareData);\r\n    }\r\n}","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n  background-image: url(/assets/conductor-cat.webp);\r\n  background-position: center 25%;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-azure-functions-durable-tasks',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class AzureFunctionsDurableTasksPage {\r\n\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.azureFunctionsDurableTasks())}\r\n    >\r\n\r\n      <div class=\"heading content box\">\r\n        <h2 title=\"Azure Functions using Durable Tasks\">Durable Functions</h2>\r\n        <time class=\"aside\">12 May 2024</time>\r\n      </div>\r\n\r\n      <div class=\"body content\">\r\n        <blockquote class=\"hero-background\">\r\n          <p>\r\n            Durable Tasks are orchestrations and activities for complex operations and can be used with Azure Functions.\r\n          </p>\r\n          <p>\r\n            Compute or gather source data, only once, in parallel and/or in sequence and over time.\r\n          </p>\r\n        </blockquote>\r\n      </div>\r\n\r\n      {\r\n        this.summary\r\n          ? <div class=\"body content box\">\r\n            <noscript class=\"right\"><a {...appRouter.href.azureFunctionsDurableTasks()}>read more &hellip;</a></noscript>\r\n          </div>\r\n          : this.renderMore()\r\n      }\r\n\r\n    </Host>;\r\n  }\r\n\r\n  renderMore() {\r\n\r\n    return <Fragment>\r\n      <section>\r\n        <div class=\"body content\">\r\n          <ul>\r\n            <li>\r\n              You may need data from many sources, databases, APIs, even from humans, any of which maybe unreliable or busy and you don't want to ask twice.\r\n            </li>\r\n            <li>\r\n              You may have a large amount of complex and costly calculations to perform and you don't want to pay twice.\r\n            </li>\r\n            <li>\r\n              You may have lots of tasks which can be run in parallel and can scale out to save time.\r\n            </li>\r\n          </ul>\r\n          <p>\r\n            This is where an \"Orchestration\" of \"Activities\" get the job done.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>Overview</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            I have had my first dabble in Azure Functions and dug right into the new Isolated Worker runtime and Durable Tasks.\r\n          </p>\r\n          <p>\r\n            <a href=\"https://azure.microsoft.com/en-gb/products/functions/\">Azure Functions</a> are a part of the Serverless\r\n            architecture everyone is talking about. You can run discrete pieces of code in the form of a function, pass some input\r\n            and get some output.\r\n          </p>\r\n          <p>\r\n            <a href=\"https://github.com/Azure/durabletask\">Durable Tasks</a> add to these functions, by storing the output so that\r\n            if the same function with the same input and same instance id is called again it gets the output from a store. Which\r\n            allows a parent coordinating task (Orcestration), to be stopped and restarted (more below) but still work towards the\r\n            result and you only pay for the compute once.\r\n          </p>\r\n          <p>\r\n            The latest version adds a strongly typed TaskOrchestrator and TaskActivity abstract classes, along with a (preview) code\r\n            generator for strongly typed methods on the Durable Task Client.\r\n          </p>\r\n          <p>\r\n            The main actors in Azure Functions and Durable Tasks (Durable Functions) are the following:\r\n          </p>\r\n          <dl>\r\n            <dt>Triggers</dt>\r\n            <dd>\r\n              <p>\r\n                These are as they sound, they start the operation off.\r\n              </p>\r\n              <p>\r\n                They can be http requests, messages from a queue, a timer etc.\r\n              </p>\r\n            </dd>\r\n            <dt>Orchestrators</dt>\r\n            <dd>\r\n              <p>\r\n                The coordinating task, this calls out to other functions (Activities) that do the work.\r\n              </p>\r\n              <p>\r\n                You can organise them to call activities in parallel or in sequence.\r\n              </p>\r\n            </dd>\r\n            <dt>Activities</dt>\r\n            <dd>\r\n              <p>\r\n                These do the work and cost the cash in the main.\r\n              </p>\r\n              <p>\r\n                They will only be called once on success, but can be retried on failure to add resilience to the orchestration.\r\n              </p>\r\n            </dd>\r\n          </dl>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Where's The Fn Code?\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            You can find the code of my investigation of Azure Functions and Durable Tasks on my <a href=\"https://github.com/MrAntix/sandbox-functions-investigation\">sandbox-functions-investigation GitHub repository</a>.\r\n            I will be using examples as we go.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            A Trigger Schedules An Orchestration\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            You can schedule an orchestration using the <a href=\"https://github.com/Azure/azure-functions-durable-extension/blob/406ba9cdd161df310a766cf688b8a2e96311578a/src/Worker.Extensions.DurableTask/FunctionsDurableTaskClient.cs#L72\"><code>DurableTaskClient.ScheduleNewOrchestrationInstanceAsync</code></a> method.\r\n          </p>\r\n          <app-code language=\"csharp\">{`\r\nvar instanceId = $\"ID_{Guid.NewGuid():N}\";\r\nvar startOptions = new StartOrchestrationOptions(\r\n    InstanceId: instanceId,                         // optional\r\n    StartAt: DateTimeOffset.Now.AddMinutes(1)       // optional, start in the furture\r\n    );\r\n\r\nawait client\r\n    .ScheduleNewOrchestrationInstanceAsync(         // returns instanceId\r\n        nameof(WelcomeOrchestrator),\r\n        startOptions\r\n        );\r\n            `}</app-code>\r\n          <aside><p>\r\n            <em>*nb</em> In my sandbox, I am also using the <a href=\"https://www.nuget.org/packages/Microsoft.DurableTask.Generators\"><code>Microsoft.DurableTask.Generators</code></a> to generate\r\n            the strongly typed classes for calling the orchestrations and activities. They are in preview at the time of writing, and may not make it any farther than that so caution.\r\n            I found them useful in the respect of giving strongly typed methods, but code navigation is easier if you call the above with the name of the function.\r\n          </p></aside>\r\n          <p>\r\n            Notice the <code>await</code> on the call to schedule, it's a scheduling of the orchestrator, it's not run, the task returns when the job to run the orchestrator has be scheduled.\r\n            You will not get the result of the orchestrator here, for that you will need to employ a strategy to check the state, if you want a result outside of the orchestrator itself.\r\n          </p>\r\n          <p>\r\n            If you supply an <code>instanceId</code>, not a new random one as I have here, you will only ever get one instance scheduled.\r\n            Even if that instance has finished, it will not be scheduled again.\r\n          </p>\r\n          <p>\r\n            There are other methods to deal with suspending, resuming, terminating and purging orchestrations, but I won't cover them here, they are pretty\r\n            self explanatory.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Checking the State\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <h4 class=\"sub-sub-heading\">Built-in State Endpoints</h4>\r\n          <p>\r\n            One way to do this is to return a result which gives details that a caller can use to check the state by calling an endpoint.\r\n            There is a helper method for this on the client <a href=\"https://github.com/Azure/azure-functions-durable-extension/blob/406ba9cdd161df310a766cf688b8a2e96311578a/src/Worker.Extensions.DurableTask/DurableTaskClientExtensions.cs#L29\"><code>DurableTaskClient.CreateCheckStatusResponseAsync</code></a>.\r\n          </p>\r\n          <app-code language=\"csharp\">{`\r\nreturn await client\r\n  .CreateCheckStatusResponseAsync(req, instanceId);\r\n            `}</app-code>\r\n          <app-code\r\n            title=\"response from CreateCheckStatusResponseAsync\"\r\n            language=\"json\">{`\r\n{\r\n  \"id\": string,\r\n  \"statusQueryGetUri\": string,\r\n  \"sendEventPostUri\": string,\r\n  \"terminatePostUri\": string,\r\n  \"purgeHistoryDeleteUri\": string\r\n}\r\n            `}</app-code>\r\n\r\n          <h4 class=\"sub-sub-heading\">Poll The Function</h4>\r\n          <p>\r\n            Another way, would be to call your trigger function with an instance id, that way you can check\r\n            the state, schedule if needed, and return that as a result of your trigger.\r\n          </p>\r\n          <app-code\r\n            title=\"get status of orchestrator instance\"\r\n            language=\"csharp\">{`\r\nvar meta = await client\r\n  .GetInstanceAsync(instanceId);\r\nswitch (meta.RuntimeStatus)\r\n{\r\n  ...\r\n}            `}</app-code>\r\n          <p>\r\n            For this you could use a queue, like Service Bus. If configured to redeliver a message until it's marked as complete.\r\n            You can tie this in with your Orchestrator state to perform actions on completion or failure.\r\n          </p>\r\n\r\n          <p>\r\n            See the sequence diagram below for a visual representation of this.\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <app-diagram\r\n            title=\"a sequence diagram of triggering a durable task orchestrator\">{`\r\nsequenceDiagram\r\n    \r\n    participant Trigger as Trigger\r\n    participant AzureFunction as Azure Function\r\n    participant OrchestrationContext as Orchestation Context\r\n    participant OrchestationQueue as Orchestation Queue\r\n\r\n    Trigger->>+AzureFunction: invoke(instanceId)\r\n    AzureFunction->>+OrchestrationContext: getState(instanceId)\r\n\r\n    OrchestrationContext->>-AzureFunction: state\r\n    alt state is NotFound                  \r\n        AzureFunction-->>OrchestationQueue: schedule(instanceId, input) \r\n        AzureFunction->>Trigger: return(wait)  \r\n    else state is Scheduled or Running\r\n        AzureFunction->>Trigger: return(wait)  \r\n    else state is Complete\r\n        AzureFunction->>-Trigger: return(success/failure)\r\n    end \r\n`}\r\n          </app-diagram>\r\n        </div>\r\n      </section>\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            The Running Orchestrator\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            So you have scheduled an Orchestrator, and it has started, this is where Durable Tasks really kicks in.\r\n          </p>\r\n          <p>\r\n            An Orchestrator is designed to handle Activities, call them in sequence or in parallel and deal with the results.\r\n            They will only ever run an activity once, but can be retried on failure.\r\n          </p>\r\n          <p>\r\n            It is important to know that the orchestrator stops at the first <code>await</code> for an activity called using\r\n            the <code>CallActivityAsync</code> which does not have a result.\r\n          </p>\r\n          <p>\r\n            It will then <strong><em>Start Again</em></strong> from the beginning, so anything you have there needs to be idempotent,\r\n            ie. it can be run multiple times and still give the same result.\r\n          </p>\r\n          <p><code>CallActivityAsync</code> is a wrapper for the Durable Tasks framework to check for the result of a previous run\r\n            and return that or run the Activity, store the result and restart the Orchestrator, so you if you have anything that\r\n            you want to be sure is called only once, put it in an Activity.\r\n          </p>\r\n\r\n          <app-code\r\n            title=\"An Orchestrator calling Activities\"\r\n            language=\"csharp\">{`\r\n[DurableTask(nameof(WelcomeOrchestrator))]\r\npublic class WelcomeOrchestrator : \r\n  TaskOrchestrator<string, string>\r\n{\r\n    public override async Task<string> RunAsync(\r\n        TaskOrchestrationContext context,\r\n        string input\r\n        )\r\n    {\r\n        var welcomes = new List<string>();\r\n\r\n        // set up retry options\r\n        var options = new TaskOptions(\r\n            new TaskRetryOptions(\r\n                new RetryPolicy(5, TimeSpan.FromSeconds(1)))\r\n            );\r\n\r\n        // await the first activity\r\n        welcomes.Add(\r\n          await context.CallWelcomeUnreliableActivityAsync(\"One\", options)\r\n        );\r\n\r\n        // await the next two activities in parallel\r\n        var tasks = new Task<string>[] {\r\n            context.CallWelcomeUnreliableActivityAsync(\"Two\", options),\r\n            context.CallWelcomeUnreliableActivityAsync(\"Three\", options)\r\n        };\r\n\r\n        await Task.WhenAll(tasks);\r\n        welcomes.AddRange(tasks.Select(t => t.Result));\r\n\r\n        // return the result\r\n        return string.Join(\" \", welcomes);\r\n    }\r\n}\r\n        `}</app-code>\r\n\r\n          <p>\r\n            This provides a way to handle complex, long running, sequenced and/or paralell activities in a durable manner.\r\n            And remember, your costs are only when the code is running, you don't pay for the duration of the orchestration.\r\n          </p>\r\n\r\n          <app-diagram\r\n            title=\"a sequence diagram of an orchestrator calling activities\"\r\n          >{`\r\nsequenceDiagram\r\n    \r\nparticipant OrchestrationContext as Orchestation Context\r\nparticipant OrchestationQueue as Orchestation Queue\r\nparticipant Orchestrator as Orchestrator\r\nparticipant ActivityContext as Activity Context\r\nparticipant ActivityQueue as Activity Queue\r\nparticipant Activity as Activity \r\n\r\nOrchestationQueue-->>OrchestationQueue: tick\r\nOrchestationQueue->>Orchestrator: invoke(input) \r\nactivate Orchestrator\r\n\r\nloop activies in sequence\r\n    alt next activity\r\n\r\n        Orchestrator->>ActivityContext: getState(activityName)\r\n        activate ActivityContext\r\n        ActivityContext->>Orchestrator: state\r\n        deactivate ActivityContext\r\n\r\n        alt state is Complete\r\n            ActivityContext->>Orchestrator: return(output)\r\n        else state is NotFound                  \r\n            Orchestrator-->>ActivityQueue: schedule(activityName, input) \r\n            deactivate Orchestrator\r\n        end \r\n        \r\n        ActivityQueue-->>ActivityQueue: tick\r\n        ActivityQueue->>+Activity: invoke(activityName, input) \r\n        Activity->>-ActivityContext: storeState(activityName, output)\r\n        ActivityContext-->>OrchestationQueue: reschedule(orchestrationId) \r\n\r\n    else no next activity\r\n    \r\n        Orchestrator->>OrchestrationContext: storeState(orchestrationId, output)\r\n\r\n    end \r\nend \r\n    `}</app-diagram>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Conclusion\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            This is a great way handling complex and long running operations in Azure.\r\n            It's flexible and easy to understand, once you know how it works with the scheduling and stop starting etc.\r\n          </p>\r\n          <p>\r\n            But, there are some difficulties in testing operations that are so very async.<br />\r\n            And, a runtime that is on Node, crashing and locking resources.<br />\r\n            And, I wish MS would make it easier to mock their code.<br />\r\n          </p>\r\n          <p>\r\n            All in all, though, a thumbs up from me. <span class=\"thumbs-up\">👍</span>\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/conductor-cat.webp\" width=\"1024\" height=\"473\"\r\n            title=\"AI Image. a cat in a top hat conducting an orchestra of cats\" />\r\n        </div>\r\n      </section>\r\n    </Fragment>\r\n  }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n  background-image: url(/assets/future-castle.webp);\r\n  background-position: center 69%;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-data-is-key',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class EntryDataIsKeyPage {\r\n\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.dataIsKey())}\r\n    >\r\n\r\n      <div class=\"heading content box\">\r\n        <h2>Data Is Key</h2>\r\n        <time class=\"aside\">17 Feb 2024</time>\r\n      </div>\r\n\r\n      <div class=\"body content\">\r\n        <blockquote class=\"hero-background\">\r\n          <p>\r\n            Data is key to future success for any business.\r\n          </p>\r\n          <p>\r\n            Given that, you need to take collection and storage of data very seriously, as it can give you the ability to make the best choices on the direction you want to go next.\r\n          </p>\r\n          <p>\r\n            A lot of companies overlook valuable data.\r\n          </p>\r\n        </blockquote>\r\n      </div>\r\n\r\n      {\r\n        this.summary\r\n          ? <div class=\"body content box\">\r\n            <noscript class=\"right\"><a {...appRouter.href.dataIsKey()}>read more &hellip;</a></noscript>\r\n          </div>\r\n          : this.renderMore()\r\n      }\r\n\r\n    </Host >;\r\n  }\r\n\r\n  renderMore() {\r\n\r\n    return <Fragment>\r\n      <section>\r\n        <div class=\"body content\">\r\n          <p>\r\n            Example, say you are in the business of keeping the name and email address of people you know. Simple enough, you have a database table of people and a linked table of their email addresses. You fill this up as you go, creating, updating and deleting the records as people move job, get married or whatever.\r\n          </p>\r\n          <p>\r\n            A few years go by, and what you have is a comprehensive list of people, you are able to contact them and all is good in the business.\r\n          </p>\r\n          <p><em>\r\n            But you have lost data.\r\n          </em></p>\r\n          <p>\r\n            You only have the current state, and your new idea needs to know how often a person changes job and gets a new email address and you don't have that data.\r\n          </p>\r\n          <p>\r\n            If you had thought of that first, then you could have stored a list of previous emails, but you didn't. Maybe you have a backup database you could restore?.\r\n          </p>\r\n          <p><strong>\r\n            This is what Event Sourcing, is useful for.\r\n          </strong></p>\r\n          <p>\r\n            Instead of storing records of people or email addresses specifically, you store the change.\r\n          </p>\r\n          <p>\r\n            So a <code>PersonCreatedEvent</code>, <code>PersonUpdatedEvent</code> or an <code>EmailUpdatedEvent</code>.\r\n          </p>\r\n          <p>\r\n            From these events you can build your database the same way you did before and have the same UI for your users. But now you have all the details of the change and you are able to gather that information too, build new insights and enable ideas you haven't had yet.\r\n          </p>\r\n          <p>\r\n            However,\r\n          </p>\r\n          <ul>\r\n            <li>You still have to craft your Events well.</li>\r\n            <li>You will have to ensure you have the ability to store lots of data, long term.</li>\r\n            <li>You will have recovery strategies for failure and corruption too.</li>\r\n          </ul>\r\n          <p>\r\n            This is a simple overview of something I have been fascinated with for many years, and it's not new, it's a ledger, and it's been used in transaction based services like banking forever.\r\n          </p>\r\n          <p>\r\n            For a full illustration, maybe for more technically-minded people, have a look at the address book app I have linked at the bottom of the page. Open the developer tools and look at the IndexedDb created there.\r\n          </p>\r\n          <p>\r\n            <a href=\"https://address-book.antix.co.uk\">address-book.antix.co.uk</a>\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <p class=\"text-right\">This entry was posted on <a href=\"https://www.linkedin.com/feed/update/urn:li:activity:7164705015390011392\">LinkedIn</a></p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/future-castle.webp\" width=\"1024\" height=\"473\" title=\"AI Image. Shows a castle in the future with square turrets, modern upgrades with glass, neon and metal pipework. Cloudy dramatic sky with an airship and a distant rocket going into space.\" />\r\n        </div>\r\n      </section>\r\n    </Fragment>\r\n  }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n    background-image: url(/assets/spy-master.webp);\r\n    background-position: center 35%;\r\n}\r\n\r\n.diagram {\r\n    margin: 0 -1.5rem;\r\n    font-size: .7rem;\r\n}\r\n\r\n.existing:not(text) {\r\n    filter: brightness(.9) grayscale(.667);\r\n}\r\n\r\n.version-2 {\r\n    text-decoration: line-through;\r\n}\r\n\r\n.label {\r\n    paint-order: stroke;\r\n}\r\n\r\n.label.out {\r\n    fill: currentColor;\r\n    stroke: var(--background-color);\r\n    stroke-width: 3px;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-expert-assignment',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class EntryExpertAssignmentPage {\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.expertAssignment())}\r\n    >\r\n      <div class=\"heading content box\">\r\n        <h2>Expert Assignment</h2>\r\n        <time class=\"aside\">29 Dec 22</time>\r\n      </div>\r\n      <section>\r\n        <div class=\"body content\">\r\n          <blockquote class=\"hero-background\">\r\n            <p>\r\n              Building a web app for delivering assignments to Domain Experts\r\n            </p>\r\n          </blockquote>\r\n        </div>\r\n      </section>\r\n\r\n      {this.summary\r\n        ? <div class=\"body content box\">\r\n          <noscript class=\"right\"><a {...appRouter.href.expertAssignment()}>read more &hellip;</a></noscript>\r\n        </div>\r\n        : this.renderMore()}\r\n\r\n    </Host>;\r\n  }\r\n\r\n  renderMore() {\r\n    return <Fragment>\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Actors\r\n          </h3>\r\n        </div>\r\n        <dl class=\"body content\">\r\n          <dt>The Business</dt>\r\n          <dd>\r\n            <p>Makes critical business descisions based on data collected from many sources including Domain Expert knowledge</p>\r\n            <p>The Domain Information gathered from Experts gives it a competive edge and therefore must be securely guarded</p>\r\n          </dd>\r\n          <dt>The Manager</dt>\r\n          <dd>\r\n            <p>A small team responsible for agreeing and delivering assignments and providing support to the Experts</p>\r\n          </dd>\r\n          <dt>The Domain Expert</dt>\r\n          <dd>\r\n            <p>Responsible for proposing and completing assignments</p>\r\n            <p>Based in locations all over the world</p>\r\n          </dd>\r\n          <dt>Domain Information</dt>\r\n          <dd>\r\n            <p>Information required for the Business to make critical descisions</p>\r\n            <p>The domain is always in flux, updating existing information adding new information</p>\r\n            <p>The Experts use this information and their own Expertise to complete assignments, which are then added to the Domain Information</p>\r\n          </dd>\r\n        </dl>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Problem\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>\r\n            <em>The Manager</em> has hundreds of Experts to manage\r\n          </p>\r\n          <p>\r\n            They communicate via email to agree the assignments on a bi-weekly basis\r\n          </p>\r\n          <p>They must ensure</p>\r\n          <ol>\r\n            <li>Delivery of assignments is completed for the beginning of the period</li>\r\n            <li>The assignments as a whole, given to the Experts, cover the requirements of the business</li>\r\n            <li>Any changes to assignments are clearly delivered</li>\r\n            <li>The Experts are not over or under worked</li>\r\n            <li>Completed assignments are received by the end of the period</li>\r\n            <li>They manage queries, changes, late or incomplete assignments</li>\r\n            <li>They manage availability of the Experts</li>\r\n          </ol>\r\n\r\n          <p>\r\n            <em>The Domain Expert</em> is based in locations all over the world, they work at different times\r\n          </p>\r\n          <p>They must ensure</p>\r\n          <ol>\r\n            <li>Assignments are relevent, appropriate and achievable</li>\r\n            <li>They have access to Domain Information required</li>\r\n            <li>They keep a track of changes made by either party</li>\r\n            <li>Assignments are completed within the given two weeks</li>\r\n            <li>They communicate issues to The Manager</li>\r\n            <li>They communicate availability to The Manager</li>\r\n          </ol>\r\n\r\n          <p>If assignments are delivered late, or contain errors or other issues, the Experts time is not used efficiently and the Manager will have to field support requests</p>\r\n          <p>The Business requires more Domain Experts to gather reliable, comparable and broad cover statistics for analysis, in order to make business decisions accurately</p>\r\n          <p>As more Domain Experts are brought into the business, The Manager's role becomes time pressured</p>\r\n          <p>Delivery of the assignments needs to be more secure than current methods e.g. email</p>\r\n          <p>Assignments and Domain Information must be available offline or where network coverage is patchy</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Goals\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>In order to relieve time pressure on the Manager and allow the hiring of more Domain Experts the following goals were identified</p>\r\n          <ol>\r\n            <li>Provide an asyncronous, auditable process for agreeing/altering assignments</li>\r\n            <li>Deliver assignments securely on time</li>\r\n            <li>Provide up-to-date, offline available, Domain Information to the Expert so they can complete their assignments to the highest standard</li>\r\n            <li>Ensure assignments and Domain Information are available offline and in patchy network areas</li>\r\n            <li>Reduce chance of misunderstanding or human error requiring more Manager time to resolve</li>\r\n            <li>Manage the Domain Experts availability</li>\r\n          </ol>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Proposal\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>Create a web application to securely deliver the assignments to the Experts</p>\r\n          <p>The application must allow access to any Domain Information required for the assignment</p>\r\n          <p>It must also provide Domain Information to allow an Expert to propose assignments to the Manager</p>\r\n          <p>This will require additional functionality in the Managers system used to create assignments</p>\r\n          <p>Provide a way for Domain Experts to provide their availability to the Manager</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Architecture\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>Building on the existing event sourced system, the new application needs to subscribe to the event stream, and will use existing apis for authentication and common Domain Information</p>\r\n          <p>The app will be written in Typescript for the UI and DonNetCore for the API</p>\r\n          <p>Use the existing <em>Starter App Script</em> which provides a templated application including the required components as NPM or Nuget packages</p>\r\n          <p>The app will be a PWA (Progressive Web Application) to allow for offline support on mobile and desktop</p>\r\n          <p>It will have its own database and api optimised for the Expert app</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Diagram\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p><em>shows how the new application fits in to the existing architecture</em></p>\r\n          <div class=\"diagram\">\r\n\r\n            <svg xmlns=\"http://www.w3.org/2000/svg\"\r\n              version=\"1.1\"\r\n              viewBox=\"10 -5 510 590\">\r\n              <g>\r\n                <path class=\"existing\" d=\"M 71 225 C 71 216.72 84.43 210 101 210 C 108.96 210 116.59 211.58 122.21 214.39 C 127.84 217.21 131 221.02 131 225 L 131 275 C 131 283.28 117.57 290 101 290 C 84.43 290 71 283.28 71 275 Z\"\r\n                  fill=\"#fff2cc\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 131 225 C 131 233.28 117.57 240 101 240 C 84.43 240 71 233.28 71 225\"\r\n                  fill=\"none\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"101\"\r\n                    y=\"256\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Manager</text>\r\n                  <text class=\"existing\" x=\"101\"\r\n                    y=\"276\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">DB</text>\r\n                </g>\r\n                <path d=\"M 391 225 C 391 216.72 404.43 210 421 210 C 428.96 210 436.59 211.58 442.21 214.39 C 447.84 217.21 451 221.02 451 225 L 451 275 C 451 283.28 437.57 290 421 290 C 404.43 290 391 283.28 391 275 Z\"\r\n                  fill=\"#fff2cc\"\r\n                  stroke=\"#d6b656\"\r\n                  stroke-width=\"2\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path d=\"M 451 225 C 451 233.28 437.57 240 421 240 C 404.43 240 391 233.28 391 225\"\r\n                  fill=\"none\"\r\n                  stroke=\"#d6b656\"\r\n                  stroke-width=\"2\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text x=\"421\"\r\n                    y=\"256\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Expert</text>\r\n                  <text x=\"421\"\r\n                    y=\"276\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">DB</text>\r\n                </g>\r\n                <rect class=\"existing\" x=\"41\"\r\n                  y=\"520\"\r\n                  width=\"120\"\r\n                  height=\"60\"\r\n                  fill=\"#dae8fc\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"101\"\r\n                    y=\"554\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Manager UI</text>\r\n                </g>\r\n                <rect x=\"361\"\r\n                  y=\"520\"\r\n                  width=\"120\"\r\n                  height=\"60\"\r\n                  fill=\"#dae8fc\"\r\n                  stroke=\"#6c8ebf\"\r\n                  stroke-width=\"2\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text x=\"421\"\r\n                    y=\"554\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Expert UI</text>\r\n                </g>\r\n                <path class=\"existing\" d=\"M 161 390 L 192.63 390\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 197.88 390 L 190.88 393.5 L 192.63 390 L 190.88 386.5 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 101 360 L 101 300.1\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 101 293.35 L 105.5 302.35 L 101 300.1 L 96.5 302.35 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing label out\" x=\"101\"\r\n                    y=\"343\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Query</text>\r\n\r\n                </g>\r\n                <path d=\"M 421 360 L 421 300.1\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 421 293.35 L 425.5 302.35 L 421 300.1 L 416.5 302.35 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"label out\" x=\"421\"\r\n                    y=\"343\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Query</text>\r\n\r\n                </g>\r\n                <path d=\"M 361 390 L 325.37 390\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 320.12 390 L 327.12 386.5 L 325.37 390 L 327.12 393.5 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 101 513.63 L 101 426.37\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 101 518.88 L 97.5 511.88 L 101 513.63 L 104.5 511.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 101 421.12 L 104.5 428.12 L 101 426.37 L 97.5 428.12 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing label out\" x=\"101\"\r\n                    y=\"475\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">REST &amp; WebSocket</text>\r\n\r\n                </g>\r\n                <path d=\"M 421 513.63 L 421 426.37\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 421 518.88 L 417.5 511.88 L 421 513.63 L 424.5 511.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path d=\"M 421 421.12 L 424.5 428.12 L 421 426.37 L 417.5 428.12 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"label out\" x=\"419\"\r\n                    y=\"475\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">REST &amp; WebSocket</text>\r\n\r\n                </g>\r\n                <path class=\"existing\" d=\"M 161 360 L 214.08 321.44\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 219.54 317.47 L 214.9 326.4 L 214.08 321.44 L 209.61 319.12 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing label out\" x=\"192\"\r\n                    y=\"341\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Query</text>\r\n\r\n                </g>\r\n                <path d=\"M 303.88 321.5 L 356 360\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 298.45 317.49 L 308.36 319.22 L 303.88 321.5 L 303.01 326.46 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-width=\"3\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"label out\" x=\"326\"\r\n                    y=\"341\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Query</text>\r\n\r\n                </g>\r\n                <path class=\"existing\" d=\"M 135.88 361.28 L 126.46 360 L 205.25 136.69 L 195.35 133.17 L 216.33 120.47 L 224.56 143.57 L 214.67 140.05 Z\"\r\n                  fill=\"#f8cecc\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing label out\" x=\"185\"\r\n                    y=\"212\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Command</text>\r\n\r\n                </g>\r\n                <path d=\"M 395.51 360 L 386.14 361.28 L 303.63 140.02 L 293.79 143.69 L 301.67 120.47 L 322.84 132.86 L 313 136.52 Z\"\r\n                  fill=\"#f8cecc\"\r\n                  stroke=\"#b85450\" stroke-width=\"2\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"label out\"\r\n                    x=\"339\"\r\n                    y=\"221\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Command</text>\r\n\r\n                </g>\r\n                <rect class=\"existing\" x=\"61\"\r\n                  y=\"140\"\r\n                  width=\"80\"\r\n                  height=\"30\"\r\n                  fill=\"#e1d5e7\"\r\n                  pointer-events=\"all\" />\r\n                <path d=\"M 69 140 L 69 170 M 133 140 L 133 170\"\r\n                  fill=\"none\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"101\"\r\n                    y=\"159\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Subs</text>\r\n\r\n                </g>\r\n                <path class=\"existing\" d=\"M 106.7 137.15 L 198.32 91.34\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 102 139.5 L 106.7 133.24 L 106.7 137.15 L 109.83 139.5 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <ellipse class=\"existing\" cx=\"201\"\r\n                  cy=\"90\"\r\n                  rx=\"3\"\r\n                  ry=\"3\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 101 170 L 101 203.63\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 101 208.88 L 97.5 201.88 L 101 203.63 L 104.5 201.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <rect x=\"381\"\r\n                  y=\"140\"\r\n                  width=\"80\"\r\n                  height=\"30\"\r\n                  fill=\"#e1d5e7\"\r\n                  stroke=\"#9673a6\"\r\n                  stroke-width=\"2\"\r\n                  pointer-events=\"all\" />\r\n                <path d=\"M 389 140 L 389 170 M 453 140 L 453 170\"\r\n                  fill=\"none\"\r\n                  stroke=\"#9673a6\"\r\n                  stroke-width=\"2\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text x=\"421\"\r\n                    y=\"159\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Subs</text>\r\n\r\n                </g>\r\n                <path d=\"M 415.36 137.03 L 328.65 91.4\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 420.01 139.48 L 412.19 139.32 L 415.36 137.03 L 415.45 133.12 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <ellipse cx=\"326\"\r\n                  cy=\"90\"\r\n                  rx=\"3\"\r\n                  ry=\"3\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  pointer-events=\"all\" />\r\n                <path d=\"M 421 170 L 421 203.63\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path d=\"M 421 208.88 L 417.5 201.88 L 421 203.63 L 424.5 201.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 206.5 241 C 206.5 226.33 311.5 226.33 311.5 241 L 311.5 309 C 311.5 323.67 206.5 323.67 206.5 309 Z\"\r\n                  fill=\"#fff2cc\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 206.5 241 C 206.5 252 311.5 252 311.5 241\"\r\n                  fill=\"none\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"259\"\r\n                    y=\"273\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Common Domain</text>\r\n                  <text class=\"existing\" x=\"259\"\r\n                    y=\"293\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Information DB</text>\r\n                </g>\r\n                <rect class=\"existing\" x=\"41\"\r\n                  y=\"360\"\r\n                  width=\"120\"\r\n                  height=\"60\"\r\n                  rx=\"9\"\r\n                  ry=\"9\"\r\n                  fill=\"#f8cecc\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"101\"\r\n                    y=\"394\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Manager Services</text>\r\n\r\n                </g>\r\n                <rect x=\"361\"\r\n                  y=\"360\"\r\n                  width=\"120\"\r\n                  height=\"60\"\r\n                  rx=\"9\"\r\n                  ry=\"9\"\r\n                  fill=\"#f8cecc\"\r\n                  stroke=\"#b85450\"\r\n                  stroke-width=\"2\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text x=\"421\"\r\n                    y=\"394\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Expert Services</text>\r\n\r\n                </g>\r\n                <rect class=\"existing\" x=\"199\"\r\n                  y=\"360\"\r\n                  width=\"120\"\r\n                  height=\"60\"\r\n                  rx=\"9\"\r\n                  ry=\"9\"\r\n                  fill=\"#d5e8d4\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"259\"\r\n                    y=\"394\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Auth</text>\r\n\r\n                </g>\r\n                <rect class=\"existing\" x=\"219\"\r\n                  y=\"160\"\r\n                  width=\"80\"\r\n                  height=\"30\"\r\n                  fill=\"#e1d5e7\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 227 160 L 227 190 M 291 160 L 291 190\"\r\n                  fill=\"none\"\r\n                  pointer-events=\"all\" />\r\n                <g transform=\"translate(-0.5 -0.5)\">\r\n                  <text class=\"existing\" x=\"259\"\r\n                    y=\"179\"\r\n                    fill=\"#000\"\r\n                    font-family=\"Helvetica\"\r\n                    text-anchor=\"middle\">Subs</text>\r\n                </g>\r\n                <path class=\"existing\" d=\"M 259 120 L 259 153.63\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 259 158.88 L 255.5 151.88 L 259 153.63 L 262.5 151.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n                <path class=\"existing\" d=\"M 259 190 L 259 223.63\"\r\n                  fill=\"none\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"stroke\" />\r\n                <path class=\"existing\" d=\"M 259 228.88 L 255.5 221.88 L 259 223.63 L 262.5 221.88 Z\"\r\n                  fill=\"#ccc\"\r\n                  stroke=\"#ccc\"\r\n                  stroke-miterlimit=\"10\"\r\n                  pointer-events=\"all\" />\r\n              </g>\r\n              <path class=\"existing\" d=\"M 194 0 L 344 0 Q 304 60 344 120 L 194 120 Q 154 60 194 0 Z\"\r\n                fill=\"#fff2cc\"\r\n                pointer-events=\"all\" />\r\n              <g transform=\"translate(-0.5 -0.5)\">\r\n                <text class=\"existing\" x=\"259\"\r\n                  y=\"54\"\r\n                  fill=\"#000\"\r\n                  font-family=\"Helvetica\"\r\n                  text-anchor=\"middle\">Domain</text>\r\n                <text class=\"existing\" x=\"259\"\r\n                  y=\"74\"\r\n                  fill=\"#000\"\r\n                  font-family=\"Helvetica\"\r\n                  text-anchor=\"middle\">&amp; Event Store</text>\r\n              </g>\r\n            </svg>\r\n          </div>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <h3 class=\"sub-heading page content\">\r\n          Tasks\r\n        </h3>\r\n        <div class=\"body content\">\r\n          <p>All tasks were identified and points added using planning poker</p>\r\n          <p><em>note:</em> Domain Expert availability was removed from scope before estimation as it was suggested existing calendars could handle that task for the time being</p>\r\n\r\n          <table>\r\n            <thead>\r\n              <tr>\r\n                <th>Description</th>\r\n                <th class=\"number\">Points</th>\r\n              </tr>\r\n            </thead>\r\n            <tbody>\r\n              <tr>\r\n                <td>\r\n                  Project standup using starter app, build actions in GitHub and resource provision in Azure\r\n                </td>\r\n                <td class=\"number\">5</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  Domain events for assignments: create, update, change state etc\r\n                </td>\r\n                <td class=\"number\">21</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  Expert app event subscriber, API and database\r\n                </td>\r\n                <td class=\"number\">13</td>\r\n              </tr>\r\n              <tr>\r\n                <td>\r\n                  Display assignments in Expert app\r\n                </td>\r\n                <td class=\"number\">8</td>\r\n              </tr>\r\n              <tr class=\"version-2\">\r\n                <td>\r\n                  Propose assignments in Expert app\r\n                </td>\r\n                <td class=\"number\">13</td>\r\n              </tr>\r\n              <tr class=\"version-2\">\r\n                <td>\r\n                  Assignment agree/decline Manager app\r\n                </td>\r\n                <td class=\"number\">13</td>\r\n              </tr>\r\n            </tbody>\r\n            <tfoot>\r\n              <tr class=\"version-2\">\r\n                <th>Total</th>\r\n                <td class=\"number\">73</td>\r\n              </tr>\r\n              <tr class=\"version-2\">\r\n                <th>With Test/UAT at 25%</th>\r\n                <th class=\"number\">91</th>\r\n              </tr>\r\n              <tr>\r\n                <th>Version 1 Total</th>\r\n                <td class=\"number\">47</td>\r\n              </tr>\r\n              <tr>\r\n                <th>With Test/UAT at 25%</th>\r\n                <th class=\"number\">59</th>\r\n              </tr>\r\n            </tfoot>\r\n          </table>\r\n          <p><em>note:</em> This is for illustration, in reality tasks would be broken down futher than this</p>\r\n\r\n          <p>This allowed an estimate for completion based on the velocity of the developers given the tasks</p>\r\n          <p><strong>91 points for a single developer at 3 points per day this would be ~30 days</strong></p>\r\n          <p><em>note:</em> for multiple developers we would need to work out which tasks could be done in parallel, which may mean a faster delivery but adds risk</p>\r\n\r\n          <p>The crossed out tasks were moved to a second release in order to get the app infront of the Experts as soon as possible</p>\r\n          <p><strong>59 points for a single developer at 3 point per day would estimated ~20 days</strong></p>\r\n          <p>This allowed for a shorter wait for the main benefit of secure distribution of assignments</p>\r\n          <p>It was estimated that delivery could be acheived for a version 1 within a month</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <h3 class=\"sub-heading page content\">\r\n          Outcome\r\n        </h3>\r\n        <div class=\"body content\">\r\n          <p>A single developer was assigned, and, after a round of UAT, the app was delivered on time and well received by users</p>\r\n          <p>The app was covered by unit tests and automated testing provided by a test engineer</p>\r\n          <p>Version 2 was delivered with additional requirements sometime after</p>\r\n          <p>Domain Expert availability remains outside of the application but will be addressed in the future as benefits have been identified</p>\r\n\r\n          <p><strong>The success criteria was largely based on the capacity of the Manager to hire more Experts, the Expert team grew by 25% that year</strong></p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Learned\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>Although all other apps in the system, e.g. Domain Information App, Manager App, are <abbr title=\"Progressive Web Application\">PWA</abbr>'s, they were mainly used as desktop web applications and not installed</p>\r\n          <p>The Expert app was widely installed and used as a <abbr title=\"Progressive Web Application\">PWA</abbr> mobile/desktop app for offline support</p>\r\n          <p>The caching was good for offline support, but bad for updates</p>\r\n          <p>There was a lot of support calls on the second release of the app, with users unable to update or partial updates causing the app to crash</p>\r\n          <p>The caching strategy was changed to load the latest version when a network was available, subsequent updates went well</p>\r\n          <p>Added manual testing of the release, over and above the automated tests to help identify caching issues in future</p>\r\n        </div>\r\n      </section>\r\n\r\n      <div class=\"body content\">\r\n        <img class=\"hero\" src=\"/assets/spy-master.webp\" width=\"1024\" height=\"700\" title=\"AI Image. A Spy Master handing out assignments.\" />\r\n      </div>\r\n\r\n    </Fragment>;\r\n  }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n    background-image: url(/assets/cat-on-bike.webp);\r\n    background-position: center 90%;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-look-ma-no-hands',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class EntryLookMaNoHandsPage {\r\n\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.lookMaNoHands())}\r\n    >\r\n      <div class=\"heading content box\">\r\n        <h2>Look Ma No Hands</h2>\r\n        <time class=\"aside\">1 Jun 2023</time>\r\n      </div>\r\n\r\n      <div class=\"body content\">\r\n        <blockquote class=\"hero-background\">\r\n          <p>\r\n            With Web APIs available now, you can do a lot without a framework.\r\n          </p>\r\n\r\n          <p>\r\n            Lets have a look at some of them.\r\n          </p>\r\n        </blockquote>\r\n      </div>\r\n\r\n      {this.summary\r\n        ? <div class=\"body content box\">\r\n          <noscript class=\"right\"><a {...appRouter.href.lookMaNoHands()}>read more &hellip;</a></noscript>\r\n        </div>\r\n        : this.renderMore()}\r\n\r\n    </Host>;\r\n  }\r\n\r\n  renderMore() {\r\n\r\n    return <Fragment>\r\n      <section>\r\n        <div class=\"body content\">\r\n          <p>\r\n            The initial productivity boost on using a framework to get started on your project is hard to dismiss, I want to\r\n            get on with the logic of my application and explore the domain.\r\n          </p>\r\n          <p>\r\n            Then again, revisiting an older project for bug fixes, new features and updates can be constrained: dependencies may\r\n            conflict and even security can be compromised by an abandoned package way down deep in the dependency tree.\r\n          </p>\r\n          <p>\r\n            Standards take longer to arrive and be fully supported, also, longer to be abandoned, so use them where you can.\r\n          </p>\r\n          <p>\r\n            Hey, remember when jQuery was a no brainer? No? Well that was a while back now.\r\n            It took a lot of the pain out of cross browser support, but now the browsers are much more aligned to standards\r\n            and you don't need it.\r\n          </p>\r\n          <p>\r\n            This is a well trodden debate, and there is no maxim here.\r\n            For me, I am leaning towards less dependencies now.\r\n          </p>\r\n          <hr />\r\n          <p>\r\n            Anyway, lets pretend there's no pressure and see what we can do with standard browser APIs and some nice coding patterns.\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            There are some libraries that I will be using for build and test:\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <dl>\r\n            <dt><a href=\"https://www.typescriptlang.org\">Typescript</a></dt>\r\n            <dd>\r\n              <p>Type-safe coding, decorators, generics and other stuff - its a stair lift, a zimmer frame and an air fryer all in one.</p>\r\n              <p>There is lots of <a href=\"https://www.typescriptlang.org\">great resource</a> on why you should use it too.</p>\r\n            </dd>\r\n            <dt><a href=\"https://jestjs.io\">Jest</a></dt>\r\n            <dd>\r\n              <p>Testing framework, Typescript support, lots and lots of documentation, walkthroughs, blogs etc.</p>\r\n            </dd>\r\n            <dt><a href=\"https://webpack.js.org\">Webpack</a></dt>\r\n            <dd>\r\n              <p>Making my code work for test and production is easier using Webpack or Rollup.</p>\r\n              <p>Todo: explore raw module browser support further.</p>\r\n            </dd>\r\n          </dl>\r\n          <p>There is lots to discuss, and it's all going to be based around a puzzle I have written to help my son with Binary.</p>\r\n          <p>\r\n            You can find it here <a href=\"https://8bit.antix.co.uk\">8bit.antix.co.uk</a>.\r\n          </p>\r\n          <p>\r\n            A daily challenge to convert the 8 bit image into decimal,\r\n            it's basic Maths, yes, but with a Computer Science flavour. - Yum :D\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>\r\n            Next, these are the standards that I use\r\n          </h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <dl>\r\n            <dt><a href=\"https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements\">Web Components</a></dt>\r\n            <dd>\r\n              <p>\r\n                <a href=\"https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template\">HTMLTemplateElement</a> and other parts\r\n                of the Web Component spec are available on <a href=\"https://caniuse.com/custom-elementsv1\">all major browsers</a>.\r\n              </p>\r\n              <p>\r\n                Reusable, customisable Web Components are possible, and not difficult at all.\r\n              </p>\r\n              <p>\r\n                Encapsulate logic, style and markup - hey, make a framework.\r\n              </p>\r\n            </dd>\r\n            <dt><a href=\"https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals\">Template Literals</a></dt>\r\n            <dd>\r\n              <p>\r\n                String interpolation in JavaScript is standardised, and\r\n                using tag functions, you can do all sorts of composition and formatting nice an fast, in both dev and runtime.\r\n              </p>\r\n            </dd>\r\n            <dt><a href=\"https://developer.mozilla.org/en-US/docs/Web/Manifest\">Web Manifests</a> for <abbr title=\"Progressive Web Applications\">PWAs</abbr></dt>\r\n            <dd>\r\n              <p>\r\n                Gives the ability to describe your web application to the OS via the browser, and get access to even more APIs to make it act more native.\r\n              </p>\r\n            </dd>\r\n            <dt><a href=\"https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API\">Service Workers</a></dt>\r\n            <dd>\r\n              <p>\r\n                Runs on a separate browser thread, without DOM access.\r\n              </p>\r\n              <p>\r\n                Allows install and caching for offline support, OS notifications, background periodic sync when online.\r\n              </p>\r\n              <p>\r\n                We still need lots. In particular, proper offline <a href=\"https://bugs.chromium.org/p/chromium/issues/detail?id=889077\">scheduled tasks</a> would be massive.\r\n              </p>\r\n            </dd>\r\n          </dl>\r\n\r\n          <p>More to come on this, in the meantime, take a look at <a href=\"https://developer.chrome.com/capabilities\">Fugu, the Web Capabiliies Project</a>.</p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/cat-on-bike.webp\" width=\"1024\" height=\"492\" title=\"AI Image. A cyberpunk brown/gold subtly striped Siberian cat white under the chin riding a chopper bike, with goggles, mischevious grin, waving his paws in the air like he just don't care, with sparks, neon, LEDs and electric cables on the bike, cloudy dramatic sky\" />\r\n        </div>\r\n      </section>\r\n    </Fragment>\r\n  }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n    background-image: url(/assets/robot.webp);\r\n    background-position: center 18%;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-the-developer-and-the-ai',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class EntryTheDeveloperAndTheAiPage {\r\n\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.theDeveloperAndTheAi())}\r\n    >\r\n      <div class=\"heading content box\">\r\n        <h2>The Dev and the AI</h2>\r\n        <time class=\"aside\">2 Feb 2024</time>\r\n      </div>\r\n\r\n      <div class=\"body content\">\r\n        <blockquote class=\"hero-background\">\r\n          <p>\r\n            So, it's been a few weeks since I left my last contract, and while I am waiting for the Bat Signal, I am investigating Rust.\r\n          </p>\r\n\r\n          <p>\r\n            I have been a C#/TS developer forever and although I've briefly put on some Java pants, I've not really changed much.\r\n          </p>\r\n        </blockquote>\r\n      </div>\r\n\r\n      {this.summary\r\n        ? <div class=\"body content box\">\r\n          <noscript class=\"right\"><a {...appRouter.href.theDeveloperAndTheAi()}>read more &hellip;</a></noscript>\r\n        </div>\r\n        : this.renderMore()}\r\n\r\n    </Host>;\r\n  }\r\n\r\n  renderMore() {\r\n\r\n    return <Fragment>\r\n      <section>\r\n        <div class=\"body content\">\r\n          <p>\r\n            Rust is great, its a memory safe, cross-platform, compile to machine code language so its fast, you can write code for Windows, MacOS, Linux and others ... and WebAssembly which means it can run in a browser! oh my.\r\n          </p>\r\n          <p>\r\n            Thing is, it's hard to get started on your own with a new language, and in the past this has been a blocker for me. I want to move on to the \"biz\" logic which is the interesting bit, and this is where AI comes in.\r\n          </p>\r\n          <p>\r\n            <a href=\"https://www.theregister.com/2024/01/24/willison_ai_software_development\">\r\n              \"Code Assistance [AI] is like having a weird intern who memorized the docs\"\r\n            </a>\r\n          </p>\r\n          <p>\r\n            I've got a few on staff\r\n            <ul>\r\n              <li>GitHub CoPilot</li>\r\n              <li>Bing CoPilot</li>\r\n              <li>Bard</li>\r\n            </ul>\r\n          </p>\r\n          <p>\r\n            Generally it goes like this..\r\n          </p>\r\n          <div class=\"code\">\r\n            <div>\r\n              <span class=\"line-number\">10</span> <span class=\"keyword\">REM</span> <span class=\"comment\">plan what I want to do, which patterns to use</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">20</span> <span class=\"keyword\">REM</span> <span class=\"comment\">ask on of the interns, perhap provide a C# example</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">30</span> <span class=\"keyword\">REM</span> <span class=\"comment\">pick throught the response, visit recommended websites, try and work out what it should be, add my own bit</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">40</span> <span class=\"keyword\">COMPILE</span> <span class=\"var\">C</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">50</span> <span class=\"keyword\">IF</span> <span class=\"var\">C</span> <span class=\"operator\">=</span> <span class=\"literal\">9</span> <span class=\"keyword\">THEN</span> <span class=\"literal\">70</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">60</span> <span class=\"keyword\">REM</span> <span class=\"comment\">find out the intern is halucinating?</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">70</span> <span class=\"keyword\">INPUT</span> <span class=\"literal\">\"Tired? Hungry?\"</span> <span class=\"var\">Q</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">80</span> <span class=\"keyword\">IF</span> <span class=\"var\">Q</span> <span class=\"operator\">=</span> <span class=\"literal\">\"Y\"</span> <span class=\"keyword\">THEN END</span>\r\n            </div>\r\n            <div>\r\n              <span class=\"line-number\">90</span> <span class=\"keyword\">GOTO</span> <span class=\"literal\">20</span>\r\n            </div>\r\n          </div>\r\n\r\n          <p>\r\n            Anyway, overall I have to say that AI coding assistants are fun and helpful.\r\n          </p>\r\n          <p>\r\n            Learning the basics of Rust has opened a world up to me that I will be exploring for a while more, without help I would never have done.\r\n          </p>\r\n          <p>\r\n            It brings down the barriers of syntax and means that a developer, is a developer ... with a experience in certain languages, yes ... but a developer none the less.\r\n          </p>\r\n          <p>\r\n            The important bit of being a programmer is to be able apply appropriate patterns and techniques to solve problems.\r\n          </p>\r\n          <p>\r\n            Like being human is the same no matter what language we speak. (are you slowly standing and beginning to clap yet? Do it, before some else does!)\r\n          </p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <p class=\"text-right\">This entry was posted on <a href=\"https://www.linkedin.com/feed/update/urn:li:activity:7158500931720957952\">LinkedIn</a></p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/robot.webp\" width=\"1024\" height=\"688\" title=\"AI Image. A happy and slightly manic steampunk robot leaning in so its face is forward. Lots of neon, bulbs and LEDs. The robot has a metal body with gears, pipes, and wires. Its eyes are glowing with different colors and its mouth is wide open with a grin. The background is dark and smoky, with sparks and steam coming out of the robot's head.\" />\r\n        </div>\r\n      </section>\r\n    </Fragment>\r\n  }\r\n}\r\n","@import '../../../global/component.css';\r\n\r\n.hero-background::after {\r\n    background-image: url(/assets/coding-cat.webp);\r\n    background-position: center 80%;\r\n}","import { Component, Fragment, h, Host, Prop } from '@stencil/core';\r\nimport { appRouter } from '../../../global';\r\n\r\n@Component({\r\n  tag: 'entry-working-from-home',\r\n  styleUrl: 'component.css',\r\n  assetsDirs: ['../assets'],\r\n  shadow: true,\r\n})\r\nexport class EntryWorkingFromHomePage {\r\n\r\n  @Prop({ reflect: true }) summary: boolean = false;\r\n\r\n  render() {\r\n    return <Host class=\"article\"\r\n      {...(this.summary && appRouter.click.workingFromHome())}\r\n    >\r\n      <div class=\"heading content box\">\r\n        <h2>Working From Home</h2>\r\n        <time class=\"aside\">3 Aug 12</time>\r\n      </div>\r\n\r\n      <div class=\"body content\">\r\n        <blockquote class=\"hero-background\">\r\n          <h3 class=\"sub-sub-heading\">this, from my blog 10 years ago</h3>\r\n          <p>I have worked from home since then and all of this holds true, bar some of the tech</p>\r\n          <p>Its interesting to see so many people now finding the same benefits and freedoms while still providing employers with the things they need</p>\r\n          <p>Anyway, time flies, seems like yesterday ...</p>\r\n        </blockquote>\r\n      </div>\r\n\r\n      {this.summary\r\n        ? <div class=\"body content box\">\r\n          <noscript class=\"right\"><a {...appRouter.href.workingFromHome()}>read more &hellip;</a></noscript>\r\n        </div>\r\n        : this.renderMore()}\r\n\r\n    </Host>;\r\n  }\r\n\r\n  renderMore() {\r\n\r\n    return <Fragment>\r\n\r\n      <section>\r\n        <div class=\"body content\">\r\n          <p>\r\n            For nearly two years now I have been working from home, it has been an experience which I have enjoyed and has brought benefits for my employer too (that would be you if you employed me).\r\n          </p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>no office space required</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>I have contracted for a number of companies over the years, some have dedicated teams for managing the office space and some not, its not unusual to turn up for my first day of work and have nowhere to sit</p>\r\n\r\n          <p>At home I have my space organised, I have my own office separate from the rest of the house (and kids). I have a big desk and Herman to sit on, and on my first day I am ready to go - no faf</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>no hardware required</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>As above, its not unusual for a new person to be lacking the necessary equipment on their first day. As a programmer, I need a pretty high-end beast of a computer for my employer to get the best out of me</p>\r\n\r\n          <p>At home I have a spanky i7 8 core monster, 8 GB of memory and a system SSD. I have 3 monitors and my iPad to watch the news on. I don't need you to buy me anything</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>no software licences required</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>This is the biggest problem, in my experience, a developers toolbox now-a-days is quite heavy and expensive</p>\r\n\r\n          <p>As a C# Developer, I need</p>\r\n          <ul>\r\n            <li>Windows - duh</li>\r\n            <li>Visual Studio, at least Pro</li>\r\n            <li>Resharper, its developer heroine, I can't go cold turkey, its too late</li>\r\n            <li>Graphics software, I must draw icons occasionally</li>\r\n            <li>E-mail, spreadsheet and document software</li>\r\n          </ul>\r\n          <p>At home I have all of this and much more, I get my Action Pack every year and its full of goodies. What is more I am already set-up, you won't lose a day of programming while I watch a tracker bar</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>no late to meetings because of train delays</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>Every morning I have a meeting with all my colleagues in London, the Isle of Man, Russia and India. Its a magical Skype chat, everyone has a coffee or tea etc, and we all find out what we did yesterday and what we are going to do today (Stand-up)</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>day-to-day communication is easier</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>During the day, I am available at the drop of a hat for a chat</p>\r\n\r\n          <p>We have organised meetings too, I just get myself a cuppa and click a button to start planning the next sprint or whatever</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>pair programming is easier</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>One of the real revelations for me has been screen sharing, we had used Skype, but more recently we have moved to join.me for this</p>\r\n\r\n          <p>You can pair program without having to look at the back of your colleagues head or get his/her mouse covered in the contents of your doughnut</p>\r\n        </div>\r\n      </section>\r\n\r\n      <section>\r\n        <div class=\"sub-heading content\">\r\n          <h3>other things</h3>\r\n        </div>\r\n        <div class=\"body content\">\r\n          <p>I do like a bit of mood music, but this will not disturb you, unless you move next door that is...</p>\r\n\r\n          <p>I won't upset your office manager by not wearing a tie, or only wearing a tie</p>\r\n\r\n          <p>The best programmer for your job is not necessarily going to be the one who can get on the 7:01 to Paddington</p>\r\n        </div>\r\n\r\n        <div class=\"body content\">\r\n          <img class=\"hero\" src=\"/assets/coding-cat.webp\" width=\"1024\" height=\"585\" title=\"AI Image. A steam punk brown Siberian cat riding a chopper bike, with goggles, smiling and waving his paws in the air like he just don't care, with sparks, neon and electric cables on the bike, plenty of sky. The bike has a large engine, a skull-shaped headlight, and a flame-shaped exhaust. The background is a blue sky with clouds and birds. The image has a retro-futuristic style, with contrast, saturation, and glow effects. The image is also more moody, smokey, and has some neon tubes on the bike.\" />\r\n        </div>\r\n      </section>\r\n    </Fragment>\r\n  }\r\n}\r\n"],"mappings":"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"}