2c:null 2d:["$","title",null,{"children":"RiScript Highlight.js Module | John C | Observable"}] 32: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); } `33: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); } `34:[{"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}] 30:{"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","has_unpublished_edits":null,"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,"lapsed":null,"subscribed":null,"forks":3,"collection":{"id":"aac27ce630a2ebd4","slug":"posts","title":"Posts","owner":{"id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C"}},"type":"notebook","body":{"titling":"auto","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","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"code = html`\n

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

 \n  $$anotherExample = (this|this)\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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":172,"value":"highlightRiScript(mixedCode,\"dark\",false)","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"html`\n______________________Appendix________________________\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$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","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":126,"value":"darkModeFile = FileAttachment('riscript@2.css').url()","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":144,"value":"$32","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":152,"value":"$33","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1"}} 31:"$30:body"