2b:null 2c:["$","title",null,{"children":"RiScript Highlight.js Module | John C | Observable"}] 31:T874,lightMode = ` :root { --selection_darkmode: rgba(47, 142, 252, 0.35); --background_darkmode: #1e1e1e; --text_darkmode: #cbcbcb; --choice_darkmode: #d2aefc; --transform_darkmode: #cdab53; --dynamic_darkmode: #88a3fa; --symbol_darkmode: #9bdbff; --assign_darkmode: #9a88ff; --continuation_darkmode: #f8ff93; --weight_darkmode: #508be5; --entity_darkmode: #ff46ff; --conditional_darkmode: #f8a0a0; --comment_darkmode: #609664; --selection_lightmode: rgba(47, 142, 252, 0.35); --background_lightmode: #ffffff; --text_lightmode: #363636; --choice_lightmode: #b66661; --transform_lightmode: #867959; --dynamic_lightmode: #508be5; --symbol_lightmode: #3d42d4; --assign_lightmode: #9395d4; --continuation_lightmode: #77cc50; --weight_lightmode: #b7ffa8; --entity_lightmode: #d651d6; --conditional_lightmode: #ad92cc; --comment_lightmode: #a7a7a7; } /*----------------css for highlight.js-------------*/ /* theme tmpl from https://codepen.io/Tibixx/pen/NLpNar*/ /* light theme */ pre code { display: block; overflow-x: auto; padding: 10px; background: var(--background); -webkit-text-size-adjust: none; } pre code *::selection, .riscript.hljs::selection { background: var(--selection_lightmode) !important; } .riscript.hljs { color: var(--text_lightmode); background-color: var(--background_lightmode); } .hljs-rs-choice { color: var(--choice_lightmode); } .hljs-rs-transform { color: var(--transform_lightmode) !important; } .hljs-rs-dynamic { color: var(--dynamic_lightmode) !important; } .hljs-rs-symbol { color: var(--symbol_lightmode) !important; } .hljs-comment { color: var(--comment_lightmode); } .hljs-rs-assign { color: var(--assign_lightmode); } .hljs-rs-continuation { color: var(--continuation_lightmode); } .hljs-rs-weight { color: var(--weight_lightmode); } .hljs-rs-entity { color: var(--entity_lightmode); } .hljs-rs-conditional { color: var(--conditional_lightmode); } `32:T7ba,darkMode = ` :root { --selection_darkmode: rgba(47, 142, 252, 0.35); --background_darkmode: #1e1e1e; --text_darkmode: #cbcbcb; --choice_darkmode: #d2aefc; --transform_darkmode: #cdab53; --dynamic_darkmode: #88a3fa; --symbol_darkmode: #9bdbff; --assign_darkmode: #9a88ff; --continuation_darkmode: #f8ff93; --weight_darkmode: #508be5; --entity_darkmode: #ff46ff; --conditional_darkmode: #f8a0a0; --comment_darkmode: #609664; --selection_lightmode: rgba(47, 142, 252, 0.35); --background_lightmode: #ffffff; --text_lightmode: #363636; --choice_lightmode: #b66661; --transform_lightmode: #867959; --dynamic_lightmode: #508be5; --symbol_lightmode: #3d42d4; --assign_lightmode: #9395d4; --continuation_lightmode: #77cc50; --weight_lightmode: #b7ffa8; --entity_lightmode: #d651d6; --conditional_lightmode: #ad92cc; --comment_lightmode: #a7a7a7; } /*----------------css for highlight.js-------------*/ /* theme tmpl from https://codepen.io/Tibixx/pen/NLpNar*/ /* default theme(dark) */ pre code { display: block; overflow-x: auto; padding: 10px; background: var(--background); -webkit-text-size-adjust: none; } pre code *::selection, .riscript.hljs::selection { background: var(--selection_darkmode) !important; } .riscript.hljs { color: var(--text_darkmode); background-color: var(--background_darkmode); } .hljs-rs-choice { color: var(--choice_darkmode); } .hljs-rs-transform { color: var(--transform_darkmode) !important; } .hljs-rs-dynamic { color: var(--dynamic_darkmode) !important; } .hljs-rs-symbol { color: var(--symbol_darkmode) !important; } .hljs-comment { color: var(--comment_darkmode); } .hljs-rs-assign { color: var(--assign_darkmode); } .hljs-rs-continuation { color: var(--continuation_darkmode); } .hljs-rs-weight { color: var(--weight_darkmode); } .hljs-rs-entity { color: var(--entity_darkmode); } .hljs-rs-conditional { color: var(--conditional_darkmode); } `33:[{"id":"0ea5e2749f84889f3b03a1c922798d9d08025eeab4c55c5a6f5d5d011460ceca9afb5d9cf66eba73b72a8440e21d9d26da7dd7b1bb4739e1a1b33c1120f3edf5","href":"https://static.observableusercontent.com/files/0ea5e2749f84889f3b03a1c922798d9d08025eeab4c55c5a6f5d5d011460ceca9afb5d9cf66eba73b72a8440e21d9d26da7dd7b1bb4739e1a1b33c1120f3edf5","name":"riscript@2.css","type":"text/css","lastModified":1614091646225.785,"size":5230},{"id":"57ac2e32fb97be3e2a8b640846d5d778a212822e84717abfd42831fc0f5651ffac4658a7b1d75e5cb434f6bf53f3d1a761c09e13044b93c4b0c6f6b56e3499c0","href":"https://static.observableusercontent.com/files/57ac2e32fb97be3e2a8b640846d5d778a212822e84717abfd42831fc0f5651ffac4658a7b1d75e5cb434f6bf53f3d1a761c09e13044b93c4b0c6f6b56e3499c0","name":"riscript-lightMode@2.css","type":"text/css","lastModified":1614091655828.266,"size":5598},{"id":"f6e670027f9be430c18b7fecdc4eaf41d5c464d05fed2c971beb73813decbb145a965ae4912c227f0f257e39825f86300d6e1665dfb0649a98e228d75ac4f6a8","href":"https://static.observableusercontent.com/files/f6e670027f9be430c18b7fecdc4eaf41d5c464d05fed2c971beb73813decbb145a965ae4912c227f0f257e39825f86300d6e1665dfb0649a98e228d75ac4f6a8","name":"riscript-lightMode@3.css","type":"text/css","lastModified":1614092952272.587,"size":5599}] 2f:{"id":"70f66530424d75ba","slug":"riscript-hljs-module","title":"RiScript Highlight.js Module","thumbnail":"6c763a8749957ef86649edc0128eb8d02ff0b9f4b5cf8fed3d76104c2d9f85d3","access_level":"public","create_time":"$D2021-02-23T13:09:32.365Z","update_time":"$D2021-03-01T15:39:06.398Z","view_time":null,"first_public_time":"$D2021-02-23T14:32:05.125Z","fork":false,"stars":1,"starred":false,"owner":{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024"},"version":186,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"subscribed":null,"forks":3,"collection":{"id":"aac27ce630a2ebd4","slug":"posts","title":"Posts","owner":{"id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C"}},"type":"notebook","body":{"title":"RiScript Highlight.js Module","cells":[{"id":0,"value":"html`\n

RiScript Highlight.js Module

\nThis note book provide a simple way to highlight your RiScript with highlight.js\n

\n

Usage

\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":25,"value":"md`\nYou can import the highlight function from this notebook\n~~~js\nimport {highlightRiScript} from '@real-john-cheung/riscript-hljs-module'\n~~~\nThen, you can call \nhighlightRiScript(targetHTMLElement,mode) to highlight the given cell like the example below\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"code = html`\n

 \n  this (is|is) example.articlize().\n

 \n  $$anotherExample = (this|this)\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"highlightRiScript(code,\"dark\")","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"md`you can also call highlightRiscript() \nwithout argument, which will highlight all <code> element on the page. You shold be very careful when using it like that since it sometimes creates unwanted effect

\nThe second parameter mode is optional, you can set it to \"dark\" to use darkMode theme, or leave it empty to use default lightMode theme. Note that because of how hljs works, this function basically inject a css file into your page, so it is not possible to use different themes for different cells on the same page.

\nYou might have blocks in RiScript and other languages (e.g JavaScript) in the same cell and you want them to be highlighted accordingly. In this case, you can pass a boolean false value as the third argument like this highlightRiScript(targetHTMLElement,\"dark\",false)
\nif you do so, please indicate the bolck's language with a css class in the <code> tag, like the example below:\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"mixedCode = html`\n

 \n  this (is|is) example.articlize() of mixed language cell.\n

 \n  console.log(\"this is js\")\n

\n`","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"highlightRiScript(mixedCode,\"dark\",false)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"html`\n______________________Appendix________________________\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"hljs = require(\"https://bundle.run/highlight.js@10.5.0\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"installRiScript = function (){\n hljs.registerLanguage(\"riscript\",(()=>{\"use strict\";return s=>{let e={\nclassName:\"rs-transform\",begin:/\\.[\\w]+[\$]?[\$]?/},a={className:\"rs-symbol\",\nbegin:/\\$[\\w]+/,relevance:10},i={className:\"rs-dynamic\",begin:/\\$\\$[\\w]+/,\nrelevance:10},n={className:\"rs-assign\",begin:/[\\$]{1,2}[\\w]+[\\s]*\\=/},r={\nclassName:\"rs-entity\",begin:/&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;/},c={\nclassName:\"rs-conditional\",\nbegin:/\\{(\\$[\\w]+([\\!\\*\\^\\$<>]\\=|[\\=<>])([\\w]+|[0-9]?\\.[0-9]+)\\,)?(\\$[\\w]+([\\!\\*\\^\\$<>]\\=|[\\=<>])([\\w]+|[0-9]?\\.[0-9]+))\\}\\?/,\nrelevance:10};return{name:\"RiScript\",aliases:[\"risc\",\"riscript\"],\ncase_insensistive:!1,disableAutodetect:!0,keywords:\"\",contains:[n,e,i,a,r,c,{\nclassName:\"rs-choice\",begin:/\$/,end:/\$/,contains:[{className:\"rs-weight\",\nbegin:/\\[[0-9]+\\]/},n,e,i,a,r,c,\"self\"]},{className:\"rs-continuation\",\nbegin:/[\\w]+[\\s]*\\\\$/},s.C_BLOCK_COMMENT_MODE,s.C_LINE_COMMENT_MODE]}}})());\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":22,"value":"highlightRiScript = function (target=document,mode=\"light\",allAreRisc=true) {\n installRiScript();\n //inject css \n // let link = document.createElement(\"link\");\n // link.href = mode === \"dark\" ? darkModeFile : lightModeFile;\n // link.type = \"text/css\";\n // link.rel = \"stylesheet\";\n // document.getElementsByTagName(\"head\")[0].appendChild(link);\n let style = document.createElement(\"style\");\n style.type = \"text/css\";\n style.appendChild(document.createTextNode(mode === \"dark\" ? darkMode : lightMode));\n document.getElementsByTagName(\"head\")[0].appendChild(style);\n //\n let blocks = target.getElementsByTagName(\"code\");\n let count = 0;\n for (let i = 0; i < blocks.length; i++) {\n if (!blocks[i].className.includes(\"riscript\") || !blocks[i].className.includes(\"risc\") || !blocks[i].className.includes(\"RiScript\")){\n if (allAreRisc) blocks[i].className = blocks[i].className + \" riscript\";\n }\n hljs.highlightBlock(blocks[i]);\n count ++;\n }\n return \"done\"\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":68,"value":"lightModeFile = FileAttachment('riscript-lightMode@3.css').url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"darkModeFile = FileAttachment('riscript@2.css').url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 30:"$2f:body"