diff --git a/.github/workflows/test.yml b/.github/workflows/test.yml
index b8523bac78..97717b37ec 100644
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -75,6 +75,11 @@ jobs:
       - uses: olafurpg/setup-scala@v5
         with:
           java-version: adopt@1.11
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '10.x'
+      - name: Node.js setup
+        run: npm install jsdom@10.0.0
       - uses: actions/cache@v1
         with:
           path: ~/.cache
@@ -82,7 +87,7 @@ jobs:
           restore-keys: ${{ runner.os }}-scala-js-
       - name: Scala.js test
         # A workaround for Scala.js linker error
-        run: ./sbt "; airspecJS/test:fastOptJS; projectJS/test"
+        run: ./sbt "; projectJSCore/test; projectJSSub/test"
   test_js_2_13:
     name: Scala.js with Scala 2.13
     runs-on: ubuntu-latest
@@ -91,11 +96,16 @@ jobs:
       - uses: olafurpg/setup-scala@v5
         with:
           java-version: adopt@1.11
+      - uses: actions/setup-node@v1
+        with:
+          node-version: '10.x'
+      - name: Node.js setup
+        run: npm install jsdom@10.0.0
       - uses: actions/cache@v1
         with:
           path: ~/.cache
-          key: ${{ runner.os }}-scala-js-${{ hashFiles('**/*.sbt') }}
-          restore-keys: ${{ runner.os }}-scala-js-
+          key: ${{ runner.os }}-scala-js_2.13-${{ hashFiles('**/*.sbt') }}
+          restore-keys: ${{ runner.os }}-scala-js_2.13-
       - name: Scala.js test
         # A workaround for Scala.js linker error
-        run: ./sbt ++2.13.1 "; airspecJS/test:fastOptJS; projectJS/test"
+        run: ./sbt ++2.13.1 "; projectJSCore/test; projectJSSub/test"
diff --git a/airframe-rx-widget/README.md b/airframe-rx-widget/README.md
new file mode 100644
index 0000000000..d3225e9bd0
--- /dev/null
+++ b/airframe-rx-widget/README.md
@@ -0,0 +1,26 @@
+# airframe-rx-widget
+
+Reactive Widget Library for Scala.js
+
+## Development
+
+
+### Developing Scala.js Widgets
+
+```
+$ npm install jsdom@10.0.0
+
+$ ./sbt 
+> ~widgetJS/fastOptJS
+```
+
+Open another terminal and run:
+```
+$ npm install -g browser-sync
+
+$ browser-sync start --server airframe-rx-widget/src/main/public --serveStatic airframe-rx-widget/.js/target/scala-2.12 --files airframe-rx-widget/.js/target/scala-2.12/airframe-rx-widget-fastopt.js
+```
+
+It will refresh the browser automatically.
+
+
diff --git a/airframe-rx-widget/src/main/public/css/overwrite.css b/airframe-rx-widget/src/main/public/css/overwrite.css
new file mode 100644
index 0000000000..70a8f17c27
--- /dev/null
+++ b/airframe-rx-widget/src/main/public/css/overwrite.css
@@ -0,0 +1,108 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+pre .hljs {
+    padding: 10px;
+}
+
+.navbar-dark {
+    background-color: #07405b;
+}
+
+.hljs {
+    padding: 10px;
+    background-color: #333333;
+}
+
+a {
+    color: #1e909f;
+}
+
+.navbar .navbar-collapse ul {
+    padding-left: 10px;
+}
+
+.hljs-comment,
+.hljs-quote {
+    color: #f1c2a2;
+}
+
+/* Ocean Red */
+.hljs-variable,
+.hljs-template-variable,
+.hljs-tag,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class,
+.hljs-regexp,
+.hljs-deletion {
+    color: #d04754;
+}
+
+/* Ocean Orange */
+.hljs-number,
+.hljs-built_in,
+.hljs-builtin-name,
+.hljs-literal,
+.hljs-type,
+.hljs-meta,
+.hljs-link {
+    color: #99b2e8;
+}
+
+.hljs-params {
+    color: #f2b9d9;
+}
+
+/* Ocean Yellow */
+.hljs-subst,
+.hljs-attribute {
+    color: #f1ce88;
+}
+
+/* Ocean Green */
+.hljs-string,
+.hljs-symbol,
+.hljs-bullet,
+.hljs-addition {
+    color: #f5b2a8;
+}
+
+/* Ocean Blue */
+.hljs-title,
+.hljs-section {
+    color: #21c5d2;
+}
+
+/* Ocean Purple */
+.hljs-keyword,
+.hljs-selector-tag {
+    color: #c192bd;
+}
+
+.hljs {
+    display: block;
+    overflow-x: auto;
+    color: #c8cdd6;
+    padding: 0.5em;
+}
+
+.hljs-emphasis {
+    font-style: italic;
+}
+
+.hljs-strong {
+    font-weight: bold;
+}
+
diff --git a/airframe-rx-widget/src/main/public/img/favicon.ico b/airframe-rx-widget/src/main/public/img/favicon.ico
new file mode 100644
index 0000000000..5f2b527ec0
Binary files /dev/null and b/airframe-rx-widget/src/main/public/img/favicon.ico differ
diff --git a/airframe-rx-widget/src/main/public/index.html b/airframe-rx-widget/src/main/public/index.html
new file mode 100644
index 0000000000..2fec06db06
--- /dev/null
+++ b/airframe-rx-widget/src/main/public/index.html
@@ -0,0 +1,89 @@
+<!--
+  ~ Licensed under the Apache License, Version 2.0 (the "License");
+  ~ you may not use this file except in compliance with the License.
+  ~ You may obtain a copy of the License at
+  ~
+  ~    http://www.apache.org/licenses/LICENSE-2.0
+  ~
+  ~ Unless required by applicable law or agreed to in writing, software
+  ~ distributed under the License is distributed on an "AS IS" BASIS,
+  ~ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  ~ See the License for the specific language governing permissions and
+  ~ limitations under the License.
+  -->
+
+<!doctype html>
+<html lang="en">
+<head>
+    <!-- Required meta tags -->
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+          integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+    <link rel="stylesheet"
+          href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@9.17.1/build/styles/default.min.css">
+    <link rel="stylesheet" href="css/overwrite.css"/>
+
+    <title>Airframe Widget</title>
+    <style>
+        body {
+            /* for fixed-top navbar */
+            min-height: 75rem;
+            padding-top: 4.5rem;
+        }
+
+        .sidebar {
+            position: fixed;
+            top: 0;
+            bottom: 0;
+            left: 0;
+            z-index: 100; /* Behind the navbar */
+            padding: 52px 8px 0; /* Height of navbar */
+            box-shadow: inset -1px 0 0 rgba(0, 0, 0, .1);
+        }
+
+        .sidebar-sticky {
+            position: relative;
+            top: 0;
+            height: calc(100vh - 48px);
+            padding-top: .5rem;
+            overflow-x: hidden;
+            overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+        }
+    </style>
+</head>
+<body>
+
+
+<div id="main" class="container">
+</div>
+
+<!-- Optional JavaScript -->
+<!-- jQuery first, then Popper.js, then Bootstrap JS -->
+<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
+        integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
+        crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js"
+        integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
+        crossorigin="anonymous"></script>
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
+        integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
+        crossorigin="anonymous"></script>
+
+<script src="scripts/highlight.pack.js"></script>
+
+<!--
+<script type="text/javascript" src="../../../.js/target/scala-2.12/airframe-widget-fastopt.js"></script>
+-->
+<script type="text/javascript" src="airframe-rx-widget-fastopt.js"></script>
+
+<script type="text/javascript">
+    Gallery.main();
+    hljs.initHighlightingOnLoad();
+</script>
+
+</body>
+</html>
+
diff --git a/airframe-rx-widget/src/main/public/scripts/highlight.pack.js b/airframe-rx-widget/src/main/public/scripts/highlight.pack.js
new file mode 100644
index 0000000000..2adced0374
--- /dev/null
+++ b/airframe-rx-widget/src/main/public/scripts/highlight.pack.js
@@ -0,0 +1,2 @@
+/*! highlight.js v9.17.1 | BSD3 License | git.io/hljslicense */
+!function(e){var n="object"==typeof window&&window||"object"==typeof self&&self;"undefined"==typeof exports||exports.nodeType?n&&(n.hljs=e({}),"function"==typeof define&&define.amd&&define([],function(){return n.hljs})):e(exports)}(function(a){var f=[],o=Object.keys,N={},g={},_=!0,n=/^(no-?highlight|plain|text)$/i,E=/\blang(?:uage)?-([\w-]+)\b/i,t=/((^(<[^>]+>|\t|)+|(?:\n)))/gm,r={case_insensitive:"cI",lexemes:"l",contains:"c",keywords:"k",subLanguage:"sL",className:"cN",begin:"b",beginKeywords:"bK",end:"e",endsWithParent:"eW",illegal:"i",excludeBegin:"eB",excludeEnd:"eE",returnBegin:"rB",returnEnd:"rE",variants:"v",IDENT_RE:"IR",UNDERSCORE_IDENT_RE:"UIR",NUMBER_RE:"NR",C_NUMBER_RE:"CNR",BINARY_NUMBER_RE:"BNR",RE_STARTERS_RE:"RSR",BACKSLASH_ESCAPE:"BE",APOS_STRING_MODE:"ASM",QUOTE_STRING_MODE:"QSM",PHRASAL_WORDS_MODE:"PWM",C_LINE_COMMENT_MODE:"CLCM",C_BLOCK_COMMENT_MODE:"CBCM",HASH_COMMENT_MODE:"HCM",NUMBER_MODE:"NM",C_NUMBER_MODE:"CNM",BINARY_NUMBER_MODE:"BNM",CSS_NUMBER_MODE:"CSSNM",REGEXP_MODE:"RM",TITLE_MODE:"TM",UNDERSCORE_TITLE_MODE:"UTM",COMMENT:"C",beginRe:"bR",endRe:"eR",illegalRe:"iR",lexemesRe:"lR",terminators:"t",terminator_end:"tE"},C="</span>",m="Could not find the language '{}', did you forget to load/include a language module?",O={classPrefix:"hljs-",tabReplace:null,useBR:!1,languages:void 0},c="of and for in not or if then".split(" ");function B(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function d(e){return e.nodeName.toLowerCase()}function R(e){return n.test(e)}function i(e){var n,t={},r=Array.prototype.slice.call(arguments,1);for(n in e)t[n]=e[n];return r.forEach(function(e){for(n in e)t[n]=e[n]}),t}function p(e){var a=[];return function e(n,t){for(var r=n.firstChild;r;r=r.nextSibling)3===r.nodeType?t+=r.nodeValue.length:1===r.nodeType&&(a.push({event:"start",offset:t,node:r}),t=e(r,t),d(r).match(/br|hr|img|input/)||a.push({event:"stop",offset:t,node:r}));return t}(e,0),a}function v(e,n,t){var r=0,a="",i=[];function o(){return e.length&&n.length?e[0].offset!==n[0].offset?e[0].offset<n[0].offset?e:n:"start"===n[0].event?e:n:e.length?e:n}function c(e){a+="<"+d(e)+f.map.call(e.attributes,function(e){return" "+e.nodeName+'="'+B(e.value).replace(/"/g,"&quot;")+'"'}).join("")+">"}function l(e){a+="</"+d(e)+">"}function u(e){("start"===e.event?c:l)(e.node)}for(;e.length||n.length;){var s=o();if(a+=B(t.substring(r,s[0].offset)),r=s[0].offset,s===e){for(i.reverse().forEach(l);u(s.splice(0,1)[0]),(s=o())===e&&s.length&&s[0].offset===r;);i.reverse().forEach(c)}else"start"===s[0].event?i.push(s[0].node):i.pop(),u(s.splice(0,1)[0])}return a+B(t.substr(r))}function l(n){return n.v&&!n.cached_variants&&(n.cached_variants=n.v.map(function(e){return i(n,{v:null},e)})),n.cached_variants?n.cached_variants:function e(n){return!!n&&(n.eW||e(n.starts))}(n)?[i(n,{starts:n.starts?i(n.starts):null})]:Object.isFrozen(n)?[i(n)]:[n]}function u(e){if(r&&!e.langApiRestored){for(var n in e.langApiRestored=!0,r)e[n]&&(e[r[n]]=e[n]);(e.c||[]).concat(e.v||[]).forEach(u)}}function M(n,t){var i={};return"string"==typeof n?r("keyword",n):o(n).forEach(function(e){r(e,n[e])}),i;function r(a,e){t&&(e=e.toLowerCase()),e.split(" ").forEach(function(e){var n,t,r=e.split("|");i[r[0]]=[a,(n=r[0],(t=r[1])?Number(t):function(e){return-1!=c.indexOf(e.toLowerCase())}(n)?0:1)]})}}function x(r){function s(e){return e&&e.source||e}function f(e,n){return new RegExp(s(e),"m"+(r.cI?"i":"")+(n?"g":""))}function a(a){var i,e,o={},c=[],l={},t=1;function n(e,n){o[t]=e,c.push([e,n]),t+=new RegExp(n.toString()+"|").exec("").length-1+1}for(var r=0;r<a.c.length;r++){n(e=a.c[r],e.bK?"\\.?(?:"+e.b+")\\.?":e.b)}a.tE&&n("end",a.tE),a.i&&n("illegal",a.i);var u=c.map(function(e){return e[1]});return i=f(function(e,n){for(var t=/\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./,r=0,a="",i=0;i<e.length;i++){var o=r+=1,c=s(e[i]);for(0<i&&(a+=n),a+="(";0<c.length;){var l=t.exec(c);if(null==l){a+=c;break}a+=c.substring(0,l.index),c=c.substring(l.index+l[0].length),"\\"==l[0][0]&&l[1]?a+="\\"+String(Number(l[1])+o):(a+=l[0],"("==l[0]&&r++)}a+=")"}return a}(u,"|"),!0),l.lastIndex=0,l.exec=function(e){var n;if(0===c.length)return null;i.lastIndex=l.lastIndex;var t=i.exec(e);if(!t)return null;for(var r=0;r<t.length;r++)if(null!=t[r]&&null!=o[""+r]){n=o[""+r];break}return"string"==typeof n?(t.type=n,t.extra=[a.i,a.tE]):(t.type="begin",t.rule=n),t},l}if(r.c&&-1!=r.c.indexOf("self")){if(!_)throw new Error("ERR: contains `self` is not supported at the top-level of a language.  See documentation.");r.c=r.c.filter(function(e){return"self"!=e})}!function n(t,e){t.compiled||(t.compiled=!0,t.k=t.k||t.bK,t.k&&(t.k=M(t.k,r.cI)),t.lR=f(t.l||/\w+/,!0),e&&(t.bK&&(t.b="\\b("+t.bK.split(" ").join("|")+")\\b"),t.b||(t.b=/\B|\b/),t.bR=f(t.b),t.endSameAsBegin&&(t.e=t.b),t.e||t.eW||(t.e=/\B|\b/),t.e&&(t.eR=f(t.e)),t.tE=s(t.e)||"",t.eW&&e.tE&&(t.tE+=(t.e?"|":"")+e.tE)),t.i&&(t.iR=f(t.i)),null==t.relevance&&(t.relevance=1),t.c||(t.c=[]),t.c=Array.prototype.concat.apply([],t.c.map(function(e){return l("self"===e?t:e)})),t.c.forEach(function(e){n(e,t)}),t.starts&&n(t.starts,e),t.t=a(t))}(r)}function S(n,i,a,e){function c(e,n,t,r){if(!t&&""===n)return"";if(!e)return n;var a='<span class="'+(r?"":O.classPrefix);return(a+=e+'">')+n+(t?"":C)}function o(){R+=null!=E.sL?function(){var e="string"==typeof E.sL;if(e&&!N[E.sL])return B(p);var n=e?S(E.sL,p,!0,d[E.sL]):T(p,E.sL.length?E.sL:void 0);return 0<E.relevance&&(v+=n.relevance),e&&(d[E.sL]=n.top),c(n.language,n.value,!1,!0)}():function(){var e,n,t,r,a,i,o;if(!E.k)return B(p);for(r="",n=0,E.lR.lastIndex=0,t=E.lR.exec(p);t;)r+=B(p.substring(n,t.index)),a=E,i=t,o=g.cI?i[0].toLowerCase():i[0],(e=a.k.hasOwnProperty(o)&&a.k[o])?(v+=e[1],r+=c(e[0],B(t[0]))):r+=B(t[0]),n=E.lR.lastIndex,t=E.lR.exec(p);return r+B(p.substr(n))}(),p=""}function l(e){R+=e.cN?c(e.cN,"",!0):"",E=Object.create(e,{parent:{value:E}})}function u(e){var n=e[0],t=e.rule;return t&&t.endSameAsBegin&&(t.eR=new RegExp(n.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),"m")),t.skip?p+=n:(t.eB&&(p+=n),o(),t.rB||t.eB||(p=n)),l(t),t.rB?0:n.length}function s(e){var n=e[0],t=i.substr(e.index),r=function e(n,t){if(r=n.eR,a=t,(i=r&&r.exec(a))&&0===i.index){for(;n.endsParent&&n.parent;)n=n.parent;return n}var r,a,i;if(n.eW)return e(n.parent,t)}(E,t);if(r){var a=E;for(a.skip?p+=n:(a.rE||a.eE||(p+=n),o(),a.eE&&(p=n));E.cN&&(R+=C),E.skip||E.sL||(v+=E.relevance),(E=E.parent)!==r.parent;);return r.starts&&(r.endSameAsBegin&&(r.starts.eR=r.eR),l(r.starts)),a.rE?0:n.length}}var f={};function t(e,n){var t=n&&n[0];if(p+=e,null==t)return o(),0;if("begin"==f.type&&"end"==n.type&&f.index==n.index&&""===t)return p+=i.slice(n.index,n.index+1),1;if("begin"===(f=n).type)return u(n);if("illegal"===n.type&&!a)throw new Error('Illegal lexeme "'+t+'" for mode "'+(E.cN||"<unnamed>")+'"');if("end"===n.type){var r=s(n);if(null!=r)return r}return p+=t,t.length}var g=D(n);if(!g)throw console.error(m.replace("{}",n)),new Error('Unknown language: "'+n+'"');x(g);var r,E=e||g,d={},R="";for(r=E;r!==g;r=r.parent)r.cN&&(R=c(r.cN,"",!0)+R);var p="",v=0;try{for(var M,b,h=0;E.t.lastIndex=h,M=E.t.exec(i);)b=t(i.substring(h,M.index),M),h=M.index+b;for(t(i.substr(h)),r=E;r.parent;r=r.parent)r.cN&&(R+=C);return{relevance:v,value:R,i:!1,language:n,top:E}}catch(e){if(e.message&&-1!==e.message.indexOf("Illegal"))return{i:!0,relevance:0,value:B(i)};if(_)return{relevance:0,value:B(i),language:n,top:E,errorRaised:e};throw e}}function T(t,e){e=e||O.languages||o(N);var r={relevance:0,value:B(t)},a=r;return e.filter(D).filter(L).forEach(function(e){var n=S(e,t,!1);n.language=e,n.relevance>a.relevance&&(a=n),n.relevance>r.relevance&&(a=r,r=n)}),a.language&&(r.second_best=a),r}function b(e){return O.tabReplace||O.useBR?e.replace(t,function(e,n){return O.useBR&&"\n"===e?"<br>":O.tabReplace?n.replace(/\t/g,O.tabReplace):""}):e}function s(e){var n,t,r,a,i,o,c,l,u,s,f=function(e){var n,t,r,a,i=e.className+" ";if(i+=e.parentNode?e.parentNode.className:"",t=E.exec(i)){var o=D(t[1]);return o||(console.warn(m.replace("{}",t[1])),console.warn("Falling back to no-highlight mode for this block.",e)),o?t[1]:"no-highlight"}for(n=0,r=(i=i.split(/\s+/)).length;n<r;n++)if(R(a=i[n])||D(a))return a}(e);R(f)||(O.useBR?(n=document.createElement("div")).innerHTML=e.innerHTML.replace(/\n/g,"").replace(/<br[ \/]*>/g,"\n"):n=e,i=n.textContent,r=f?S(f,i,!0):T(i),(t=p(n)).length&&((a=document.createElement("div")).innerHTML=r.value,r.value=v(t,p(a),i)),r.value=b(r.value),e.innerHTML=r.value,e.className=(o=e.className,c=f,l=r.language,u=c?g[c]:l,s=[o.trim()],o.match(/\bhljs\b/)||s.push("hljs"),-1===o.indexOf(u)&&s.push(u),s.join(" ").trim()),e.result={language:r.language,re:r.relevance},r.second_best&&(e.second_best={language:r.second_best.language,re:r.second_best.relevance}))}function h(){if(!h.called){h.called=!0;var e=document.querySelectorAll("pre code");f.forEach.call(e,s)}}var w={disableAutodetect:!0};function D(e){return e=(e||"").toLowerCase(),N[e]||N[g[e]]}function L(e){var n=D(e);return n&&!n.disableAutodetect}return a.highlight=S,a.highlightAuto=T,a.fixMarkup=b,a.highlightBlock=s,a.configure=function(e){O=i(O,e)},a.initHighlighting=h,a.initHighlightingOnLoad=function(){window.addEventListener("DOMContentLoaded",h,!1),window.addEventListener("load",h,!1)},a.registerLanguage=function(n,e){var t;try{t=e(a)}catch(e){if(console.error("Language definition for '{}' could not be registered.".replace("{}",n)),!_)throw e;console.error(e),t=w}u(N[n]=t),t.rawDefinition=e.bind(null,a),t.aliases&&t.aliases.forEach(function(e){g[e]=n})},a.listLanguages=function(){return o(N)},a.getLanguage=D,a.requireLanguage=function(e){var n=D(e);if(n)return n;throw new Error("The '{}' language is required, but not loaded.".replace("{}",e))},a.autoDetection=L,a.inherit=i,a.debugMode=function(){_=!1},a.IR=a.IDENT_RE="[a-zA-Z]\\w*",a.UIR=a.UNDERSCORE_IDENT_RE="[a-zA-Z_]\\w*",a.NR=a.NUMBER_RE="\\b\\d+(\\.\\d+)?",a.CNR=a.C_NUMBER_RE="(-?)(\\b0[xX][a-fA-F0-9]+|(\\b\\d+(\\.\\d*)?|\\.\\d+)([eE][-+]?\\d+)?)",a.BNR=a.BINARY_NUMBER_RE="\\b(0b[01]+)",a.RSR=a.RE_STARTERS_RE="!|!=|!==|%|%=|&|&&|&=|\\*|\\*=|\\+|\\+=|,|-|-=|/=|/|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\?|\\[|\\{|\\(|\\^|\\^=|\\||\\|=|\\|\\||~",a.BE=a.BACKSLASH_ESCAPE={b:"\\\\[\\s\\S]",relevance:0},a.ASM=a.APOS_STRING_MODE={cN:"string",b:"'",e:"'",i:"\\n",c:[a.BE]},a.QSM=a.QUOTE_STRING_MODE={cN:"string",b:'"',e:'"',i:"\\n",c:[a.BE]},a.PWM=a.PHRASAL_WORDS_MODE={b:/\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/},a.C=a.COMMENT=function(e,n,t){var r=a.inherit({cN:"comment",b:e,e:n,c:[]},t||{});return r.c.push(a.PWM),r.c.push({cN:"doctag",b:"(?:TODO|FIXME|NOTE|BUG|XXX):",relevance:0}),r},a.CLCM=a.C_LINE_COMMENT_MODE=a.C("//","$"),a.CBCM=a.C_BLOCK_COMMENT_MODE=a.C("/\\*","\\*/"),a.HCM=a.HASH_COMMENT_MODE=a.C("#","$"),a.NM=a.NUMBER_MODE={cN:"number",b:a.NR,relevance:0},a.CNM=a.C_NUMBER_MODE={cN:"number",b:a.CNR,relevance:0},a.BNM=a.BINARY_NUMBER_MODE={cN:"number",b:a.BNR,relevance:0},a.CSSNM=a.CSS_NUMBER_MODE={cN:"number",b:a.NR+"(%|em|ex|ch|rem|vw|vh|vmin|vmax|cm|mm|in|pt|pc|px|deg|grad|rad|turn|s|ms|Hz|kHz|dpi|dpcm|dppx)?",relevance:0},a.RM=a.REGEXP_MODE={cN:"regexp",b:/\//,e:/\/[gimuy]*/,i:/\n/,c:[a.BE,{b:/\[/,e:/\]/,relevance:0,c:[a.BE]}]},a.TM=a.TITLE_MODE={cN:"title",b:a.IR,relevance:0},a.UTM=a.UNDERSCORE_TITLE_MODE={cN:"title",b:a.UIR,relevance:0},a.METHOD_GUARD={b:"\\.\\s*"+a.UIR,relevance:0},[a.BE,a.ASM,a.QSM,a.PWM,a.C,a.CLCM,a.CBCM,a.HCM,a.NM,a.CNM,a.BNM,a.CSSNM,a.RM,a.TM,a.UTM,a.METHOD_GUARD].forEach(function(e){!function n(t){Object.freeze(t);var r="function"==typeof t;Object.getOwnPropertyNames(t).forEach(function(e){!t.hasOwnProperty(e)||null===t[e]||"object"!=typeof t[e]&&"function"!=typeof t[e]||r&&("caller"===e||"callee"===e||"arguments"===e)||Object.isFrozen(t[e])||n(t[e])});return t}(e)}),a});hljs.registerLanguage("scss",function(e){var t="@[a-z-]+",r={cN:"variable",b:"(\\$[a-zA-Z-][a-zA-Z0-9_-]*)\\b"},i={cN:"number",b:"#[0-9A-Fa-f]+"};e.CSSNM,e.QSM,e.ASM,e.CBCM;return{cI:!0,i:"[=/|']",c:[e.CLCM,e.CBCM,{cN:"selector-id",b:"\\#[A-Za-z0-9_-]+",relevance:0},{cN:"selector-class",b:"\\.[A-Za-z0-9_-]+",relevance:0},{cN:"selector-attr",b:"\\[",e:"\\]",i:"$"},{cN:"selector-tag",b:"\\b(a|abbr|acronym|address|area|article|aside|audio|b|base|big|blockquote|body|br|button|canvas|caption|cite|code|col|colgroup|command|datalist|dd|del|details|dfn|div|dl|dt|em|embed|fieldset|figcaption|figure|footer|form|frame|frameset|(h[1-6])|head|header|hgroup|hr|html|i|iframe|img|input|ins|kbd|keygen|label|legend|li|link|map|mark|meta|meter|nav|noframes|noscript|object|ol|optgroup|option|output|p|param|pre|progress|q|rp|rt|ruby|samp|script|section|select|small|span|strike|strong|style|sub|sup|table|tbody|td|textarea|tfoot|th|thead|time|title|tr|tt|ul|var|video)\\b",relevance:0},{cN:"selector-pseudo",b:":(visited|valid|root|right|required|read-write|read-only|out-range|optional|only-of-type|only-child|nth-of-type|nth-last-of-type|nth-last-child|nth-child|not|link|left|last-of-type|last-child|lang|invalid|indeterminate|in-range|hover|focus|first-of-type|first-line|first-letter|first-child|first|enabled|empty|disabled|default|checked|before|after|active)"},{cN:"selector-pseudo",b:"::(after|before|choices|first-letter|first-line|repeat-index|repeat-item|selection|value)"},r,{cN:"attribute",b:"\\b(src|z-index|word-wrap|word-spacing|word-break|width|widows|white-space|visibility|vertical-align|unicode-bidi|transition-timing-function|transition-property|transition-duration|transition-delay|transition|transform-style|transform-origin|transform|top|text-underline-position|text-transform|text-shadow|text-rendering|text-overflow|text-indent|text-decoration-style|text-decoration-line|text-decoration-color|text-decoration|text-align-last|text-align|tab-size|table-layout|right|resize|quotes|position|pointer-events|perspective-origin|perspective|page-break-inside|page-break-before|page-break-after|padding-top|padding-right|padding-left|padding-bottom|padding|overflow-y|overflow-x|overflow-wrap|overflow|outline-width|outline-style|outline-offset|outline-color|outline|orphans|order|opacity|object-position|object-fit|normal|none|nav-up|nav-right|nav-left|nav-index|nav-down|min-width|min-height|max-width|max-height|mask|marks|margin-top|margin-right|margin-left|margin-bottom|margin|list-style-type|list-style-position|list-style-image|list-style|line-height|letter-spacing|left|justify-content|initial|inherit|ime-mode|image-orientation|image-resolution|image-rendering|icon|hyphens|height|font-weight|font-variant-ligatures|font-variant|font-style|font-stretch|font-size-adjust|font-size|font-language-override|font-kerning|font-feature-settings|font-family|font|float|flex-wrap|flex-shrink|flex-grow|flex-flow|flex-direction|flex-basis|flex|filter|empty-cells|display|direction|cursor|counter-reset|counter-increment|content|column-width|column-span|column-rule-width|column-rule-style|column-rule-color|column-rule|column-gap|column-fill|column-count|columns|color|clip-path|clip|clear|caption-side|break-inside|break-before|break-after|box-sizing|box-shadow|box-decoration-break|bottom|border-width|border-top-width|border-top-style|border-top-right-radius|border-top-left-radius|border-top-color|border-top|border-style|border-spacing|border-right-width|border-right-style|border-right-color|border-right|border-radius|border-left-width|border-left-style|border-left-color|border-left|border-image-width|border-image-source|border-image-slice|border-image-repeat|border-image-outset|border-image|border-color|border-collapse|border-bottom-width|border-bottom-style|border-bottom-right-radius|border-bottom-left-radius|border-bottom-color|border-bottom|border|background-size|background-repeat|background-position|background-origin|background-image|background-color|background-clip|background-attachment|background-blend-mode|background|backface-visibility|auto|animation-timing-function|animation-play-state|animation-name|animation-iteration-count|animation-fill-mode|animation-duration|animation-direction|animation-delay|animation|align-self|align-items|align-content)\\b",i:"[^\\s]"},{b:"\\b(whitespace|wait|w-resize|visible|vertical-text|vertical-ideographic|uppercase|upper-roman|upper-alpha|underline|transparent|top|thin|thick|text|text-top|text-bottom|tb-rl|table-header-group|table-footer-group|sw-resize|super|strict|static|square|solid|small-caps|separate|se-resize|scroll|s-resize|rtl|row-resize|ridge|right|repeat|repeat-y|repeat-x|relative|progress|pointer|overline|outside|outset|oblique|nowrap|not-allowed|normal|none|nw-resize|no-repeat|no-drop|newspaper|ne-resize|n-resize|move|middle|medium|ltr|lr-tb|lowercase|lower-roman|lower-alpha|loose|list-item|line|line-through|line-edge|lighter|left|keep-all|justify|italic|inter-word|inter-ideograph|inside|inset|inline|inline-block|inherit|inactive|ideograph-space|ideograph-parenthesis|ideograph-numeric|ideograph-alpha|horizontal|hidden|help|hand|groove|fixed|ellipsis|e-resize|double|dotted|distribute|distribute-space|distribute-letter|distribute-all-lines|disc|disabled|default|decimal|dashed|crosshair|collapse|col-resize|circle|char|center|capitalize|break-word|break-all|bottom|both|bolder|bold|block|bidi-override|below|baseline|auto|always|all-scroll|absolute|table|table-cell)\\b"},{b:":",e:";",c:[r,i,e.CSSNM,e.QSM,e.ASM,{cN:"meta",b:"!important"}]},{b:"@(page|font-face)",l:t,k:"@page @font-face"},{b:"@",e:"[{;]",rB:!0,k:"and or not only",c:[{b:t,cN:"keyword"},r,e.QSM,e.ASM,i,e.CSSNM]}]}});hljs.registerLanguage("scala",function(e){var t={cN:"subst",v:[{b:"\\$[A-Za-z0-9_]+"},{b:"\\${",e:"}"}]},a={cN:"string",v:[{b:'"',e:'"',i:"\\n",c:[e.BE]},{b:'"""',e:'"""',relevance:10},{b:'[a-z]+"',e:'"',i:"\\n",c:[e.BE,t]},{cN:"string",b:'[a-z]+"""',e:'"""',c:[t],relevance:10}]},c={cN:"type",b:"\\b[A-Z][A-Za-z0-9_]*",relevance:0},r={cN:"title",b:/[^0-9\n\t "'(),.`{}\[\]:;][^\n\t "'(),.`{}\[\]:;]+|[^0-9\n\t "'(),.`{}\[\]:;=]/,relevance:0},n={cN:"class",bK:"class object trait type",e:/[:={\[\n;]/,eE:!0,c:[{bK:"extends with",relevance:10},{b:/\[/,e:/\]/,eB:!0,eE:!0,relevance:0,c:[c]},{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,relevance:0,c:[c]},r]},l={cN:"function",bK:"def",e:/[:={\[(\n;]/,eE:!0,c:[r]};return{k:{literal:"true false null",keyword:"type yield lazy override def with val var sealed abstract private trait object if forSome for while throw finally protected extends import final return else break new catch super class case package default try this match continue throws implicit"},c:[e.CLCM,e.CBCM,a,{cN:"symbol",b:"'\\w[\\w\\d_]*(?!')"},c,l,n,e.CNM,{cN:"meta",b:"@[A-Za-z]+"}]}});hljs.registerLanguage("cpp",function(e){var t={cN:"keyword",b:"\\b[a-z\\d_]*_t\\b"},r={cN:"string",v:[{b:'(u8?|U|L)?"',e:'"',i:"\\n",c:[e.BE]},{b:"(u8?|U|L)?'(\\\\(x[0-9A-Fa-f]{2}|u[0-9A-Fa-f]{4,8}|[0-7]{3}|\\S)|.)",e:"'",i:"."},{b:/(?:u8?|U|L)?R"([^()\\ ]{0,16})\((?:.|\n)*?\)\1"/}]},a={cN:"number",v:[{b:"\\b(0b[01']+)"},{b:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{b:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},i={cN:"meta",b:/#\s*[a-z]+\b/,e:/$/,k:{"meta-keyword":"if else elif endif define undef warning error line pragma _Pragma ifdef ifndef include"},c:[{b:/\\\n/,relevance:0},e.inherit(r,{cN:"meta-string"}),{cN:"meta-string",b:/<.*?>/,e:/$/,i:"\\n"},e.CLCM,e.CBCM]},s=e.IR+"\\s*\\(",c={keyword:"int float while private char char8_t char16_t char32_t catch import module export virtual operator sizeof dynamic_cast|10 typedef const_cast|10 const for static_cast|10 union namespace unsigned long volatile static protected bool template mutable if public friend do goto auto void enum else break extern using asm case typeid wchar_tshort reinterpret_cast|10 default double register explicit signed typename try this switch continue inline delete alignas alignof constexpr consteval constinit decltype concept co_await co_return co_yield requires noexcept static_assert thread_local restrict final override atomic_bool atomic_char atomic_schar atomic_uchar atomic_short atomic_ushort atomic_int atomic_uint atomic_long atomic_ulong atomic_llong atomic_ullong new throw return and and_eq bitand bitor compl not not_eq or or_eq xor xor_eq",built_in:"std string wstring cin cout cerr clog stdin stdout stderr stringstream istringstream ostringstream auto_ptr deque list queue stack vector map set bitset multiset multimap unordered_set unordered_map unordered_multiset unordered_multimap array shared_ptr abort terminate abs acos asin atan2 atan calloc ceil cosh cos exit exp fabs floor fmod fprintf fputs free frexp fscanf future isalnum isalpha iscntrl isdigit isgraph islower isprint ispunct isspace isupper isxdigit tolower toupper labs ldexp log10 log malloc realloc memchr memcmp memcpy memset modf pow printf putchar puts scanf sinh sin snprintf sprintf sqrt sscanf strcat strchr strcmp strcpy strcspn strlen strncat strncmp strncpy strpbrk strrchr strspn strstr tanh tan vfprintf vprintf vsprintf endl initializer_list unique_ptr _Bool complex _Complex imaginary _Imaginary",literal:"true false nullptr NULL"},n=[t,e.CLCM,e.CBCM,a,r];return{aliases:["c","cc","h","c++","h++","hpp","hh","hxx","cxx"],k:c,i:"</",c:n.concat([i,{b:"\\b(deque|list|queue|stack|vector|map|set|bitset|multiset|multimap|unordered_map|unordered_set|unordered_multiset|unordered_multimap|array)\\s*<",e:">",k:c,c:["self",t]},{b:e.IR+"::",k:c},{v:[{b:/=/,e:/;/},{b:/\(/,e:/\)/},{bK:"new throw return else",e:/;/}],k:c,c:n.concat([{b:/\(/,e:/\)/,k:c,c:n.concat(["self"]),relevance:0}]),relevance:0},{cN:"function",b:"("+e.IR+"[\\*&\\s]+)+"+s,rB:!0,e:/[{;=]/,eE:!0,k:c,i:/[^\w\s\*&]/,c:[{b:s,rB:!0,c:[e.TM],relevance:0},{cN:"params",b:/\(/,e:/\)/,k:c,relevance:0,c:[e.CLCM,e.CBCM,r,a,t,{b:/\(/,e:/\)/,k:c,relevance:0,c:["self",e.CLCM,e.CBCM,r,a,t]}]},e.CLCM,e.CBCM,i]},{cN:"class",bK:"class struct",e:/[{;:]/,c:[{b:/</,e:/>/,c:["self"]},e.TM]}]),exports:{preprocessor:i,strings:r,k:c}}});hljs.registerLanguage("json",function(e){var i={literal:"true false null"},n=[e.CLCM,e.CBCM],c=[e.QSM,e.CNM],r={e:",",eW:!0,eE:!0,c:c,k:i},t={b:"{",e:"}",c:[{cN:"attr",b:/"/,e:/"/,c:[e.BE],i:"\\n"},e.inherit(r,{b:/:/})].concat(n),i:"\\S"},a={b:"\\[",e:"\\]",c:[e.inherit(r)],i:"\\S"};return c.push(t,a),n.forEach(function(e){c.push(e)}),{c:c,k:i,i:"\\S"}});hljs.registerLanguage("nginx",function(e){var r={cN:"variable",v:[{b:/\$\d+/},{b:/\$\{/,e:/}/},{b:"[\\$\\@]"+e.UIR}]},b={eW:!0,l:"[a-z/_]+",k:{literal:"on off yes no true false none blocked debug info notice warn error crit select break last permanent redirect kqueue rtsig epoll poll /dev/poll"},relevance:0,i:"=>",c:[e.HCM,{cN:"string",c:[e.BE,r],v:[{b:/"/,e:/"/},{b:/'/,e:/'/}]},{b:"([a-z]+):/",e:"\\s",eW:!0,eE:!0,c:[r]},{cN:"regexp",c:[e.BE,r],v:[{b:"\\s\\^",e:"\\s|{|;",rE:!0},{b:"~\\*?\\s+",e:"\\s|{|;",rE:!0},{b:"\\*(\\.[a-z\\-]+)+"},{b:"([a-z\\-]+\\.)+\\*"}]},{cN:"number",b:"\\b\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}\\.\\d{1,3}(:\\d{1,5})?\\b"},{cN:"number",b:"\\b\\d+[kKmMgGdshdwy]*\\b",relevance:0},r]};return{aliases:["nginxconf"],c:[e.HCM,{b:e.UIR+"\\s+{",rB:!0,e:"{",c:[{cN:"section",b:e.UIR}],relevance:0},{b:e.UIR+"\\s",e:";|{",rB:!0,c:[{cN:"attribute",b:e.UIR,starts:b}],relevance:0}],i:"[^\\s\\}]"}});hljs.registerLanguage("perl",function(e){var t="getpwent getservent quotemeta msgrcv scalar kill dbmclose undef lc ma syswrite tr send umask sysopen shmwrite vec qx utime local oct semctl localtime readpipe do return format read sprintf dbmopen pop getpgrp not getpwnam rewinddir qqfileno qw endprotoent wait sethostent bless s|0 opendir continue each sleep endgrent shutdown dump chomp connect getsockname die socketpair close flock exists index shmgetsub for endpwent redo lstat msgctl setpgrp abs exit select print ref gethostbyaddr unshift fcntl syscall goto getnetbyaddr join gmtime symlink semget splice x|0 getpeername recv log setsockopt cos last reverse gethostbyname getgrnam study formline endhostent times chop length gethostent getnetent pack getprotoent getservbyname rand mkdir pos chmod y|0 substr endnetent printf next open msgsnd readdir use unlink getsockopt getpriority rindex wantarray hex system getservbyport endservent int chr untie rmdir prototype tell listen fork shmread ucfirst setprotoent else sysseek link getgrgid shmctl waitpid unpack getnetbyname reset chdir grep split require caller lcfirst until warn while values shift telldir getpwuid my getprotobynumber delete and sort uc defined srand accept package seekdir getprotobyname semop our rename seek if q|0 chroot sysread setpwent no crypt getc chown sqrt write setnetent setpriority foreach tie sin msgget map stat getlogin unless elsif truncate exec keys glob tied closedirioctl socket readlink eval xor readline binmode setservent eof ord bind alarm pipe atan2 getgrent exp time push setgrent gt lt or ne m|0 break given say state when",r={cN:"subst",b:"[$@]\\{",e:"\\}",k:t},s={b:"->{",e:"}"},n={v:[{b:/\$\d/},{b:/[\$%@](\^\w\b|#\w+(::\w+)*|{\w+}|\w+(::\w*)*)/},{b:/[\$%@][^\s\w{]/,relevance:0}]},c=[e.BE,r,n],a=[n,e.HCM,e.C("^\\=\\w","\\=cut",{eW:!0}),s,{cN:"string",c:c,v:[{b:"q[qwxr]?\\s*\\(",e:"\\)",relevance:5},{b:"q[qwxr]?\\s*\\[",e:"\\]",relevance:5},{b:"q[qwxr]?\\s*\\{",e:"\\}",relevance:5},{b:"q[qwxr]?\\s*\\|",e:"\\|",relevance:5},{b:"q[qwxr]?\\s*\\<",e:"\\>",relevance:5},{b:"qw\\s+q",e:"q",relevance:5},{b:"'",e:"'",c:[e.BE]},{b:'"',e:'"'},{b:"`",e:"`",c:[e.BE]},{b:"{\\w+}",c:[],relevance:0},{b:"-?\\w+\\s*\\=\\>",c:[],relevance:0}]},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},{b:"(\\/\\/|"+e.RSR+"|\\b(split|return|print|reverse|grep)\\b)\\s*",k:"split return print reverse grep",relevance:0,c:[e.HCM,{cN:"regexp",b:"(s|tr|y)/(\\\\.|[^/])*/(\\\\.|[^/])*/[a-z]*",relevance:10},{cN:"regexp",b:"(m|qr)?/",e:"/[a-z]*",c:[e.BE],relevance:0}]},{cN:"function",bK:"sub",e:"(\\s*\\(.*?\\))?[;{]",eE:!0,relevance:5,c:[e.TM]},{b:"-\\w\\b",relevance:0},{b:"^__DATA__$",e:"^__END__$",sL:"mojolicious",c:[{b:"^@@.*",e:"$",cN:"comment"}]}];return r.c=a,{aliases:["pl","pm"],l:/[\w\.]+/,k:t,c:s.c=a}});hljs.registerLanguage("ini",function(e){var b={cN:"string",c:[e.BE],v:[{b:"'''",e:"'''",relevance:10},{b:'"""',e:'"""',relevance:10},{b:'"',e:'"'},{b:"'",e:"'"}]};return{aliases:["toml"],cI:!0,i:/\S/,c:[e.C(";","$"),e.HCM,{cN:"section",b:/^\s*\[+/,e:/\]+/},{b:/^[a-z0-9\[\]_\.-]+\s*=\s*/,e:"$",rB:!0,c:[{cN:"attr",b:/[a-z0-9\[\]_\.-]+/},{b:/=/,eW:!0,relevance:0,c:[e.C(";","$"),e.HCM,{cN:"literal",b:/\bon|off|true|false|yes|no\b/},{cN:"variable",v:[{b:/\$[\w\d"][\w\d_]*/},{b:/\$\{(.*?)}/}]},b,{cN:"number",b:/([\+\-]+)?[\d]+_[\d_]+/},e.NM]}]}]}});hljs.registerLanguage("coffeescript",function(e){var c={keyword:"in if for while finally new do return else break catch instanceof throw try this switch continue typeof delete debugger super yield import export from as default await then unless until loop of by when and or is isnt not",literal:"true false null undefined yes no on off",built_in:"npm require console print module global window document"},n="[A-Za-z$_][0-9A-Za-z$_]*",r={cN:"subst",b:/#\{/,e:/}/,k:c},i=[e.BNM,e.inherit(e.CNM,{starts:{e:"(\\s*/)?",relevance:0}}),{cN:"string",v:[{b:/'''/,e:/'''/,c:[e.BE]},{b:/'/,e:/'/,c:[e.BE]},{b:/"""/,e:/"""/,c:[e.BE,r]},{b:/"/,e:/"/,c:[e.BE,r]}]},{cN:"regexp",v:[{b:"///",e:"///",c:[r,e.HCM]},{b:"//[gim]*",relevance:0},{b:/\/(?![ *])(\\\/|.)*?\/[gim]*(?=\W)/}]},{b:"@"+n},{sL:"javascript",eB:!0,eE:!0,v:[{b:"```",e:"```"},{b:"`",e:"`"}]}];r.c=i;var s=e.inherit(e.TM,{b:n}),t="(\\(.*\\))?\\s*\\B[-=]>",a={cN:"params",b:"\\([^\\(]",rB:!0,c:[{b:/\(/,e:/\)/,k:c,c:["self"].concat(i)}]};return{aliases:["coffee","cson","iced"],k:c,i:/\/\*/,c:i.concat([e.C("###","###"),e.HCM,{cN:"function",b:"^\\s*"+n+"\\s*=\\s*"+t,e:"[-=]>",rB:!0,c:[s,a]},{b:/[:\(,=]\s*/,relevance:0,c:[{cN:"function",b:t,e:"[-=]>",rB:!0,c:[a]}]},{cN:"class",bK:"class",e:"$",i:/[:="\[\]]/,c:[{bK:"extends",eW:!0,i:/[:="\[\]]/,c:[s]},s]},{b:n+":",e:":",rB:!0,rE:!0,relevance:0}])}});hljs.registerLanguage("apache",function(e){var r={cN:"number",b:"[\\$%]\\d+"};return{aliases:["apacheconf"],cI:!0,c:[e.HCM,{cN:"section",b:"</?",e:">"},{cN:"attribute",b:/\w+/,relevance:0,k:{nomarkup:"order deny allow setenv rewriterule rewriteengine rewritecond documentroot sethandler errordocument loadmodule options header listen serverroot servername"},starts:{e:/$/,relevance:0,k:{literal:"on off all"},c:[{cN:"meta",b:"\\s\\[",e:"\\]$"},{cN:"variable",b:"[\\$%]\\{",e:"\\}",c:["self",r]},r,e.QSM]}}],i:/\S/}});hljs.registerLanguage("typescript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",t={keyword:"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const class public private protected get set super static implements enum export import declare type namespace abstract as from extends async await",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document any number boolean string void Promise"},n={cN:"meta",b:"@"+r},a={b:"\\(",e:/\)/,k:t,c:["self",e.QSM,e.ASM,e.NM]},c={cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:[e.CLCM,e.CBCM,n,a]},s={cN:"number",v:[{b:"\\b(0[bB][01]+)n?"},{b:"\\b(0[oO][0-7]+)n?"},{b:e.CNR+"n?"}],relevance:0},o={cN:"subst",b:"\\$\\{",e:"\\}",k:t,c:[]},i={b:"html`",e:"",starts:{e:"`",rE:!1,c:[e.BE,o],sL:"xml"}},l={b:"css`",e:"",starts:{e:"`",rE:!1,c:[e.BE,o],sL:"css"}},b={cN:"string",b:"`",e:"`",c:[e.BE,o]};return o.c=[e.ASM,e.QSM,i,l,b,s,e.RM],{aliases:["ts"],k:t,c:[{cN:"meta",b:/^\s*['"]use strict['"]/},e.ASM,e.QSM,i,l,b,e.CLCM,e.CBCM,s,{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+e.IR+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:e.IR},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:t,c:["self",e.CLCM,e.CBCM]}]}]}],relevance:0},{cN:"function",bK:"function",e:/[\{;]/,eE:!0,k:t,c:["self",e.inherit(e.TM,{b:r}),c],i:/%/,relevance:0},{bK:"constructor",e:/[\{;]/,eE:!0,c:["self",c]},{b:/module\./,k:{built_in:"module"},relevance:0},{bK:"module",e:/\{/,eE:!0},{bK:"interface",e:/\{/,eE:!0,k:"interface extends"},{b:/\$[(.]/},{b:"\\."+e.IR,relevance:0},n,a]}});hljs.registerLanguage("php",function(e){var c={b:"\\$+[a-zA-Z_-ÿ][a-zA-Z0-9_-ÿ]*"},i={cN:"meta",b:/<\?(php)?|\?>/},t={cN:"string",c:[e.BE,i],v:[{b:'b"',e:'"'},{b:"b'",e:"'"},e.inherit(e.ASM,{i:null}),e.inherit(e.QSM,{i:null})]},a={v:[e.BNM,e.CNM]};return{aliases:["php","php3","php4","php5","php6","php7"],cI:!0,k:"and include_once list abstract global private echo interface as static endswitch array null if endwhile or const for endforeach self var while isset public protected exit foreach throw elseif include __FILE__ empty require_once do xor return parent clone use __CLASS__ __LINE__ else break print eval new catch __METHOD__ case exception default die require __FUNCTION__ enddeclare final try switch continue endfor endif declare unset true false trait goto instanceof insteadof __DIR__ __NAMESPACE__ yield finally",c:[e.HCM,e.C("//","$",{c:[i]}),e.C("/\\*","\\*/",{c:[{cN:"doctag",b:"@[A-Za-z]+"}]}),e.C("__halt_compiler.+?;",!1,{eW:!0,k:"__halt_compiler",l:e.UIR}),{cN:"string",b:/<<<['"]?\w+['"]?$/,e:/^\w+;?$/,c:[e.BE,{cN:"subst",v:[{b:/\$\w+/},{b:/\{\$/,e:/\}/}]}]},i,{cN:"keyword",b:/\$this\b/},c,{b:/(::|->)+[a-zA-Z_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/},{cN:"function",bK:"function",e:/[;{]/,eE:!0,i:"\\$|\\[|%",c:[e.UTM,{cN:"params",b:"\\(",e:"\\)",c:["self",c,e.CBCM,t,a]}]},{cN:"class",bK:"class interface",e:"{",eE:!0,i:/[:\(\$"]/,c:[{bK:"extends implements"},e.UTM]},{bK:"namespace",e:";",i:/[\.']/,c:[e.UTM]},{bK:"use",e:";",c:[e.UTM]},{b:"=>"},t,a]}});hljs.registerLanguage("diff",function(e){return{aliases:["patch"],c:[{cN:"meta",relevance:10,v:[{b:/^@@ +\-\d+,\d+ +\+\d+,\d+ +@@$/},{b:/^\*\*\* +\d+,\d+ +\*\*\*\*$/},{b:/^\-\-\- +\d+,\d+ +\-\-\-\-$/}]},{cN:"comment",v:[{b:/Index: /,e:/$/},{b:/={3,}/,e:/$/},{b:/^\-{3}/,e:/$/},{b:/^\*{3} /,e:/$/},{b:/^\+{3}/,e:/$/},{b:/^\*{15}$/}]},{cN:"addition",b:"^\\+",e:"$"},{cN:"deletion",b:"^\\-",e:"$"},{cN:"addition",b:"^\\!",e:"$"}]}});hljs.registerLanguage("bash",function(e){var t={cN:"variable",v:[{b:/\$[\w\d#@][\w\d_]*/},{b:/\$\{(.*?)}/}]},a={cN:"string",b:/"/,e:/"/,c:[e.BE,t,{cN:"variable",b:/\$\(/,e:/\)/,c:[e.BE]}]};return{aliases:["sh","zsh"],l:/\b-?[a-z\._]+\b/,k:{keyword:"if then else elif fi for while in do done case esac function",literal:"true false",built_in:"break cd continue eval exec exit export getopts hash pwd readonly return shift test times trap umask unset alias bind builtin caller command declare echo enable help let local logout mapfile printf read readarray source type typeset ulimit unalias set shopt autoload bg bindkey bye cap chdir clone comparguments compcall compctl compdescribe compfiles compgroups compquote comptags comptry compvalues dirs disable disown echotc echoti emulate fc fg float functions getcap getln history integer jobs kill limit log noglob popd print pushd pushln rehash sched setcap setopt stat suspend ttyctl unfunction unhash unlimit unsetopt vared wait whence where which zcompile zformat zftp zle zmodload zparseopts zprof zpty zregexparse zsocket zstyle ztcp",_:"-ne -eq -lt -gt -f -d -e -s -l -a"},c:[{cN:"meta",b:/^#![^\n]+sh\s*$/,relevance:10},{cN:"function",b:/\w[\w\d_]*\s*\(\s*\)\s*\{/,rB:!0,c:[e.inherit(e.TM,{b:/\w[\w\d_]*/})],relevance:0},e.HCM,a,{cN:"",b:/\\"/},{cN:"string",b:/'/,e:/'/},t]}});hljs.registerLanguage("less",function(e){function r(e){return{cN:"string",b:"~?"+e+".*?"+e}}function t(e,r,t){return{cN:e,b:r,relevance:t}}var a="[\\w-]+",c="("+a+"|@{"+a+"})",s=[],n=[],b={b:"\\(",e:"\\)",c:n,relevance:0};n.push(e.CLCM,e.CBCM,r("'"),r('"'),e.CSSNM,{b:"(url|data-uri)\\(",starts:{cN:"string",e:"[\\)\\n]",eE:!0}},t("number","#[0-9A-Fa-f]+\\b"),b,t("variable","@@?"+a,10),t("variable","@{"+a+"}"),t("built_in","~?`[^`]*?`"),{cN:"attribute",b:a+"\\s*:",e:":",rB:!0,eE:!0},{cN:"meta",b:"!important"});var i=n.concat({b:"{",e:"}",c:s}),l={bK:"when",eW:!0,c:[{bK:"and not"}].concat(n)},o={b:c+"\\s*:",rB:!0,e:"[;}]",relevance:0,c:[{cN:"attribute",b:c,e:":",eE:!0,starts:{eW:!0,i:"[<=$]",relevance:0,c:n}}]},u={cN:"keyword",b:"@(import|media|charset|font-face|(-[a-z]+-)?keyframes|supports|document|namespace|page|viewport|host)\\b",starts:{e:"[;{}]",rE:!0,c:n,relevance:0}},v={cN:"variable",v:[{b:"@"+a+"\\s*:",relevance:15},{b:"@"+a}],starts:{e:"[;}]",rE:!0,c:i}},C={v:[{b:"[\\.#:&\\[>]",e:"[;{}]"},{b:c,e:"{"}],rB:!0,rE:!0,i:"[<='$\"]",relevance:0,c:[e.CLCM,e.CBCM,l,t("keyword","all\\b"),t("variable","@{"+a+"}"),t("selector-tag",c+"%?",0),t("selector-id","#"+c),t("selector-class","\\."+c,0),t("selector-tag","&",0),{cN:"selector-attr",b:"\\[",e:"\\]"},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"\\(",e:"\\)",c:i},{b:"!important"}]};return s.push(e.CLCM,e.CBCM,u,v,o,C),{cI:!0,i:"[=>'/<($\"]",c:s}});hljs.registerLanguage("swift",function(e){var i={keyword:"#available #colorLiteral #column #else #elseif #endif #file #fileLiteral #function #if #imageLiteral #line #selector #sourceLocation _ __COLUMN__ __FILE__ __FUNCTION__ __LINE__ Any as as! as? associatedtype associativity break case catch class continue convenience default defer deinit didSet do dynamic dynamicType else enum extension fallthrough false fileprivate final for func get guard if import in indirect infix init inout internal is lazy left let mutating nil none nonmutating open operator optional override postfix precedence prefix private protocol Protocol public repeat required rethrows return right self Self set static struct subscript super switch throw throws true try try! try? Type typealias unowned var weak where while willSet",literal:"true false nil",built_in:"abs advance alignof alignofValue anyGenerator assert assertionFailure bridgeFromObjectiveC bridgeFromObjectiveCUnconditional bridgeToObjectiveC bridgeToObjectiveCUnconditional c contains count countElements countLeadingZeros debugPrint debugPrintln distance dropFirst dropLast dump encodeBitsAsWords enumerate equal fatalError filter find getBridgedObjectiveCType getVaList indices insertionSort isBridgedToObjectiveC isBridgedVerbatimToObjectiveC isUniquelyReferenced isUniquelyReferencedNonObjC join lazy lexicographicalCompare map max maxElement min minElement numericCast overlaps partition posix precondition preconditionFailure print println quickSort readLine reduce reflect reinterpretCast reverse roundUpToAlignment sizeof sizeofValue sort split startsWith stride strideof strideofValue swap toString transcode underestimateCount unsafeAddressOf unsafeBitCast unsafeDowncast unsafeUnwrap unsafeReflect withExtendedLifetime withObjectAtPlusZero withUnsafePointer withUnsafePointerToObject withUnsafeMutablePointer withUnsafeMutablePointers withUnsafePointer withUnsafePointers withVaList zip"},t=e.C("/\\*","\\*/",{c:["self"]}),n={cN:"subst",b:/\\\(/,e:"\\)",k:i,c:[]},r={cN:"string",c:[e.BE,n],v:[{b:/"""/,e:/"""/},{b:/"/,e:/"/}]},a={cN:"number",b:"\\b([\\d_]+(\\.[\\deE_]+)?|0x[a-fA-F0-9_]+(\\.[a-fA-F0-9p_]+)?|0b[01_]+|0o[0-7_]+)\\b",relevance:0};return n.c=[a],{k:i,c:[r,e.CLCM,t,{cN:"type",b:"\\b[A-Z][\\wÀ-ʸ']*[!?]"},{cN:"type",b:"\\b[A-Z][\\wÀ-ʸ']*",relevance:0},a,{cN:"function",bK:"func",e:"{",eE:!0,c:[e.inherit(e.TM,{b:/[A-Za-z$_][0-9A-Za-z$_]*/}),{b:/</,e:/>/},{cN:"params",b:/\(/,e:/\)/,endsParent:!0,k:i,c:["self",a,r,e.CBCM,{b:":"}],i:/["']/}],i:/\[|%/},{cN:"class",bK:"struct protocol class extension enum",k:i,e:"\\{",eE:!0,c:[e.inherit(e.TM,{b:/[A-Za-z$_][\u00C0-\u02B80-9A-Za-z$_]*/})]},{cN:"meta",b:"(@discardableResult|@warn_unused_result|@exported|@lazy|@noescape|@NSCopying|@NSManaged|@objc|@objcMembers|@convention|@required|@noreturn|@IBAction|@IBDesignable|@IBInspectable|@IBOutlet|@infix|@prefix|@postfix|@autoclosure|@testable|@available|@nonobjc|@NSApplicationMain|@UIApplicationMain|@dynamicMemberLookup|@propertyWrapper)"},{bK:"import",e:/$/,c:[e.CLCM,t]}]}});hljs.registerLanguage("makefile",function(e){var i={cN:"variable",v:[{b:"\\$\\("+e.UIR+"\\)",c:[e.BE]},{b:/\$[@%<?\^\+\*]/}]},r={cN:"string",b:/"/,e:/"/,c:[e.BE,i]},a={cN:"variable",b:/\$\([\w-]+\s/,e:/\)/,k:{built_in:"subst patsubst strip findstring filter filter-out sort word wordlist firstword lastword dir notdir suffix basename addsuffix addprefix join wildcard realpath abspath error warning shell origin flavor foreach if or and call eval file value"},c:[i]},n={b:"^"+e.UIR+"\\s*(?=[:+?]?=)"},t={cN:"section",b:/^[^\s]+:/,e:/$/,c:[i]};return{aliases:["mk","mak"],k:"define endef undefine ifdef ifndef ifeq ifneq else endif include -include sinclude override export unexport private vpath",l:/[\w-]+/,c:[e.HCM,i,r,a,n,{cN:"meta",b:/^\.PHONY:/,e:/$/,k:{"meta-keyword":".PHONY"},l:/[\.\w]+/},t]}});hljs.registerLanguage("lua",function(e){var t="\\[=*\\[",a="\\]=*\\]",n={b:t,e:a,c:["self"]},l=[e.C("--(?!"+t+")","$"),e.C("--"+t,a,{c:[n],relevance:10})];return{l:e.UIR,k:{literal:"true false nil",keyword:"and break do else elseif end for goto if in local not or repeat return then until while",built_in:"_G _ENV _VERSION __index __newindex __mode __call __metatable __tostring __len __gc __add __sub __mul __div __mod __pow __concat __unm __eq __lt __le assert collectgarbage dofile error getfenv getmetatable ipairs load loadfile loadstringmodule next pairs pcall print rawequal rawget rawset require select setfenvsetmetatable tonumber tostring type unpack xpcall arg selfcoroutine resume yield status wrap create running debug getupvalue debug sethook getmetatable gethook setmetatable setlocal traceback setfenv getinfo setupvalue getlocal getregistry getfenv io lines write close flush open output type read stderr stdin input stdout popen tmpfile math log max acos huge ldexp pi cos tanh pow deg tan cosh sinh random randomseed frexp ceil floor rad abs sqrt modf asin min mod fmod log10 atan2 exp sin atan os exit setlocale date getenv difftime remove time clock tmpname rename execute package preload loadlib loaded loaders cpath config path seeall string sub upper len gfind rep find match char dump gmatch reverse byte format gsub lower table setn insert getn foreachi maxn foreach concat sort remove"},c:l.concat([{cN:"function",bK:"function",e:"\\)",c:[e.inherit(e.TM,{b:"([_a-zA-Z]\\w*\\.)*([_a-zA-Z]\\w*:)?[_a-zA-Z]\\w*"}),{cN:"params",b:"\\(",eW:!0,c:l}].concat(l)},e.CNM,e.ASM,e.QSM,{cN:"string",b:t,e:a,c:[n],relevance:5}])}});hljs.registerLanguage("xml",function(e){var c={cN:"symbol",b:"&[a-z]+;|&#[0-9]+;|&#x[a-f0-9]+;"},s={b:"\\s",c:[{cN:"meta-keyword",b:"#?[a-z_][a-z1-9_-]+",i:"\\n"}]},a=e.inherit(s,{b:"\\(",e:"\\)"}),t=e.inherit(e.ASM,{cN:"meta-string"}),l=e.inherit(e.QSM,{cN:"meta-string"}),r={eW:!0,i:/</,relevance:0,c:[{cN:"attr",b:"[A-Za-z0-9\\._:-]+",relevance:0},{b:/=\s*/,relevance:0,c:[{cN:"string",endsParent:!0,v:[{b:/"/,e:/"/,c:[c]},{b:/'/,e:/'/,c:[c]},{b:/[^\s"'=<>`]+/}]}]}]};return{aliases:["html","xhtml","rss","atom","xjb","xsd","xsl","plist","wsf","svg"],cI:!0,c:[{cN:"meta",b:"<![a-z]",e:">",relevance:10,c:[s,l,t,a,{b:"\\[",e:"\\]",c:[{cN:"meta",b:"<![a-z]",e:">",c:[s,a,l,t]}]}]},e.C("\x3c!--","--\x3e",{relevance:10}),{b:"<\\!\\[CDATA\\[",e:"\\]\\]>",relevance:10},c,{cN:"meta",b:/<\?xml/,e:/\?>/,relevance:10},{b:/<\?(php)?/,e:/\?>/,sL:"php",c:[{b:"/\\*",e:"\\*/",skip:!0},{b:'b"',e:'"',skip:!0},{b:"b'",e:"'",skip:!0},e.inherit(e.ASM,{i:null,cN:null,c:null,skip:!0}),e.inherit(e.QSM,{i:null,cN:null,c:null,skip:!0})]},{cN:"tag",b:"<style(?=\\s|>)",e:">",k:{name:"style"},c:[r],starts:{e:"</style>",rE:!0,sL:["css","xml"]}},{cN:"tag",b:"<script(?=\\s|>)",e:">",k:{name:"script"},c:[r],starts:{e:"<\/script>",rE:!0,sL:["actionscript","javascript","handlebars","xml"]}},{cN:"tag",b:"</?",e:"/?>",c:[{cN:"name",b:/[^\/><\s]+/,relevance:0},r]}]}});hljs.registerLanguage("markdown",function(e){return{aliases:["md","mkdown","mkd"],c:[{cN:"section",v:[{b:"^#{1,6}",e:"$"},{b:"^.+?\\n[=-]{2,}$"}]},{b:"<",e:">",sL:"xml",relevance:0},{cN:"bullet",b:"^\\s*([*+-]|(\\d+\\.))\\s+"},{cN:"strong",b:"[*_]{2}.+?[*_]{2}"},{cN:"emphasis",v:[{b:"\\*.+?\\*"},{b:"_.+?_",relevance:0}]},{cN:"quote",b:"^>\\s+",e:"$"},{cN:"code",v:[{b:"^```\\w*\\s*$",e:"^```[ ]*$"},{b:"`.+?`"},{b:"^( {4}|\\t)",e:"$",relevance:0}]},{b:"^[-\\*]{3,}",e:"$"},{b:"\\[.+?\\][\\(\\[].*?[\\)\\]]",rB:!0,c:[{cN:"string",b:"\\[",e:"\\]",eB:!0,rE:!0,relevance:0},{cN:"link",b:"\\]\\(",e:"\\)",eB:!0,eE:!0},{cN:"symbol",b:"\\]\\[",e:"\\]",eB:!0,eE:!0}],relevance:10},{b:/^\[[^\n]+\]:/,rB:!0,c:[{cN:"symbol",b:/\[/,e:/\]/,eB:!0,eE:!0},{cN:"link",b:/:\s*/,e:/$/,eB:!0}]}]}});hljs.registerLanguage("kotlin",function(e){var t={keyword:"abstract as val var vararg get set class object open private protected public noinline crossinline dynamic final enum if else do while for when throw try catch finally import package is in fun override companion reified inline lateinit init interface annotation data sealed internal infix operator out by constructor super tailrec where const inner suspend typealias external expect actual trait volatile transient native default",built_in:"Byte Short Char Int Long Boolean Float Double Void Unit Nothing",literal:"true false null"},a={cN:"symbol",b:e.UIR+"@"},n={cN:"subst",b:"\\${",e:"}",c:[e.CNM]},c={cN:"variable",b:"\\$"+e.UIR},r={cN:"string",v:[{b:'"""',e:'"""(?=[^"])',c:[c,n]},{b:"'",e:"'",i:/\n/,c:[e.BE]},{b:'"',e:'"',i:/\n/,c:[e.BE,c,n]}]};n.c.push(r);var i={cN:"meta",b:"@(?:file|property|field|get|set|receiver|param|setparam|delegate)\\s*:(?:\\s*"+e.UIR+")?"},l={cN:"meta",b:"@"+e.UIR,c:[{b:/\(/,e:/\)/,c:[e.inherit(r,{cN:"meta-string"})]}]},s={cN:"number",b:"\\b(0[bB]([01]+[01_]+[01]+|[01]+)|0[xX]([a-fA-F0-9]+[a-fA-F0-9_]+[a-fA-F0-9]+|[a-fA-F0-9]+)|(([\\d]+[\\d_]+[\\d]+|[\\d]+)(\\.([\\d]+[\\d_]+[\\d]+|[\\d]+))?|\\.([\\d]+[\\d_]+[\\d]+|[\\d]+))([eE][-+]?\\d+)?)[lLfF]?",relevance:0},b=e.C("/\\*","\\*/",{c:[e.CBCM]}),o={v:[{cN:"type",b:e.UIR},{b:/\(/,e:/\)/,c:[]}]},d=o;return d.v[1].c=[o],o.v[1].c=[d],{aliases:["kt"],k:t,c:[e.C("/\\*\\*","\\*/",{relevance:0,c:[{cN:"doctag",b:"@[A-Za-z]+"}]}),e.CLCM,b,{cN:"keyword",b:/\b(break|continue|return|this)\b/,starts:{c:[{cN:"symbol",b:/@\w+/}]}},a,i,l,{cN:"function",bK:"fun",e:"[(]|$",rB:!0,eE:!0,k:t,i:/fun\s+(<.*>)?[^\s\(]+(\s+[^\s\(]+)\s*=/,relevance:5,c:[{b:e.UIR+"\\s*\\(",rB:!0,relevance:0,c:[e.UTM]},{cN:"type",b:/</,e:/>/,k:"reified",relevance:0},{cN:"params",b:/\(/,e:/\)/,endsParent:!0,k:t,relevance:0,c:[{b:/:/,e:/[=,\/]/,eW:!0,c:[o,e.CLCM,b],relevance:0},e.CLCM,b,i,l,r,e.CNM]},b]},{cN:"class",bK:"class interface trait",e:/[:\{(]|$/,eE:!0,i:"extends implements",c:[{bK:"public protected internal private constructor"},e.UTM,{cN:"type",b:/</,e:/>/,eB:!0,eE:!0,relevance:0},{cN:"type",b:/[,:]\s*/,e:/[<\(,]|$/,eB:!0,rE:!0},i,l]},r,{cN:"meta",b:"^#!/usr/bin/env",e:"$",i:"\n"},s]}});hljs.registerLanguage("ruby",function(e){var c="[a-zA-Z_]\\w*[!?=]?|[-+~]\\@|<<|>>|=~|===?|<=>|[<>]=?|\\*\\*|[-/+%^&*~`|]|\\[\\]=?",b={keyword:"and then defined module in return redo if BEGIN retry end for self when next until do begin unless END rescue else break undef not super class case require yield alias while ensure elsif or include attr_reader attr_writer attr_accessor",literal:"true false nil"},r={cN:"doctag",b:"@[A-Za-z]+"},a={b:"#<",e:">"},n=[e.C("#","$",{c:[r]}),e.C("^\\=begin","^\\=end",{c:[r],relevance:10}),e.C("^__END__","\\n$")],s={cN:"subst",b:"#\\{",e:"}",k:b},t={cN:"string",c:[e.BE,s],v:[{b:/'/,e:/'/},{b:/"/,e:/"/},{b:/`/,e:/`/},{b:"%[qQwWx]?\\(",e:"\\)"},{b:"%[qQwWx]?\\[",e:"\\]"},{b:"%[qQwWx]?{",e:"}"},{b:"%[qQwWx]?<",e:">"},{b:"%[qQwWx]?/",e:"/"},{b:"%[qQwWx]?%",e:"%"},{b:"%[qQwWx]?-",e:"-"},{b:"%[qQwWx]?\\|",e:"\\|"},{b:/\B\?(\\\d{1,3}|\\x[A-Fa-f0-9]{1,2}|\\u[A-Fa-f0-9]{4}|\\?\S)\b/},{b:/<<[-~]?'?(\w+)(?:.|\n)*?\n\s*\1\b/,rB:!0,c:[{b:/<<[-~]?'?/},{b:/\w+/,endSameAsBegin:!0,c:[e.BE,s]}]}]},i={cN:"params",b:"\\(",e:"\\)",endsParent:!0,k:b},l=[t,a,{cN:"class",bK:"class module",e:"$|;",i:/=/,c:[e.inherit(e.TM,{b:"[A-Za-z_]\\w*(::\\w+)*(\\?|\\!)?"}),{b:"<\\s*",c:[{b:"("+e.IR+"::)?"+e.IR}]}].concat(n)},{cN:"function",bK:"def",e:"$|;",c:[e.inherit(e.TM,{b:c}),i].concat(n)},{b:e.IR+"::"},{cN:"symbol",b:e.UIR+"(\\!|\\?)?:",relevance:0},{cN:"symbol",b:":(?!\\s)",c:[t,{b:c}],relevance:0},{cN:"number",b:"(\\b0[0-7_]+)|(\\b0x[0-9a-fA-F_]+)|(\\b[1-9][0-9_]*(\\.[0-9_]+)?)|[0_]\\b",relevance:0},{b:"(\\$\\W)|((\\$|\\@\\@?)(\\w+))"},{cN:"params",b:/\|/,e:/\|/,k:b},{b:"("+e.RSR+"|unless)\\s*",k:"unless",c:[a,{cN:"regexp",c:[e.BE,s],i:/\n/,v:[{b:"/",e:"/[a-z]*"},{b:"%r{",e:"}[a-z]*"},{b:"%r\\(",e:"\\)[a-z]*"},{b:"%r!",e:"![a-z]*"},{b:"%r\\[",e:"\\][a-z]*"}]}].concat(n),relevance:0}].concat(n);s.c=l;var d=[{b:/^\s*=>/,starts:{e:"$",c:i.c=l}},{cN:"meta",b:"^([>?]>|[\\w#]+\\(\\w+\\):\\d+:\\d+>|(\\w+-)?\\d+\\.\\d+\\.\\d(p\\d+)?[^>]+>)",starts:{e:"$",c:l}}];return{aliases:["rb","gemspec","podspec","thor","irb"],k:b,i:/\/\*/,c:n.concat(d).concat(l)}});hljs.registerLanguage("shell",function(s){return{aliases:["console"],c:[{cN:"meta",b:"^\\s{0,3}[/\\w\\d\\[\\]()@-]*[>%$#]",starts:{e:"$",sL:"bash"}}]}});hljs.registerLanguage("yaml",function(e){var b="true false yes no null",a={cN:"string",relevance:0,v:[{b:/'/,e:/'/},{b:/"/,e:/"/},{b:/\S+/}],c:[e.BE,{cN:"template-variable",v:[{b:"{{",e:"}}"},{b:"%{",e:"}"}]}]};return{cI:!0,aliases:["yml","YAML","yaml"],c:[{cN:"attr",v:[{b:"\\w[\\w :\\/.-]*:(?=[ \t]|$)"},{b:'"\\w[\\w :\\/.-]*":(?=[ \t]|$)'},{b:"'\\w[\\w :\\/.-]*':(?=[ \t]|$)"}]},{cN:"meta",b:"^---s*$",relevance:10},{cN:"string",b:"[\\|>]([0-9]?[+-])?[ ]*\\n( *)[\\S ]+\\n(\\2[\\S ]+\\n?)*"},{b:"<%[%=-]?",e:"[%-]?%>",sL:"ruby",eB:!0,eE:!0,relevance:0},{cN:"type",b:"!"+e.UIR},{cN:"type",b:"!!"+e.UIR},{cN:"meta",b:"&"+e.UIR+"$"},{cN:"meta",b:"\\*"+e.UIR+"$"},{cN:"bullet",b:"\\-(?=[ ]|$)",relevance:0},e.HCM,{bK:b,k:{literal:b}},{cN:"number",b:e.CNR+"\\b"},a]}});hljs.registerLanguage("java",function(e){var a="false synchronized int abstract float private char boolean var static null if const for true while long strictfp finally protected import native final void enum else break transient catch instanceof byte super volatile case assert short package default double public try this switch continue throws protected public private module requires exports do",t={cN:"number",b:"\\b(0[bB]([01]+[01_]+[01]+|[01]+)|0[xX]([a-fA-F0-9]+[a-fA-F0-9_]+[a-fA-F0-9]+|[a-fA-F0-9]+)|(([\\d]+[\\d_]+[\\d]+|[\\d]+)(\\.([\\d]+[\\d_]+[\\d]+|[\\d]+))?|\\.([\\d]+[\\d_]+[\\d]+|[\\d]+))([eE][-+]?\\d+)?)[lLfF]?",relevance:0};return{aliases:["jsp"],k:a,i:/<\/|#/,c:[e.C("/\\*\\*","\\*/",{relevance:0,c:[{b:/\w+@/,relevance:0},{cN:"doctag",b:"@[A-Za-z]+"}]}),e.CLCM,e.CBCM,e.ASM,e.QSM,{cN:"class",bK:"class interface",e:/[{;=]/,eE:!0,k:"class interface",i:/[:"\[\]]/,c:[{bK:"extends implements"},e.UTM]},{bK:"new throw return else",relevance:0},{cN:"function",b:"([À-ʸa-zA-Z_$][À-ʸa-zA-Z_$0-9]*(<[À-ʸa-zA-Z_$][À-ʸa-zA-Z_$0-9]*(\\s*,\\s*[À-ʸa-zA-Z_$][À-ʸa-zA-Z_$0-9]*)*>)?\\s+)+"+e.UIR+"\\s*\\(",rB:!0,e:/[{;=]/,eE:!0,k:a,c:[{b:e.UIR+"\\s*\\(",rB:!0,relevance:0,c:[e.UTM]},{cN:"params",b:/\(/,e:/\)/,k:a,relevance:0,c:[e.ASM,e.QSM,e.CNM,e.CBCM]},e.CLCM,e.CBCM]},t,{cN:"meta",b:"@[A-Za-z]+"}]}});hljs.registerLanguage("plaintext",function(e){return{disableAutodetect:!0}});hljs.registerLanguage("objectivec",function(e){var t=/[a-zA-Z@][a-zA-Z0-9_]*/,i="@interface @class @protocol @implementation";return{aliases:["mm","objc","obj-c"],k:{keyword:"int float while char export sizeof typedef const struct for union unsigned long volatile static bool mutable if do return goto void enum else break extern asm case short default double register explicit signed typename this switch continue wchar_t inline readonly assign readwrite self @synchronized id typeof nonatomic super unichar IBOutlet IBAction strong weak copy in out inout bycopy byref oneway __strong __weak __block __autoreleasing @private @protected @public @try @property @end @throw @catch @finally @autoreleasepool @synthesize @dynamic @selector @optional @required @encode @package @import @defs @compatibility_alias __bridge __bridge_transfer __bridge_retained __bridge_retain __covariant __contravariant __kindof _Nonnull _Nullable _Null_unspecified __FUNCTION__ __PRETTY_FUNCTION__ __attribute__ getter setter retain unsafe_unretained nonnull nullable null_unspecified null_resettable class instancetype NS_DESIGNATED_INITIALIZER NS_UNAVAILABLE NS_REQUIRES_SUPER NS_RETURNS_INNER_POINTER NS_INLINE NS_AVAILABLE NS_DEPRECATED NS_ENUM NS_OPTIONS NS_SWIFT_UNAVAILABLE NS_ASSUME_NONNULL_BEGIN NS_ASSUME_NONNULL_END NS_REFINED_FOR_SWIFT NS_SWIFT_NAME NS_SWIFT_NOTHROW NS_DURING NS_HANDLER NS_ENDHANDLER NS_VALUERETURN NS_VOIDRETURN",literal:"false true FALSE TRUE nil YES NO NULL",built_in:"BOOL dispatch_once_t dispatch_queue_t dispatch_sync dispatch_async dispatch_once"},l:t,i:"</",c:[{cN:"built_in",b:"\\b(AV|CA|CF|CG|CI|CL|CM|CN|CT|MK|MP|MTK|MTL|NS|SCN|SK|UI|WK|XC)\\w+"},e.CLCM,e.CBCM,e.CNM,e.QSM,e.ASM,{cN:"string",v:[{b:'@"',e:'"',i:"\\n",c:[e.BE]}]},{cN:"meta",b:/#\s*[a-z]+\b/,e:/$/,k:{"meta-keyword":"if else elif endif define undef warning error line pragma ifdef ifndef include"},c:[{b:/\\\n/,relevance:0},e.inherit(e.QSM,{cN:"meta-string"}),{cN:"meta-string",b:/<.*?>/,e:/$/,i:"\\n"},e.CLCM,e.CBCM]},{cN:"class",b:"("+i.split(" ").join("|")+")\\b",e:"({|$)",eE:!0,k:i,l:t,c:[e.UTM]},{b:"\\."+e.UIR,relevance:0}]}});hljs.registerLanguage("go",function(e){var n={keyword:"break default func interface select case map struct chan else goto package switch const fallthrough if range type continue for import return var go defer bool byte complex64 complex128 float32 float64 int8 int16 int32 int64 string uint8 uint16 uint32 uint64 int uint uintptr rune",literal:"true false iota nil",built_in:"append cap close complex copy imag len make new panic print println real recover delete"};return{aliases:["golang"],k:n,i:"</",c:[e.CLCM,e.CBCM,{cN:"string",v:[e.QSM,e.ASM,{b:"`",e:"`"}]},{cN:"number",v:[{b:e.CNR+"[i]",relevance:1},e.CNM]},{b:/:=/},{cN:"function",bK:"func",e:"\\s*(\\{|$)",eE:!0,c:[e.TM,{cN:"params",b:/\(/,e:/\)/,k:n,i:/["']/}]}]}});hljs.registerLanguage("rust",function(e){var t="([ui](8|16|32|64|128|size)|f(32|64))?",r="drop i8 i16 i32 i64 i128 isize u8 u16 u32 u64 u128 usize f32 f64 str char bool Box Option Result String Vec Copy Send Sized Sync Drop Fn FnMut FnOnce ToOwned Clone Debug PartialEq PartialOrd Eq Ord AsRef AsMut Into From Default Iterator Extend IntoIterator DoubleEndedIterator ExactSizeIterator SliceConcatExt ToString assert! assert_eq! bitflags! bytes! cfg! col! concat! concat_idents! debug_assert! debug_assert_eq! env! panic! file! format! format_args! include_bin! include_str! line! local_data_key! module_path! option_env! print! println! select! stringify! try! unimplemented! unreachable! vec! write! writeln! macro_rules! assert_ne! debug_assert_ne!";return{aliases:["rs"],k:{keyword:"abstract as async await become box break const continue crate do dyn else enum extern false final fn for if impl in let loop macro match mod move mut override priv pub ref return self Self static struct super trait true try type typeof unsafe unsized use virtual where while yield",literal:"true false Some None Ok Err",built_in:r},l:e.IR+"!?",i:"</",c:[e.CLCM,e.C("/\\*","\\*/",{c:["self"]}),e.inherit(e.QSM,{b:/b?"/,i:null}),{cN:"string",v:[{b:/r(#*)"(.|\n)*?"\1(?!#)/},{b:/b?'\\?(x\w{2}|u\w{4}|U\w{8}|.)'/}]},{cN:"symbol",b:/'[a-zA-Z_][a-zA-Z0-9_]*/},{cN:"number",v:[{b:"\\b0b([01_]+)"+t},{b:"\\b0o([0-7_]+)"+t},{b:"\\b0x([A-Fa-f0-9_]+)"+t},{b:"\\b(\\d[\\d_]*(\\.[0-9_]+)?([eE][+-]?[0-9_]+)?)"+t}],relevance:0},{cN:"function",bK:"fn",e:"(\\(|<)",eE:!0,c:[e.UTM]},{cN:"meta",b:"#\\!?\\[",e:"\\]",c:[{cN:"meta-string",b:/"/,e:/"/}]},{cN:"class",bK:"type",e:";",c:[e.inherit(e.UTM,{endsParent:!0})],i:"\\S"},{cN:"class",bK:"trait enum struct union",e:"{",c:[e.inherit(e.UTM,{endsParent:!0})],i:"[\\w\\d]"},{b:e.IR+"::",k:{built_in:r}},{b:"->"}]}});hljs.registerLanguage("http",function(e){var t="HTTP/[0-9\\.]+";return{aliases:["https"],i:"\\S",c:[{b:"^"+t,e:"$",c:[{cN:"number",b:"\\b\\d{3}\\b"}]},{b:"^[A-Z]+ (.*?) "+t+"$",rB:!0,e:"$",c:[{cN:"string",b:" ",e:" ",eB:!0,eE:!0},{b:t},{cN:"keyword",b:"[A-Z]+"}]},{cN:"attribute",b:"^\\w",e:": ",eE:!0,i:"\\n|\\s|=",starts:{e:"$",relevance:0}},{b:"\\n\\n",starts:{sL:[],eW:!0}}]}});hljs.registerLanguage("properties",function(e){var r="[ \\t\\f]*",t="("+r+"[:=]"+r+"|[ \\t\\f]+)",n="([^\\\\\\W:= \\t\\f\\n]|\\\\.)+",a="([^\\\\:= \\t\\f\\n]|\\\\.)+",c={e:t,relevance:0,starts:{cN:"string",e:/$/,relevance:0,c:[{b:"\\\\\\n"}]}};return{cI:!0,i:/\S/,c:[e.C("^\\s*[!#]","$"),{b:n+t,rB:!0,c:[{cN:"attr",b:n,endsParent:!0,relevance:0}],starts:c},{b:a+t,rB:!0,relevance:0,c:[{cN:"meta",b:a,endsParent:!0,relevance:0}],starts:c},{cN:"attr",relevance:0,b:a+r+"$"}]}});hljs.registerLanguage("python",function(e){var r={keyword:"and elif is global as in if from raise for except finally print import pass return exec else break not with class assert yield try while continue del or def lambda async await nonlocal|10",built_in:"Ellipsis NotImplemented",literal:"False None True"},b={cN:"meta",b:/^(>>>|\.\.\.) /},c={cN:"subst",b:/\{/,e:/\}/,k:r,i:/#/},a={b:/\{\{/,relevance:0},l={cN:"string",c:[e.BE],v:[{b:/(u|b)?r?'''/,e:/'''/,c:[e.BE,b],relevance:10},{b:/(u|b)?r?"""/,e:/"""/,c:[e.BE,b],relevance:10},{b:/(fr|rf|f)'''/,e:/'''/,c:[e.BE,b,a,c]},{b:/(fr|rf|f)"""/,e:/"""/,c:[e.BE,b,a,c]},{b:/(u|r|ur)'/,e:/'/,relevance:10},{b:/(u|r|ur)"/,e:/"/,relevance:10},{b:/(b|br)'/,e:/'/},{b:/(b|br)"/,e:/"/},{b:/(fr|rf|f)'/,e:/'/,c:[e.BE,a,c]},{b:/(fr|rf|f)"/,e:/"/,c:[e.BE,a,c]},e.ASM,e.QSM]},n={cN:"number",relevance:0,v:[{b:e.BNR+"[lLjJ]?"},{b:"\\b(0o[0-7]+)[lLjJ]?"},{b:e.CNR+"[lLjJ]?"}]},i={cN:"params",b:/\(/,e:/\)/,c:["self",b,n,l,e.HCM]};return c.c=[l,n,b],{aliases:["py","gyp","ipython"],k:r,i:/(<\/|->|\?)|=>/,c:[b,n,{bK:"if",relevance:0},l,e.HCM,{v:[{cN:"function",bK:"def"},{cN:"class",bK:"class"}],e:/:/,i:/[${=;\n,]/,c:[e.UTM,i,{b:/->/,eW:!0,k:"None"}]},{cN:"meta",b:/^[\t ]*@/,e:/$/},{b:/\b(print|exec)\(/}]}});hljs.registerLanguage("sql",function(e){var t=e.C("--","$");return{cI:!0,i:/[<>{}*]/,c:[{bK:"begin end start commit rollback savepoint lock alter create drop rename call delete do handler insert load replace select truncate update set show pragma grant merge describe use explain help declare prepare execute deallocate release unlock purge reset change stop analyze cache flush optimize repair kill install uninstall checksum restore check backup revoke comment values with",e:/;/,eW:!0,l:/[\w\.]+/,k:{keyword:"as abort abs absolute acc acce accep accept access accessed accessible account acos action activate add addtime admin administer advanced advise aes_decrypt aes_encrypt after agent aggregate ali alia alias all allocate allow alter always analyze ancillary and anti any anydata anydataset anyschema anytype apply archive archived archivelog are as asc ascii asin assembly assertion associate asynchronous at atan atn2 attr attri attrib attribu attribut attribute attributes audit authenticated authentication authid authors auto autoallocate autodblink autoextend automatic availability avg backup badfile basicfile before begin beginning benchmark between bfile bfile_base big bigfile bin binary_double binary_float binlog bit_and bit_count bit_length bit_or bit_xor bitmap blob_base block blocksize body both bound bucket buffer_cache buffer_pool build bulk by byte byteordermark bytes cache caching call calling cancel capacity cascade cascaded case cast catalog category ceil ceiling chain change changed char_base char_length character_length characters characterset charindex charset charsetform charsetid check checksum checksum_agg child choose chr chunk class cleanup clear client clob clob_base clone close cluster_id cluster_probability cluster_set clustering coalesce coercibility col collate collation collect colu colum column column_value columns columns_updated comment commit compact compatibility compiled complete composite_limit compound compress compute concat concat_ws concurrent confirm conn connec connect connect_by_iscycle connect_by_isleaf connect_by_root connect_time connection consider consistent constant constraint constraints constructor container content contents context contributors controlfile conv convert convert_tz corr corr_k corr_s corresponding corruption cos cost count count_big counted covar_pop covar_samp cpu_per_call cpu_per_session crc32 create creation critical cross cube cume_dist curdate current current_date current_time current_timestamp current_user cursor curtime customdatum cycle data database databases datafile datafiles datalength date_add date_cache date_format date_sub dateadd datediff datefromparts datename datepart datetime2fromparts day day_to_second dayname dayofmonth dayofweek dayofyear days db_role_change dbtimezone ddl deallocate declare decode decompose decrement decrypt deduplicate def defa defau defaul default defaults deferred defi defin define degrees delayed delegate delete delete_all delimited demand dense_rank depth dequeue des_decrypt des_encrypt des_key_file desc descr descri describ describe descriptor deterministic diagnostics difference dimension direct_load directory disable disable_all disallow disassociate discardfile disconnect diskgroup distinct distinctrow distribute distributed div do document domain dotnet double downgrade drop dumpfile duplicate duration each edition editionable editions element ellipsis else elsif elt empty enable enable_all enclosed encode encoding encrypt end end-exec endian enforced engine engines enqueue enterprise entityescaping eomonth error errors escaped evalname evaluate event eventdata events except exception exceptions exchange exclude excluding execu execut execute exempt exists exit exp expire explain explode export export_set extended extent external external_1 external_2 externally extract failed failed_login_attempts failover failure far fast feature_set feature_value fetch field fields file file_name_convert filesystem_like_logging final finish first first_value fixed flash_cache flashback floor flush following follows for forall force foreign form forma format found found_rows freelist freelists freepools fresh from from_base64 from_days ftp full function general generated get get_format get_lock getdate getutcdate global global_name globally go goto grant grants greatest group group_concat group_id grouping grouping_id groups gtid_subtract guarantee guard handler hash hashkeys having hea head headi headin heading heap help hex hierarchy high high_priority hosts hour hours http id ident_current ident_incr ident_seed identified identity idle_time if ifnull ignore iif ilike ilm immediate import in include including increment index indexes indexing indextype indicator indices inet6_aton inet6_ntoa inet_aton inet_ntoa infile initial initialized initially initrans inmemory inner innodb input insert install instance instantiable instr interface interleaved intersect into invalidate invisible is is_free_lock is_ipv4 is_ipv4_compat is_not is_not_null is_used_lock isdate isnull isolation iterate java join json json_exists keep keep_duplicates key keys kill language large last last_day last_insert_id last_value lateral lax lcase lead leading least leaves left len lenght length less level levels library like like2 like4 likec limit lines link list listagg little ln load load_file lob lobs local localtime localtimestamp locate locator lock locked log log10 log2 logfile logfiles logging logical logical_reads_per_call logoff logon logs long loop low low_priority lower lpad lrtrim ltrim main make_set makedate maketime managed management manual map mapping mask master master_pos_wait match matched materialized max maxextents maximize maxinstances maxlen maxlogfiles maxloghistory maxlogmembers maxsize maxtrans md5 measures median medium member memcompress memory merge microsecond mid migration min minextents minimum mining minus minute minutes minvalue missing mod mode model modification modify module monitoring month months mount move movement multiset mutex name name_const names nan national native natural nav nchar nclob nested never new newline next nextval no no_write_to_binlog noarchivelog noaudit nobadfile nocheck nocompress nocopy nocycle nodelay nodiscardfile noentityescaping noguarantee nokeep nologfile nomapping nomaxvalue nominimize nominvalue nomonitoring none noneditionable nonschema noorder nopr nopro noprom nopromp noprompt norely noresetlogs noreverse normal norowdependencies noschemacheck noswitch not nothing notice notnull notrim novalidate now nowait nth_value nullif nulls num numb numbe nvarchar nvarchar2 object ocicoll ocidate ocidatetime ociduration ociinterval ociloblocator ocinumber ociref ocirefcursor ocirowid ocistring ocitype oct octet_length of off offline offset oid oidindex old on online only opaque open operations operator optimal optimize option optionally or oracle oracle_date oradata ord ordaudio orddicom orddoc order ordimage ordinality ordvideo organization orlany orlvary out outer outfile outline output over overflow overriding package pad parallel parallel_enable parameters parent parse partial partition partitions pascal passing password password_grace_time password_lock_time password_reuse_max password_reuse_time password_verify_function patch path patindex pctincrease pctthreshold pctused pctversion percent percent_rank percentile_cont percentile_disc performance period period_add period_diff permanent physical pi pipe pipelined pivot pluggable plugin policy position post_transaction pow power pragma prebuilt precedes preceding precision prediction prediction_cost prediction_details prediction_probability prediction_set prepare present preserve prior priority private private_sga privileges procedural procedure procedure_analyze processlist profiles project prompt protection public publishingservername purge quarter query quick quiesce quota quotename radians raise rand range rank raw read reads readsize rebuild record records recover recovery recursive recycle redo reduced ref reference referenced references referencing refresh regexp_like register regr_avgx regr_avgy regr_count regr_intercept regr_r2 regr_slope regr_sxx regr_sxy reject rekey relational relative relaylog release release_lock relies_on relocate rely rem remainder rename repair repeat replace replicate replication required reset resetlogs resize resource respect restore restricted result result_cache resumable resume retention return returning returns reuse reverse revoke right rlike role roles rollback rolling rollup round row row_count rowdependencies rowid rownum rows rtrim rules safe salt sample save savepoint sb1 sb2 sb4 scan schema schemacheck scn scope scroll sdo_georaster sdo_topo_geometry search sec_to_time second seconds section securefile security seed segment select self semi sequence sequential serializable server servererror session session_user sessions_per_user set sets settings sha sha1 sha2 share shared shared_pool short show shrink shutdown si_averagecolor si_colorhistogram si_featurelist si_positionalcolor si_stillimage si_texture siblings sid sign sin size size_t sizes skip slave sleep smalldatetimefromparts smallfile snapshot some soname sort soundex source space sparse spfile split sql sql_big_result sql_buffer_result sql_cache sql_calc_found_rows sql_small_result sql_variant_property sqlcode sqldata sqlerror sqlname sqlstate sqrt square standalone standby start starting startup statement static statistics stats_binomial_test stats_crosstab stats_ks_test stats_mode stats_mw_test stats_one_way_anova stats_t_test_ stats_t_test_indep stats_t_test_one stats_t_test_paired stats_wsr_test status std stddev stddev_pop stddev_samp stdev stop storage store stored str str_to_date straight_join strcmp strict string struct stuff style subdate subpartition subpartitions substitutable substr substring subtime subtring_index subtype success sum suspend switch switchoffset switchover sync synchronous synonym sys sys_xmlagg sysasm sysaux sysdate sysdatetimeoffset sysdba sysoper system system_user sysutcdatetime table tables tablespace tablesample tan tdo template temporary terminated tertiary_weights test than then thread through tier ties time time_format time_zone timediff timefromparts timeout timestamp timestampadd timestampdiff timezone_abbr timezone_minute timezone_region to to_base64 to_date to_days to_seconds todatetimeoffset trace tracking transaction transactional translate translation treat trigger trigger_nestlevel triggers trim truncate try_cast try_convert try_parse type ub1 ub2 ub4 ucase unarchived unbounded uncompress under undo unhex unicode uniform uninstall union unique unix_timestamp unknown unlimited unlock unnest unpivot unrecoverable unsafe unsigned until untrusted unusable unused update updated upgrade upped upper upsert url urowid usable usage use use_stored_outlines user user_data user_resources users using utc_date utc_timestamp uuid uuid_short validate validate_password_strength validation valist value values var var_samp varcharc vari varia variab variabl variable variables variance varp varraw varrawc varray verify version versions view virtual visible void wait wallet warning warnings week weekday weekofyear wellformed when whene whenev wheneve whenever where while whitespace window with within without work wrapped xdb xml xmlagg xmlattributes xmlcast xmlcolattval xmlelement xmlexists xmlforest xmlindex xmlnamespaces xmlpi xmlquery xmlroot xmlschema xmlserialize xmltable xmltype xor year year_to_month years yearweek",literal:"true false null unknown",built_in:"array bigint binary bit blob bool boolean char character date dec decimal float int int8 integer interval number numeric real record serial serial8 smallint text time timestamp tinyint varchar varchar2 varying void"},c:[{cN:"string",b:"'",e:"'",c:[{b:"''"}]},{cN:"string",b:'"',e:'"',c:[{b:'""'}]},{cN:"string",b:"`",e:"`"},e.CNM,e.CBCM,t,e.HCM]},e.CBCM,t,e.HCM]}});hljs.registerLanguage("cs",function(e){var a={keyword:"abstract as base bool break byte case catch char checked const continue decimal default delegate do double enum event explicit extern finally fixed float for foreach goto if implicit in int interface internal is lock long object operator out override params private protected public readonly ref sbyte sealed short sizeof stackalloc static string struct switch this try typeof uint ulong unchecked unsafe ushort using virtual void volatile while add alias ascending async await by descending dynamic equals from get global group into join let nameof on orderby partial remove select set value var when where yield",literal:"null false true"},i={cN:"number",v:[{b:"\\b(0b[01']+)"},{b:"(-?)\\b([\\d']+(\\.[\\d']*)?|\\.[\\d']+)(u|U|l|L|ul|UL|f|F|b|B)"},{b:"(-?)(\\b0[xX][a-fA-F0-9']+|(\\b[\\d']+(\\.[\\d']*)?|\\.[\\d']+)([eE][-+]?[\\d']+)?)"}],relevance:0},c={cN:"string",b:'@"',e:'"',c:[{b:'""'}]},r=e.inherit(c,{i:/\n/}),n={cN:"subst",b:"{",e:"}",k:a},t=e.inherit(n,{i:/\n/}),s={cN:"string",b:/\$"/,e:'"',i:/\n/,c:[{b:"{{"},{b:"}}"},e.BE,t]},l={cN:"string",b:/\$@"/,e:'"',c:[{b:"{{"},{b:"}}"},{b:'""'},n]},b=e.inherit(l,{i:/\n/,c:[{b:"{{"},{b:"}}"},{b:'""'},t]});n.c=[l,s,c,e.ASM,e.QSM,i,e.CBCM],t.c=[b,s,r,e.ASM,e.QSM,i,e.inherit(e.CBCM,{i:/\n/})];var o={v:[l,s,c,e.ASM,e.QSM]},d=e.IR+"(<"+e.IR+"(\\s*,\\s*"+e.IR+")*>)?(\\[\\])?";return{aliases:["csharp","c#"],k:a,i:/::/,c:[e.C("///","$",{rB:!0,c:[{cN:"doctag",v:[{b:"///",relevance:0},{b:"\x3c!--|--\x3e"},{b:"</?",e:">"}]}]}),e.CLCM,e.CBCM,{cN:"meta",b:"#",e:"$",k:{"meta-keyword":"if else elif endif define undef warning error line region endregion pragma checksum"}},o,i,{bK:"class interface",e:/[{;=]/,i:/[^\s:,]/,c:[e.TM,e.CLCM,e.CBCM]},{bK:"namespace",e:/[{;=]/,i:/[^\s:]/,c:[e.inherit(e.TM,{b:"[a-zA-Z](\\.?\\w)*"}),e.CLCM,e.CBCM]},{cN:"meta",b:"^\\s*\\[",eB:!0,e:"\\]",eE:!0,c:[{cN:"meta-string",b:/"/,e:/"/}]},{bK:"new return throw await else",relevance:0},{cN:"function",b:"("+d+"\\s+)+"+e.IR+"\\s*\\(",rB:!0,e:/\s*[{;=]/,eE:!0,k:a,c:[{b:e.IR+"\\s*\\(",rB:!0,c:[e.TM],relevance:0},{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,k:a,relevance:0,c:[o,i,e.CBCM]},e.CLCM,e.CBCM]}]}});hljs.registerLanguage("css",function(e){var c={b:/(?:[A-Z\_\.\-]+|--[a-zA-Z0-9_-]+)\s*:/,rB:!0,e:";",eW:!0,c:[{cN:"attribute",b:/\S/,e:":",eE:!0,starts:{eW:!0,eE:!0,c:[{b:/[\w-]+\(/,rB:!0,c:[{cN:"built_in",b:/[\w-]+/},{b:/\(/,e:/\)/,c:[e.ASM,e.QSM,e.CSSNM]}]},e.CSSNM,e.QSM,e.ASM,e.CBCM,{cN:"number",b:"#[0-9A-Fa-f]+"},{cN:"meta",b:"!important"}]}}]};return{cI:!0,i:/[=\/|'\$]/,c:[e.CBCM,{cN:"selector-id",b:/#[A-Za-z0-9_-]+/},{cN:"selector-class",b:/\.[A-Za-z0-9_-]+/},{cN:"selector-attr",b:/\[/,e:/\]/,i:"$",c:[e.ASM,e.QSM]},{cN:"selector-pseudo",b:/:(:)?[a-zA-Z0-9\_\-\+\(\)"'.]+/},{b:"@(page|font-face)",l:"@[a-z-]+",k:"@page @font-face"},{b:"@",e:"[{;]",i:/:/,rB:!0,c:[{cN:"keyword",b:/@\-?\w[\w]*(\-\w+)*/},{b:/\s/,eW:!0,eE:!0,relevance:0,k:"and or not only",c:[{b:/[a-z-]+:/,cN:"attribute"},e.ASM,e.QSM,e.CSSNM]}]},{cN:"selector-tag",b:"[a-zA-Z-][a-zA-Z0-9_-]*",relevance:0},{b:"{",e:"}",i:/\S/,c:[e.CBCM,c]}]}});hljs.registerLanguage("javascript",function(e){var r="[A-Za-z$_][0-9A-Za-z$_]*",a={keyword:"in of if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const export super debugger as async await static import from as",literal:"true false null undefined NaN Infinity",built_in:"eval isFinite isNaN parseFloat parseInt decodeURI decodeURIComponent encodeURI encodeURIComponent escape unescape Object Function Boolean Error EvalError InternalError RangeError ReferenceError StopIteration SyntaxError TypeError URIError Number Math Date String RegExp Array Float32Array Float64Array Int16Array Int32Array Int8Array Uint16Array Uint32Array Uint8Array Uint8ClampedArray ArrayBuffer DataView JSON Intl arguments require module console window document Symbol Set Map WeakSet WeakMap Proxy Reflect Promise"},t={cN:"number",v:[{b:"\\b(0[bB][01]+)n?"},{b:"\\b(0[oO][0-7]+)n?"},{b:e.CNR+"n?"}],relevance:0},c={cN:"subst",b:"\\$\\{",e:"\\}",k:a,c:[]},n={b:"html`",e:"",starts:{e:"`",rE:!1,c:[e.BE,c],sL:"xml"}},s={b:"css`",e:"",starts:{e:"`",rE:!1,c:[e.BE,c],sL:"css"}},o={cN:"string",b:"`",e:"`",c:[e.BE,c]};c.c=[e.ASM,e.QSM,n,s,o,t,e.RM];var i=c.c.concat([e.CBCM,e.CLCM]);return{aliases:["js","jsx","mjs","cjs"],k:a,c:[{cN:"meta",relevance:10,b:/^\s*['"]use (strict|asm)['"]/},{cN:"meta",b:/^#!/,e:/$/},e.ASM,e.QSM,n,s,o,e.CLCM,e.C("/\\*\\*","\\*/",{relevance:0,c:[{cN:"doctag",b:"@[A-Za-z]+",c:[{cN:"type",b:"\\{",e:"\\}",relevance:0},{cN:"variable",b:r+"(?=\\s*(-)|$)",endsParent:!0,relevance:0},{b:/(?=[^\n])\s/,relevance:0}]}]}),e.CBCM,t,{b:/[{,\n]\s*/,relevance:0,c:[{b:r+"\\s*:",rB:!0,relevance:0,c:[{cN:"attr",b:r,relevance:0}]}]},{b:"("+e.RSR+"|\\b(case|return|throw)\\b)\\s*",k:"return throw case",c:[e.CLCM,e.CBCM,e.RM,{cN:"function",b:"(\\(.*?\\)|"+r+")\\s*=>",rB:!0,e:"\\s*=>",c:[{cN:"params",v:[{b:r},{b:/\(\s*\)/},{b:/\(/,e:/\)/,eB:!0,eE:!0,k:a,c:i}]}]},{cN:"",b:/\s/,e:/\s*/,skip:!0},{b:/</,e:/(\/[A-Za-z0-9\\._:-]+|[A-Za-z0-9\\._:-]+\/)>/,sL:"xml",c:[{b:/<[A-Za-z0-9\\._:-]+\s*\/>/,skip:!0},{b:/<[A-Za-z0-9\\._:-]+/,e:/(\/[A-Za-z0-9\\._:-]+|[A-Za-z0-9\\._:-]+\/)>/,skip:!0,c:[{b:/<[A-Za-z0-9\\._:-]+\s*\/>/,skip:!0},"self"]}]}],relevance:0},{cN:"function",bK:"function",e:/\{/,eE:!0,c:[e.inherit(e.TM,{b:r}),{cN:"params",b:/\(/,e:/\)/,eB:!0,eE:!0,c:i}],i:/\[|%/},{b:/\$[(.]/},e.METHOD_GUARD,{cN:"class",bK:"class",e:/[{;=]/,eE:!0,i:/[:"\[\]]/,c:[{bK:"extends"},e.UTM]},{bK:"constructor get set",e:/\{/,eE:!0}],i:/#(?!!)/}});
\ No newline at end of file
diff --git a/airframe-rx-widget/src/main/scala/scala/xml/xml.scala b/airframe-rx-widget/src/main/scala/scala/xml/xml.scala
new file mode 100644
index 0000000000..ea0ddc1072
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/scala/xml/xml.scala
@@ -0,0 +1,351 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package scala.xml
+
+import wvlet.airframe.rx.Rx
+import wvlet.airframe.rx.widget.RxElement
+
+import scala.annotation.{implicitNotFound, tailrec}
+import scala.collection.mutable
+import scala.language.higherKinds
+
+/**
+  * Data models for Scala XML literal.
+  *
+  * This class provides alternative XML literal bindings for scala-xml, so if you are using
+  * library that depends on scala-xml, it might cause an error.
+  *
+  * This code is implemented based on monadic-html.
+  *
+  */
+/**
+  * XML Node tree
+  */
+sealed trait Node {
+  def scope: NamespaceBinding = TopScope
+  def prefix: String          = null
+  def namespace: String       = getNamespace(this.prefix)
+  def getNamespace(pre: String): String =
+    if (scope eq null) {
+      null
+    } else {
+      scope.getURI(pre)
+    }
+  def attributes: MetaData = Null
+}
+
+/** A hack to group XML nodes in one node. */
+final case class Group(nodes: Seq[Node]) extends Node {
+  override def toString = s"Group(${nodes.mkString(",")})"
+}
+
+/** XML element. */
+final case class Elem(
+    override val prefix: String,
+    label: String,
+    attributes1: MetaData,
+    override val scope: NamespaceBinding,
+    minimizeEmpty: Boolean,
+    child: Node*
+) extends Node {
+
+  override val attributes = MetaData.normalize(attributes1, scope)
+
+}
+
+/** XML leaf for comments. */
+final case class Comment(commentText: String) extends Node
+
+/**
+  * `SpecialNode` is a special XML node which represents either text
+  *  `(PCDATA)`, a comment, a `PI`, or an entity ref.
+  *
+  *  @author Burak Emir
+  */
+sealed abstract class SpecialNode extends Node {
+
+  /** always empty */
+  final override def attributes = Null
+
+  /** always Node.EmptyNamespace */
+  final override def namespace = null
+
+  /** always empty */
+  final def child = Nil
+
+  /** Append string representation to the given string buffer argument. */
+  def buildString(sb: StringBuilder): StringBuilder
+}
+
+/** XML leaf for entity references. */
+final case class EntityRef(entityName: String) extends SpecialNode {
+  def label = "#ENTITY"
+
+  def text = entityName match {
+    case "lt"   => "<"
+    case "gt"   => ">"
+    case "amp"  => "&"
+    case "apos" => "'"
+    case "quot" => "\""
+    case _      => Utility.sbToString(buildString)
+  }
+
+  /**
+    * Appends `"&amp; entityName;"` to this string buffer.
+    *
+    *  @param  sb the string buffer.
+    *  @return the modified string buffer `sb`.
+    */
+  override def buildString(sb: StringBuilder) =
+    sb.append("&").append(entityName).append(";")
+}
+
+object Utility {
+  private[xml] def sbToString(f: (StringBuilder) => Unit): String = {
+    val sb = new StringBuilder
+    f(sb)
+    sb.toString
+  }
+
+}
+
+/** XML leaf for text. */
+final case class Text(text: String) extends Atom[String](text)
+
+/** XML leaf container for any data of type `A`. */
+class Atom[+A](val data: A) extends Node {
+  override def toString = s"Atom(${data})"
+}
+
+// Scopes ---------------------------------------------------------------------
+
+sealed trait Scope {
+  def namespaceURI(prefix: String): Option[String]
+}
+
+// Used by scalac for xmlns prefixed attributes
+case class NamespaceBinding(prefix: String, uri: String, parent: NamespaceBinding) {
+  def getURI(_prefix: String): String =
+    if (prefix == _prefix) uri else parent getURI _prefix
+
+  def getPrefix(_uri: String): String =
+    if (_uri == uri) prefix else parent getPrefix _uri
+}
+
+object NamespaceBinding {
+  def unapply(s: NamespaceBinding): NamespaceBinding = s
+}
+
+object TopScope extends NamespaceBinding(null, null, null) {
+  override def getURI(prefix1: String): String =
+    if (prefix1 == "xml") "http://www.w3.org/XML/1998/namespace" else null
+
+  override def getPrefix(uri1: String): String =
+    if (uri1 == "http://www.w3.org/XML/1998/namespace") "xml" else null
+}
+
+// XML Metadata ---------------------------------------------------------------
+
+// `Attibutes`, the trait which used to be in between Metadata and {Prefixed,
+// Unprefixed}Attribute was removed. Iterable[MetaData] <: Metadata still holds,
+// but this should never be user facing.
+
+/**
+  * This class represents an attribute and at the same time a linked list of
+  *  attributes. Every instance of this class is either
+  *  - an instance of `UnprefixedAttribute key,value` or
+  *  - an instance of `PrefixedAttribute namespace_prefix,key,value` or
+  *  - `Null`, the empty attribute list.
+  */
+sealed trait MetaData {
+  def hasNext = (Null != next)
+  def key: String
+  def value: Node
+  def next: MetaData
+  def map[T](f: MetaData => T): List[T] = {
+    def map0(acc: List[T], m: MetaData): List[T] =
+      m match {
+        case Null => acc
+        case any  => map0(f(any) :: acc, m.next)
+      }
+    map0(Nil, this)
+  }
+
+  /**
+    * Updates this MetaData with the MetaData given as argument. All attributes that occur in updates
+    *  are part of the resulting MetaData. If an attribute occurs in both this instance and
+    *  updates, only the one in updates is part of the result (avoiding duplicates). For prefixed
+    *  attributes, namespaces are resolved using the given scope, which defaults to TopScope.
+    *
+    *  @param updates MetaData with new and updated attributes
+    *  @return a new MetaData instance that contains old, new and updated attributes
+    */
+  def append(updates: MetaData, scope: NamespaceBinding = TopScope): MetaData =
+    MetaData.update(this, scope, updates)
+
+  /**
+    * returns a copy of this MetaData item with next field set to argument.
+    */
+  def newCopy(next: MetaData): MetaData
+}
+
+object MetaData {
+
+  /**
+    * appends all attributes from new_tail to attribs, without attempting to
+    * detect or remove duplicates. The method guarantees that all attributes
+    * from attribs come before the attributes in new_tail, but does not
+    * guarantee to preserve the relative order of attribs.
+    *
+    * Duplicates can be removed with `normalize`.
+    */
+  @tailrec
+  def concatenate(attribs: MetaData, new_tail: MetaData): MetaData =
+    if (attribs eq Null) new_tail
+    else concatenate(attribs.next, attribs newCopy new_tail)
+
+  /**
+    * returns normalized MetaData, with all duplicates removed and namespace prefixes resolved to
+    *  namespace URIs via the given scope.
+    */
+  def normalize(attribs: MetaData, scope: NamespaceBinding): MetaData = {
+    def iterate(md: MetaData, normalized_attribs: MetaData, set: Set[String]): MetaData = {
+      lazy val key = getUniversalKey(md, scope)
+      if (md eq Null) normalized_attribs
+      else if ((md.value eq null) || set(key)) iterate(md.next, normalized_attribs, set)
+      else md newCopy iterate(md.next, normalized_attribs, set + key)
+    }
+    iterate(attribs, Null, Set())
+  }
+
+  /**
+    * returns key if md is unprefixed, pre+key is md is prefixed
+    */
+  def getUniversalKey(attrib: MetaData, scope: NamespaceBinding) = attrib match {
+    case prefixed: PrefixedAttribute[_]     => scope.getURI(prefixed.pre) + prefixed.key
+    case unprefixed: UnprefixedAttribute[_] => unprefixed.key
+    case other                              => other.key
+  }
+
+  /**
+    *  returns MetaData with attributes updated from given MetaData
+    */
+  def update(attribs: MetaData, scope: NamespaceBinding, updates: MetaData): MetaData =
+    normalize(concatenate(updates, attribs), scope)
+
+}
+
+case object Null extends MetaData {
+  def next  = null
+  def key   = null
+  def value = null
+
+  def newCopy(next: MetaData) = next
+}
+
+final case class PrefixedAttribute[T: XmlAttributeEmbeddable](
+    pre: String,
+    key: String,
+    expr: T,
+    next: MetaData
+) extends MetaData {
+
+  val value: Node = expr match {
+    case n: Node => n
+    case _       => new Atom(expr)
+  }
+
+  def newCopy(newNext: MetaData) = this.copy(next = newNext)
+
+}
+
+final case class UnprefixedAttribute[T: XmlAttributeEmbeddable](
+    key: String,
+    expr: T,
+    next: MetaData
+) extends MetaData {
+  val value: Node =
+    expr match {
+      case n: Node => n
+      case _       => new Atom(expr)
+    }
+
+  def newCopy(newNext: MetaData) = this.copy(next = newNext)
+}
+
+/** Evidence that T can be embedded in xml attribute position. */
+@implicitNotFound(
+  msg = """Cannot embed value of type ${T} in xml attribute, implicit XmlAttributeEmbeddable[${T}] not found.
+The following types are supported:
+- String
+- Boolean (false → remove attribute, true → empty attribute)
+- () => Unit, T => Unit event handler. Note: The return type needs to be Unit!
+- Var[T], Rx[T] where T is XmlAttributeEmbeddable
+- Option[T] where T is XmlAttributeEmbeddable (None → remove from the DOM)
+"""
+)
+trait XmlAttributeEmbeddable[T]
+object XmlAttributeEmbeddable {
+  type XA[T] = XmlAttributeEmbeddable[T]
+  @inline implicit def noneAttributeEmbeddable: XA[None.type]                        = null
+  @inline implicit def booleanAttributeEmbeddable: XA[Boolean]                       = null
+  @inline implicit def stringAttributeEmbeddable: XA[String]                         = null
+  @inline implicit def textNodeAttributeEmbeddable: XA[Text]                         = null
+  @inline implicit def function0AttributeEmbeddable: XA[() => Unit]                  = null
+  @inline implicit def function1AttributeEmbeddable[T]: XA[T => Unit]                = null
+  @inline implicit def optionAttributeEmbeddable[C[x] <: Option[x], T: XA]: XA[C[T]] = null
+  @inline implicit def rxAttributeEmbeddable[C[x] <: Rx[x], T: XA]: XA[C[T]]         = null
+}
+
+/** Evidence that T can be embedded in xml element position. */
+@implicitNotFound(
+  msg = """Cannot embed value of type ${T} in xml element, implicit XmlElementEmbeddable[${T}] not found.
+The following types are supported:
+- String, Int, Long, Double, Float, Char (converted with .toString)
+- xml.Node, Seq[xml.Node]
+- RxElement
+- Var[T], Rx[T] where T is XmlElementEmbeddable
+- Option[T] where T is XmlElementEmbeddable (None → remove from the DOM)
+"""
+)
+trait XmlElementEmbeddable[T]
+object XmlElementEmbeddable {
+  type XE[T] = XmlElementEmbeddable[T]
+
+  @inline implicit def nilElementEmbeddable: XE[Nil.type]                          = null
+  @inline implicit def noneElementEmbeddable: XE[None.type]                        = null
+  @inline implicit def intElementEmbeddable: XE[Int]                               = null
+  @inline implicit def floatElementEmbeddable: XE[Float]                           = null
+  @inline implicit def doubleElementEmbeddable: XE[Double]                         = null
+  @inline implicit def longElementEmbeddable: XE[Long]                             = null
+  @inline implicit def charElementEmbeddable: XE[Char]                             = null
+  @inline implicit def stringElementEmbeddable: XE[String]                         = null
+  @inline implicit def nodeElementEmbeddable[T <: Node]: XE[T]                     = null
+  @inline implicit def optionElementEmbeddable[C[x] <: Option[x], T: XE]: XE[C[T]] = null
+  @inline implicit def seqElementEmbeddable[C[x] <: Seq[x], T <: Node]: XE[C[T]]   = null
+  @inline implicit def rxElementEmbeddable[C[x] <: Rx[x], T: XE]: XE[C[T]]         = null
+  @inline implicit def rxWidgetElementEmbeddable[T <: RxElement]: XE[T]            = null
+}
+
+/** Internal structure used by scalac to create literals */
+class NodeBuffer extends Seq[Node] {
+  private val underlying: mutable.ArrayBuffer[Node] = mutable.ArrayBuffer.empty
+  def iterator: Iterator[Node]                      = underlying.iterator
+  def apply(i: Int): Node                           = underlying.apply(i)
+  def length: Int                                   = underlying.length
+  override def toString: String                     = underlying.toString
+
+  def &+(e: Node): NodeBuffer                       = { underlying.+=(e); this }
+  def &+[A: XmlElementEmbeddable](e: A): NodeBuffer = { underlying.+=(new Atom(e)); this }
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/DOMRenderer.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/DOMRenderer.scala
new file mode 100644
index 0000000000..e851679881
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/DOMRenderer.scala
@@ -0,0 +1,31 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget
+
+import org.scalajs.dom
+import wvlet.log.LogSupport
+
+/**
+  *
+  */
+object DOMRenderer extends LogSupport {
+  def renderToHTML(node: dom.Node): String = {
+    node match {
+      case e: dom.Element =>
+        e.innerHTML
+      case _ =>
+        node.innerText
+    }
+  }
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxDOM.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxDOM.scala
new file mode 100644
index 0000000000..d799b06598
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxDOM.scala
@@ -0,0 +1,248 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget
+import org.scalajs.dom
+import org.scalajs.dom.{Node => DomNode}
+import wvlet.airframe.rx.{Cancelable, Rx}
+import wvlet.log.LogSupport
+
+import scala.scalajs.js
+import scala.xml._
+
+/**
+  * Building reactive DOM from xml.Node.
+  *
+  * It will also set event listener to the mounting DOM node (parent) if
+  * XML attributes contain a Scala function
+  *
+  * This code is based on monadic-html:
+  * https://github.com/OlivierBlanvillain/monadic-html/blob/master/monadic-html/src/main/scala/mhtml/mount.scala
+  */
+private[widget] object RxDOM extends LogSupport {
+
+  def mount(elem: RxElement): Cancelable = {
+    val node = dom.document.createElement("div")
+    mountTo(node, elem)
+  }
+
+  def mountTo(parent: dom.Node, elem: RxElement): Cancelable = {
+    mount(parent, Some(elem.getConfig), elem.render)
+  }
+
+  private def applyConfig(domNode: dom.Node, config: RxWidgetConfig): dom.Node = {
+    // Enrich attributes using the config of RxElement
+    val htmlNode = domNode.asInstanceOf[dom.html.Html]
+    for ((attrName, value) <- config.attributes) {
+      attrName match {
+        case "style" =>
+          val css = htmlNode.style.cssText
+          htmlNode.style = s"${css} ${value.mkString(" ")}"
+        case "class" =>
+          value.foreach { cl =>
+            htmlNode.classList.add(cl)
+          }
+        case attr if htmlNode.hasAttribute(attrName) =>
+          val attrNode = htmlNode.getAttributeNode(attrName)
+          htmlNode.setAttribute(attrName, s"${attrNode.value} ${value.mkString(" ")}")
+        case _ =>
+          htmlNode.setAttribute(attrName, value.mkString(" "))
+      }
+    }
+    htmlNode
+  }
+
+  private def mount(
+      parent: dom.Node,
+      config: Option[RxWidgetConfig],
+      currentNode: xml.Node,
+      startPoint: Option[dom.Node] = None
+  ): Cancelable = {
+    currentNode match {
+      case e @ Elem(_, label, metadata, scope, _, _*) =>
+        val domNode = Option(e.namespace) match {
+          case Some(ns) => dom.document.createElementNS(ns, label)
+          case None     => dom.document.createElement(label)
+        }
+        val cancelMetadata = metadata.map { m =>
+          addAttribute(domNode, scope, m)
+        }
+        config.foreach { x =>
+          applyConfig(domNode, x)
+        }
+
+        val cancelChild = e.child.map { c =>
+          mount(domNode, None, c)
+        }
+        parent.mountHere(domNode, None)
+        Cancelable { () =>
+          cancelMetadata.foreach(_.cancel); cancelChild.foreach(_.cancel)
+        }
+      case EntityRef(entityName) =>
+        val domNode = dom.document.createTextNode("").asInstanceOf[dom.Element]
+        domNode.innerHTML = s"&$entityName;"
+        parent.mountHere(domNode, startPoint)
+        Cancelable.empty
+      case Comment(text) =>
+        parent.mountHere(dom.document.createComment(text), startPoint)
+        Cancelable.empty
+      case Group(nodes) =>
+        val cancels = nodes.map(n => mount(parent, None, n, startPoint))
+        Cancelable(() => cancels.foreach(_.cancel))
+      case a: Atom[_] =>
+        a.data match {
+          case n: xml.Node =>
+            mount(parent, None, n)
+          case node: dom.Node =>
+            config
+              .map(x => applyConfig(node, x))
+            parent.mountHere(node, startPoint)
+            Cancelable.empty
+          case rx: Rx[_] =>
+            val (start, end) = parent.createMountSection()
+            var c1           = Cancelable.empty
+            // Remove the previous node from the DOM
+            val c2 = rx.run { v =>
+              parent.cleanMountSection(start, end)
+              c1.cancel
+              c1 = mount(parent, None, new Atom(v), Some(start))
+            }
+            Cancelable { () =>
+              c1.cancel; c2.cancel
+            }
+          case elem: RxElement => {
+            mount(parent, Some(elem.getConfig), elem.render, startPoint)
+          }
+          case Some(x) =>
+            mount(parent, config, new Atom(x), startPoint)
+          case None =>
+            Cancelable.empty
+          case LazyNode(node) =>
+            mount(parent, config, node, startPoint)
+          case LazyElement(elem) =>
+            mount(parent, Some(elem.getConfig), elem.render, startPoint)
+          case LazyElementSeq(elems) =>
+            val lst = elems.map { elem =>
+              mount(parent, Some(elem.getConfig), elem.render, startPoint)
+            }
+            Cancelable.merge(lst)
+          case seq: Seq[_] =>
+            mount(parent, None, Group(seq.map(new Atom(_))), startPoint)
+          case primitive =>
+            val content = primitive.toString
+            if (!content.isEmpty)
+              parent.mountHere(dom.document.createTextNode(content), startPoint)
+            Cancelable.empty
+        }
+    }
+  }
+
+  private def addAttribute(
+      parent: dom.Node,
+      scope: NamespaceBinding,
+      m: MetaData
+  ): Cancelable = {
+    def traverse(v: Any): Cancelable = {
+      v match {
+        case a: Atom[_] => traverse(a.data)
+        case Some(x)    => traverse(x)
+        case rx: Rx[_] =>
+          var c1 = Cancelable.empty
+          val c2 = rx.run { value =>
+            c1.cancel
+            c1 = traverse(value)
+          }
+          Cancelable { () =>
+            c1.cancel; c2.cancel
+          }
+        case f: Function0[Unit @unchecked] =>
+          parent.setEventListener(m.key, (_: dom.Event) => f())
+        case f: Function1[DomNode @unchecked, Unit @unchecked] =>
+          parent.setEventListener(m.key, f)
+        case _ =>
+          parent.setMetadata(scope, m, v)
+          Cancelable.empty
+      }
+    }
+
+    traverse(m.value)
+  }
+
+  private implicit class RichDomNode(node: dom.Node) {
+    def setEventListener[A](key: String, listener: A => Unit): Cancelable = {
+      val dyn = node.asInstanceOf[js.Dynamic]
+      dyn.updateDynamic(key)(listener)
+      Cancelable(() => dyn.updateDynamic(key)(null))
+    }
+
+    def setMetadata(scope: NamespaceBinding, m: MetaData, v: Any): Unit = {
+      val htmlNode = node.asInstanceOf[dom.html.Html]
+      def set(key: String, prefix: Option[String]): Unit = {
+        v match {
+          case null | None | false =>
+            htmlNode.removeAttribute(key)
+          case _ =>
+            val value = v match {
+              case true => ""
+              case _    => v.toString
+            }
+            key match {
+              case "style" =>
+                htmlNode.style.cssText = value
+              case _ =>
+                prefix.map(p => scope.getURI(p)) match {
+                  case Some(ns) => htmlNode.setAttributeNS(ns, key, value)
+                  case None     => htmlNode.setAttribute(key, value)
+                }
+            }
+        }
+      }
+      m match {
+        case m: PrefixedAttribute[_] => set(s"${m.pre}:${m.key}", Some(m.pre))
+        case _                       => set(m.key, None)
+      }
+    }
+
+    // Creates and inserts two empty text nodes into the DOM, which delimitate
+    // a mounting region between them point. Because the DOM API only exposes
+    // `.insertBefore` things are reversed: at the position of the `}`
+    // character in our binding example, we insert the start point, and at `{`
+    // goes the end.
+    def createMountSection(): (dom.Node, dom.Node) = {
+      val start = dom.document.createTextNode("")
+      val end   = dom.document.createTextNode("")
+      node.appendChild(end)
+      node.appendChild(start)
+      (start, end)
+    }
+
+    // Elements are then "inserted before" the start point, such that
+    // inserting List(a, b) looks as follows: `}` → `a}` → `ab}`. Note that a
+    // reference to the start point is sufficient here. */
+    def mountHere(child: dom.Node, start: Option[dom.Node]): Unit = {
+      start.fold(node.appendChild(child))(point => node.insertBefore(child, point)); ()
+    }
+
+    // Cleaning stuff is equally simple, `cleanMountSection` takes a references
+    // to start and end point, and (tail recursively) deletes nodes at the
+    // left of the start point until it reaches end of the mounting section. */
+    def cleanMountSection(start: dom.Node, end: dom.Node): Unit = {
+      val next = start.previousSibling
+      if (next != end) {
+        node.removeChild(next)
+        cleanMountSection(start, end)
+      }
+    }
+  }
+
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxWidget.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxWidget.scala
new file mode 100644
index 0000000000..8b99594d51
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/RxWidget.scala
@@ -0,0 +1,159 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget
+
+import org.scalajs.dom
+import wvlet.airframe.rx.Cancelable
+import wvlet.airframe.rx.widget.ui.Elem
+import wvlet.log.LogSupport
+
+import scala.xml.Node
+
+trait RxWidget {
+  protected var config: RxWidgetConfig = RxWidgetConfig()
+
+  private[widget] def getConfig = config
+
+  protected def updateConfig(newConfig: RxWidgetConfig): this.type = {
+    config = newConfig
+    this
+  }
+
+  def withId(id: String): this.type = updateConfig(config.withId(id))
+
+  /**
+    * Set an extra CSS class
+    */
+  def addClass(className: String): this.type = updateConfig(config.addClass(className))
+  def clearClass: this.type                  = updateConfig(config.removeAttribute("class"))
+  def clearStyle: this.type                  = updateConfig(config.removeAttribute("reset"))
+
+  /**
+    * Add an extra CSS style
+    */
+  def addStyle(styleValue: String): this.type = updateConfig(config.addStyle(styleValue))
+}
+
+/**
+  * Base trait of reactive component that can take a content value and produce a DOM element
+  */
+trait RxComponent extends RxWidget with LogSupport {
+  def render(content: xml.Node): xml.Node
+
+  def apply(elems: RxElement*): RxElement = {
+    elems.length match {
+      case 1 =>
+        Elem(() => render(new scala.xml.Atom(LazyElement(elems.head))))
+      case other =>
+        Elem(() => render(new scala.xml.Atom(LazyElementSeq(elems.toSeq))))
+    }
+  }
+  def apply(elem: String): RxElement =
+    Elem(() => render(new scala.xml.Atom(scala.xml.Text(elem))))
+  def apply(elem: xml.Node): RxElement = Elem(() => render(new scala.xml.Atom(LazyNode(elem))))
+
+  private[widget] def renderInternal(elem: xml.Node): xml.Node = {
+    val node = render(elem)
+    val enriched = node match {
+      case e @ xml.Elem(_, label, metadta, scope, _, _*) =>
+        e
+      case other => other
+    }
+    enriched
+  }
+}
+
+object RxComponent {
+
+  def apply(f: xml.Node => xml.Node): RxComponent = new RxComponent {
+    override def render(content: Node): Node = f(content)
+  }
+
+  def ofTag(tag: String): RxComponent = RxComponent { content =>
+    val elem = scala.xml.Elem(
+      prefix = null,
+      label = tag,
+      attributes1 = xml.Null,
+      scope = scala.xml.TopScope,
+      minimizeEmpty = true,
+      child = content
+    )
+    elem
+  }
+}
+
+/**
+  * A placeholder for rendering elements lazily
+  */
+private[widget] case class LazyElement(elem: RxElement)
+private[widget] case class LazyElementSeq(elems: Seq[RxElement])
+private[widget] case class LazyNode(node: xml.Node)
+
+/**
+  * Base trait of reactive element that can produce a single DOM element
+  */
+trait RxElement extends RxWidget {
+  def render: xml.Node
+
+  /**
+    * Return the final XML node of this Widget after setting all configurations
+    */
+  def mountTo(parent: dom.Node): Cancelable = {
+    RxDOM.mountTo(parent, this)
+  }
+}
+
+object RxElement {
+  def apply(node: xml.Node): RxElement = new RxElement { override def render: Node = node }
+}
+
+/**
+  *
+  */
+case class RxWidgetConfig(
+    id: Option[String] = None,
+    attributes: Map[String, Seq[String]] = Map.empty,
+    onClickHandler: Option[dom.MouseEvent => Unit] = None,
+    onEventHandler: Option[dom.Event => Unit] = None
+) {
+
+  // TODO: Add all event types https://www.w3schools.com/jsref/dom_obj_event.asp
+  def onClick(handler: dom.MouseEvent => Unit) = this.copy(onClickHandler = Some(handler))
+  def onEvent(handler: dom.Event => Unit)      = this.copy(onEventHandler = Some(handler))
+
+  def withId(id: String): RxWidgetConfig = this.copy(id = Some(id))
+
+  def getAttributes(attrName: String): Option[Seq[String]] = attributes.get(attrName)
+
+  def setAttribute(attrName: String, attrValue: String): RxWidgetConfig = {
+    this.copy(attributes = attributes + (attrName -> Seq(attrValue)))
+  }
+
+  def removeAttribute(attrName: String): RxWidgetConfig = {
+    this.copy(attributes = attributes - attrName)
+  }
+
+  def appendAttribute(attrName: String, attrValue: String): RxWidgetConfig = {
+    this.copy(attributes = attributes + (attrName -> (attributes.getOrElse(attrName, Seq.empty[String]) :+ attrValue)))
+  }
+
+  def addStyle(styleString: String): RxWidgetConfig = {
+    val v = if (styleString.trim.endsWith(";")) styleString else s"${styleString};"
+    appendAttribute("style", styleString)
+  }
+
+  def addClass(className: String): RxWidgetConfig = {
+    appendAttribute("class", className)
+  }
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/demo/Gallery.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/demo/Gallery.scala
new file mode 100644
index 0000000000..944444a69e
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/demo/Gallery.scala
@@ -0,0 +1,333 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.demo
+import org.scalajs.dom
+import org.scalajs.dom.document
+import wvlet.airframe.rx.widget.ui._
+import wvlet.airframe.rx.widget.ui.bootstrap._
+import wvlet.airframe.rx.widget.{RxComponent, RxElement}
+import wvlet.log.{LogLevel, LogSupport, Logger}
+
+import scala.scalajs.js.annotation.{JSExport, JSExportTopLevel}
+
+/**
+  *
+  */
+@JSExportTopLevel("Gallery")
+object Gallery extends LogSupport {
+  @JSExport
+  def main(): Unit = {
+    Logger.setDefaultLogLevel(LogLevel.DEBUG)
+    debug(s"started")
+    initializeUI
+  }
+
+  def initializeUI: Unit = {
+    val main = document.getElementById("main") match {
+      case null =>
+        // For testing
+        val elem = dom.document.createElement("div")
+        elem.setAttribute("id", "main")
+        document.body.appendChild(elem)
+      case other => other
+    }
+    val content = galleryFrame(gallery: _*)
+
+    content.mountTo(main)
+  }
+
+  def galleryFrame = RxComponent { content =>
+    <div>
+      {
+      NavBar
+        .fixedTop("Airframe") {
+          NavBar.navList(
+            NavBar.navItemActive("Home"),
+            NavBar.navItem("Link"),
+            NavBar.navItemDisabled("Disabled")
+          )
+        }
+    }
+
+      {
+      containerFluid(
+        <div class="row">
+          {
+          NavBar.sideBarSticky(
+            NavBar.navItemActive(
+              <a class="nav-link active" href="#">
+                Components <span class="sr-only">(current)</span>
+              </a>
+            ),
+            NavBar.navItem(
+              <a class="nav-link" href="#">
+                Layout
+              </a>
+            ),
+            NavBar.navItem(
+              <a class="nav-link" href="#">
+                Gallery
+              </a>
+            ),
+            NavBar.navItem(
+              <a class="nav-link" href="#">
+                Reactive
+              </a>
+            ),
+            NavBar.navItem(
+              Button
+                .primary("Click Me!")
+                .onClick(e => logger.info("Clicked"))
+            )
+          )
+        }
+
+          <main role="main" class="col-md-10 ml-md-auto">
+            <h2>Airframe RxWidget Gallery</h2>
+            {content}
+          </main>
+        </div>
+      )
+    }
+    </div>
+  }
+
+  def gallery = Seq(
+    componentGallery,
+    elementGallery,
+    canvasGallery,
+    browserGallery,
+    buttonGallery,
+    buttonDisabledGallery,
+    alertGallery,
+    modalGallery,
+    gridGallery
+  )
+
+  def componentGallery = {
+    Layout.of(
+      <div>
+        <h4>RxComponent</h4>
+        <p>RxComponent is the unit of a reactive widget that can enclose other components or elements.</p>
+        {
+        Layout.scalaCode {
+          s"""import scala.xml
+             |import wvlet.airframe.rx.widget._
+             |
+             |class MyComponent extends RxComponent {
+             |  def render(content: xml.Node): xml.Node =
+             |    <div class="main">
+             |      <h2>Hello Airframe Rx Widget!</h2>
+             |      {content}
+             |    </div>
+             |}
+             |""".stripMargin
+        }
+      }
+      <p>Here is a handy-syntax to define a new component:</p>
+        {
+        Layout.scalaCode {
+          """// Short-hand notation for defining a new RxComponent at ease
+            |RxComponent { content =>
+            |  <div class="main">
+            |    <h2>Hello Airframe Rx Widget!</h2>
+            |    {content}
+            |  </div>
+            |}
+            |""".stripMargin
+        }
+      }
+      </div>
+    )
+  }
+
+  def elementGallery = {
+    Layout.of(
+      <div>
+      <h4>RxElement</h4>
+      {
+        Layout.scalaCode(
+          s"""import wvlet.airframe.rx.widget._
+           |
+           |class MyButton(name:String) extends RxElement {
+           |  def render: xml.Node = <button class="button">{name}</button>
+           |}
+           |
+           |// Short-hand notation
+           |def newButton(name:String): RxElement =
+           |  RxElement{ <button class="button">{name}</button> }
+           |""".stripMargin
+        )
+      }
+      </div>
+    )
+  }
+
+  def demo(title: String, main: RxElement, code: String): RxElement = {
+    containerFluid(
+      Layout.h4(title),
+      row.withBorder.withRoundedCorner(
+        col(main),
+        col(Layout.scalaCode(code))
+      )
+    )
+  }
+
+  def buttons: Seq[Button] = Seq(
+    Button.primary("Primary"),
+    Button.secondary("Secondary"),
+    Button.success("Success"),
+    Button.danger("Danger"),
+    Button.warning("warning"),
+    Button.info("Info"),
+    Button.light("Light"),
+    Button.dark("Dark"),
+    Button.link("Link")
+  )
+
+  def buttonGallery = {
+    demo(
+      "Buttons",
+      Layout.of(buttons: _*),
+      """import wvlet.airframe.rx.widget.ui.bootstrap._
+        |
+        |Button.primary("Primary")
+        |Button.secondary("Secondary")
+        |Button.success("Success")
+        |Button.danger("Danger")
+        |Button.warning("warning")
+        |Button.info("Info")
+        |Button.light("Light")
+        |Button.dark("Dark")
+        |Button.link("Link")""".stripMargin
+    )
+  }
+
+  def buttonDisabledGallery = {
+    val disabledButtons = buttons.map(_.disable)
+    demo(
+      "Buttons (disabled)",
+      Layout.of(disabledButtons),
+      """import wvlet.airframe.rx.widget.ui.bootstrap._
+        |
+        |Button.primary("Primary").disable
+        |Button.secondary("Secondary").disable
+        |Button.success("Success").disable
+        |Button.danger("Danger").disable
+        |Button.warning("warning").disable
+        |Button.info("Info").disable
+        |Button.light("Light").disable
+        |Button.dark("Dark").disable
+        |Button.link("Link").disable""".stripMargin
+    )
+  }
+
+  def alertGallery = demo(
+    "Alerts",
+    Layout.of(
+      Alert.primary("A simple alert!"),
+      Alert.secondary("A simple alert!"),
+      Alert.success("A simple alert!"),
+      Alert.danger("A simple alert!"),
+      Alert.warning("A simple alert!"),
+      Alert.info("A simple alert!"),
+      Alert.light("A simple alert!"),
+      Alert.dark("A simple alert!")
+    ),
+    """import wvlet.airframe.rx.widget.ui.bootstrap._
+        |
+        |Alert.primary("A simple alert!")
+        |Alert.secondary("A simple alert!")
+        |Alert.success("A simple alert!")
+        |Alert.danger("A simple alert!")
+        |Alert.warning("A simple alert!")
+        |Alert.info("A simple alert!")
+        |Alert.light("A simple alert!")
+        |Alert.dark("A simple alert!")
+        |""".stripMargin
+  )
+
+  def modalGallery = demo(
+    "Modal",
+    Modal
+      .default(title = "ModalDemo")
+      .addStyle("display: block")
+      .addStyle("position: relative")
+      .withFooter(
+        <div>
+          <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+          <button type="button" class="btn btn-primary">Save changes</button>
+        </div>
+      ).apply(
+        <b>Modal body text goes here</b>
+      ),
+    """Modal
+      |  .default(title = "ModalDemo")
+      |  .addStyle("display: block")
+      |  .addStyle("position: relative") {
+      |  .withFooter(
+      |    <div>
+      |      <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+      |      <button type="button" class="btn btn-primary">Save changes</button>
+      |    </div>
+      |  ).apply(
+      |    <b>Modal body text goes here</b>
+      |  )
+      |""".stripMargin
+  )
+
+  def gridGallery = demo(
+    "Grid",
+    row(
+      col { "One of three columns" },
+      col { "One of three columns" },
+      col { "One of three columns" }
+    ),
+    """row(
+        |  col { "One of three columns" },
+        |  col { "One of three columns" },
+        |  col { "One of three columns" }
+        |)""".stripMargin
+  )
+
+  def browserGallery = demo(
+    "Browser Info",
+    Layout.p(s"browser url: ${Browser.url}"),
+    """Layout.p(s"browser url: ${Browser.url}")""".stripMargin
+  )
+
+  def canvasGallery = demo(
+    "Canvas", {
+      val c = Canvas.newCanvas(150, 50)
+      import c._
+      context.fillStyle = "#336699"
+      context.fillRect(0, 0, c.canvas.width, c.canvas.height)
+      context.strokeStyle = "#CCCCFF"
+      context.beginPath()
+      context.arc(25, 25, 15, 0, 2 * math.Pi)
+      context.stroke()
+      c
+    },
+    """val c = Canvas.newCanvas(150, 50)
+      |import c._
+      |context.fillStyle = "#99ccff"
+      |context.fillRect(0, 0, c.canvas.width, c.canvas.height)
+      |
+      |context.strokeStyle = "#CCCCFF"
+      |context.beginPath()
+      |context.arc(25, 25, 15, 0, 2 * math.Pi)
+      |context.stroke()
+      |""".stripMargin
+  )
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Browser.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Browser.scala
new file mode 100644
index 0000000000..8940c91b77
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Browser.scala
@@ -0,0 +1,23 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui
+
+/**
+  *
+  */
+object Browser {
+  def document = org.scalajs.dom.document
+  def location = document.location
+  def url      = document.URL
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Canvas.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Canvas.scala
new file mode 100644
index 0000000000..873a6ffde3
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Canvas.scala
@@ -0,0 +1,40 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui
+import org.scalajs.dom
+import org.scalajs.dom.html
+import wvlet.airframe.rx.widget.RxElement
+
+import scala.xml.Node
+
+case class Canvas2D(canvas: html.Canvas, context: dom.CanvasRenderingContext2D) extends RxElement {
+  override def render: Node = new xml.Atom(canvas)
+}
+
+/**
+  *
+  */
+object Canvas {
+
+  def new2DCanvas(width: Int = 100, height: Int = 100): Canvas2D = {
+    val canvas = dom.document.createElement("canvas").asInstanceOf[html.Canvas]
+    canvas.width = width
+    canvas.height = height
+    val renderer = canvas.getContext("2d").asInstanceOf[dom.CanvasRenderingContext2D]
+    Canvas2D(canvas, renderer)
+  }
+
+  def newCanvas(width: Int = 100, height: Int = 100): Canvas2D = new2DCanvas(width = width, height = height)
+
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Layout.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Layout.scala
new file mode 100644
index 0000000000..a26c4a3ded
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/Layout.scala
@@ -0,0 +1,47 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui
+import wvlet.airframe.rx.widget.{RxComponent, RxElement}
+
+/**
+  *
+  */
+object Layout {
+  def of: RxComponent          = div
+  def of(list: Seq[RxElement]) = div(list: _*)
+  def div: RxComponent         = RxComponent.ofTag("div")
+  def divOf(primaryClass: String): RxComponent = RxComponent { content =>
+    <div class={primaryClass}>{content}</div>
+  }
+
+  def h1: RxComponent = RxComponent.ofTag(tag = "h1")
+  def h2: RxComponent = RxComponent.ofTag(tag = "h2")
+  def h3: RxComponent = RxComponent.ofTag(tag = "h3")
+  def h4: RxComponent = RxComponent.ofTag(tag = "h4")
+  def h5: RxComponent = RxComponent.ofTag(tag = "h5")
+
+  def p: RxComponent = RxComponent.ofTag(tag = "p")
+
+  def code(codeStr: String): RxElement = RxElement {
+    <code>{codeStr}</code>
+  }
+
+  def codeBlock: RxComponent = RxComponent { content =>
+    <pre><code>{content}</code></pre>
+  }
+
+  def scalaCode: RxComponent = RxComponent { content =>
+    <pre><code class="language-scala rounded">{content}</code></pre>
+  }
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Alert.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Alert.scala
new file mode 100644
index 0000000000..f2747d3602
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Alert.scala
@@ -0,0 +1,34 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui.bootstrap
+import wvlet.airframe.rx.widget.RxComponent
+
+/**
+  *
+  */
+object Alert {
+  private def newAlert(style: String) = RxComponent { content =>
+    val cls = s"alert ${style}"
+    <div role="alert" class={cls}>{content}</div>
+  }
+
+  def primary   = newAlert("alert-primary")
+  def secondary = newAlert("alert-secondary")
+  def success   = newAlert("alert-success")
+  def danger    = newAlert("alert-danger")
+  def warning   = newAlert("alert-warning")
+  def info      = newAlert("alert-info")
+  def light     = newAlert("alert-light")
+  def dark      = newAlert("alert-dark")
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Button.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Button.scala
new file mode 100644
index 0000000000..4ef70fc1e3
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Button.scala
@@ -0,0 +1,69 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui.bootstrap
+
+import org.scalajs.dom
+import wvlet.airframe.rx.widget.RxElement
+import wvlet.log.LogSupport
+
+/**
+  *
+  */
+case class Button(
+    name: String,
+    private var disabled: Boolean = false
+) extends RxElement {
+
+  def small: Button = addClass("btn-sm")
+
+  def isActive: Boolean   = !disabled
+  def isDisabled: Boolean = disabled
+
+  def active: Button = {
+    disabled = false
+    this
+  }
+  def disable: Button = {
+    disabled = true
+    this
+  }
+
+  def render: xml.Node = {
+    if (isActive) {
+      <button type="button" class="btn" onclick={
+        config.onClickHandler.getOrElse { x: dom.MouseEvent =>
+        }
+      }>{name}</button>
+    } else {
+      <button type="button" class="btn" disabled="true">{name}</button>
+    }
+  }
+
+  def onClick(handler: dom.MouseEvent => Unit): Button = {
+    updateConfig(config.onClick(handler))
+  }
+
+}
+
+object Button extends LogSupport {
+  def primary(name: String)   = Button(name).addClass("btn-primary")
+  def secondary(name: String) = Button(name).addClass("btn-secondary")
+  def success(name: String)   = Button(name).addClass("btn-success")
+  def danger(name: String)    = Button(name).addClass("btn-danger")
+  def warning(name: String)   = Button(name).addClass("btn-warning")
+  def info(name: String)      = Button(name).addClass("btn-info")
+  def light(name: String)     = Button(name).addClass("btn-light")
+  def dark(name: String)      = Button(name).addClass("btn-dark")
+  def link(name: String)      = Button(name).addClass("btn-link")
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Modal.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Modal.scala
new file mode 100644
index 0000000000..09e8a2e549
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/Modal.scala
@@ -0,0 +1,51 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui.bootstrap
+
+import wvlet.airframe.rx.widget.RxComponent
+
+import scala.xml.Node
+
+case class Modal(title: String, footer: xml.Node = <div></div>) extends RxComponent {
+
+  def withFooter(footer: xml.Node) = this.copy(footer = footer)
+
+  override def render(content: Node): Node =
+    <div class="modal" style="display: block; position: relative;" tabindex="-1" role="dialog">
+      <div class="modal-dialog" role="document">
+        <div class="modal-content">
+          <div class="modal-header">
+            <h5 class="modal-title">{title}</h5>
+            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+              <span aria-hidden="true">&times;</span>
+            </button>
+          </div>
+          <div class="modal-body">
+            {content}
+          </div>
+          <div class="modal-footer">
+            {footer}
+          </div>
+        </div>
+      </div>
+    </div>
+}
+
+/**
+  *
+  */
+object Modal {
+
+  def default(title: String) = Modal(title)
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/NavBar.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/NavBar.scala
new file mode 100644
index 0000000000..2596c6ec12
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/NavBar.scala
@@ -0,0 +1,80 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui.bootstrap
+
+import wvlet.airframe.rx.widget.{RxComponent, RxElement}
+
+import scala.xml.Node
+
+/**
+  *
+  */
+case class NavBar(title: String, iconFile: String = "img/favicon.ico", iconWidth: Int = 32, iconHeight: Int = 32)
+    extends RxComponent {
+  override def render(content: Node): Node =
+    <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="min-height: 42px; padding: 4px 8px;">
+      <a class="navbar-brand" href="#">
+        <img class="d-inline-block align-top" src={iconFile} alt={title} width={iconWidth.toString} hight={
+      iconHeight.toString
+    }/>
+        {title}
+      </a>
+      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
+        <span class="navbar-toggler-icon"></span>
+      </button>
+      {content}
+    </nav>
+}
+
+object NavBar {
+
+  def fixedTop(title: String) = new NavBar(title)
+
+  def item: RxComponent = RxComponent { content =>
+    <li class="nav-item active">
+      <a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+    </li>
+  }
+
+  def navList: RxComponent = RxComponent { content =>
+    <div class="collapse navbar-collapse" id="navbarCollapse">
+      <ul class="navbar-nav mr-auto">
+        {content}
+      </ul>
+    </div>
+  }
+
+  def navItemActive   = navItemCustom(active = true)
+  def navItemDisabled = navItemCustom(disabled = true)
+  def navItem         = navItemCustom()
+
+  private def navItemCustom(active: Boolean = false, disabled: Boolean = false) = RxComponent { content =>
+    val itemStyle = s"nav-item${if (active) " active" else ""}"
+    val linkStyle = s"nav-link${if (disabled) " disabled" else ""}"
+    <li class={itemStyle}>
+      <a class={linkStyle} href="#">{content}</a>
+    </li>
+  }
+
+  def sideBarSticky = RxComponent { content =>
+    <nav class="collapse navbar-collapse col-md-2 d-none d-md-block sidebar bg-light">
+      <div class="sidebar-sticky">
+        <ul class="nav flex-column">
+          {content}
+        </ul>
+      </div>
+    </nav>
+  }
+
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/package.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/package.scala
new file mode 100644
index 0000000000..3ee25f187d
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/bootstrap/package.scala
@@ -0,0 +1,70 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui
+import wvlet.airframe.rx.widget.RxComponent
+import wvlet.airframe.rx.widget.ui.Layout.divOf
+
+/**
+  * Twitter Bootstrap extensions
+  */
+package object bootstrap {
+  implicit class RichRxComponent(val x: RxComponent) extends AnyVal {
+    def withBorder: RxComponent        = x.addClass("border")
+    def withRoundedCorner: RxComponent = x.addClass("rounded")
+    def withShadow: RxComponent        = x.addClass("shadow-sm")
+
+    def withOverflowAuto   = x.addClass("overflow-auto")
+    def withOverflowHidden = x.addClass("overflow-hidden")
+
+    def withPositionStatic   = x.addClass("position-static")
+    def withPositionRelative = x.addClass("position-relative")
+    def withPositionAbsolute = x.addClass("position-absolute")
+    def withPositionFixed    = x.addClass("position-fixed")
+    def withPositionSticky   = x.addClass("position-sticky")
+
+    def withFixedTop    = x.addClass("fixed-top")
+    def withFixedBottom = x.addClass("fixed-bottom")
+    def withStickyTop   = x.addClass("sticky-top")
+
+    def withAlertLink = x.addClass("alert-link")
+
+    def screenReadersOnly = x.addClass("sr-only")
+  }
+
+  def row: RxComponent   = divOf("row")
+  def col: RxComponent   = divOf("col")
+  def col1: RxComponent  = divOf("col-1")
+  def col2: RxComponent  = divOf("col-2")
+  def col3: RxComponent  = divOf("col-3")
+  def col4: RxComponent  = divOf("col-4")
+  def col5: RxComponent  = divOf("col-5")
+  def col6: RxComponent  = divOf("col-6")
+  def col7: RxComponent  = divOf("col-7")
+  def col8: RxComponent  = divOf("col-8")
+  def col9: RxComponent  = divOf("col-9")
+  def col10: RxComponent = divOf("col-10")
+  def col11: RxComponent = divOf("col-11")
+  def col12: RxComponent = divOf("col-12")
+  def colSm: RxComponent = divOf("col-sm")
+
+  def container: RxComponent      = divOf("container")
+  def containerFluid: RxComponent = divOf("container-fluid")
+
+  def flexbox: RxComponent       = divOf("d-flex")
+  def inlineFlexbox: RxComponent = divOf("d-inline-flex")
+
+  def figure: RxComponent = RxComponent { content =>
+    <figure class="figure">{content}</figure>
+  }
+}
diff --git a/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/core.scala b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/core.scala
new file mode 100644
index 0000000000..693abd7e2f
--- /dev/null
+++ b/airframe-rx-widget/src/main/scala/wvlet/airframe/rx/widget/ui/core.scala
@@ -0,0 +1,32 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget.ui
+import wvlet.airframe.rx.widget.RxElement
+
+import scala.xml.Node
+
+/**
+  *
+  */
+case class Elem(nodeBuilder: () => xml.Node) extends RxElement {
+  override def render: xml.Node = nodeBuilder()
+}
+
+case class Text(text: String) extends RxElement {
+  override def render: xml.Node = scala.xml.Text(text)
+}
+
+case class DomElement(node: org.scalajs.dom.Node) extends RxElement {
+  override def render: xml.Node = new scala.xml.Atom(node)
+}
diff --git a/airframe-rx-widget/src/test/resources/hello.txt b/airframe-rx-widget/src/test/resources/hello.txt
new file mode 100644
index 0000000000..ce01362503
--- /dev/null
+++ b/airframe-rx-widget/src/test/resources/hello.txt
@@ -0,0 +1 @@
+hello
diff --git a/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/NodeJSTest.scala b/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/NodeJSTest.scala
new file mode 100644
index 0000000000..854d2d71d8
--- /dev/null
+++ b/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/NodeJSTest.scala
@@ -0,0 +1,30 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx.widget
+import wvlet.airspec.AirSpec
+
+/**
+  *
+  */
+class NodeJSTest extends AirSpec {
+  import scalajs.js.Dynamic.{global => g}
+
+  test("read resource files using node.js") {
+    pendingUntil("Resolve node.js access from Scala.js")
+
+    val fs  = g.require("fs")
+    val txt = fs.readFileSync("src/test/resources/hello.txt").toString
+    txt.contains("hello") shouldBe true
+  }
+}
diff --git a/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/RxWidgetTest.scala b/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/RxWidgetTest.scala
new file mode 100644
index 0000000000..61eb60f49b
--- /dev/null
+++ b/airframe-rx-widget/src/test/scala/wvlet/airframe/rx/widget/RxWidgetTest.scala
@@ -0,0 +1,44 @@
+package wvlet.airframe.rx.widget
+
+import org.scalajs.dom
+import wvlet.airframe.rx.widget.ui.bootstrap._
+import wvlet.airframe.rx.widget.ui.{DomElement, Layout}
+import wvlet.airspec._
+
+object RxWidgetTest {}
+
+class RxWidgetTest extends AirSpec {
+
+  private def render(elem: RxElement): String = {
+    val node = dom.document.createElement("div")
+    RxDOM.mountTo(node, elem)
+    val html = node.innerHTML
+    debug(html)
+    html
+  }
+
+  test("render nested components") {
+    val elem = Layout.of(
+      Layout.div(
+        Button.primary("click me")
+      )
+    )
+    val html = render(elem)
+    html.contains("btn btn-primary") shouldBe true
+  }
+
+  test("render nested DOM element") {
+    val elem = Layout.div(
+      DomElement(dom.document.createElement("main"))
+    )
+    val html = render(elem)
+    html.contains("<main>") shouldBe true
+  }
+
+  test("render buttons with click action") {
+    val elem = Button.primary("my button").onClick(e => debug("clicked"))
+    val html = render(elem)
+    html.contains("btn btn-primary") shouldBe true
+  }
+
+}
diff --git a/airframe-rx/src/main/scala/wvlet/airframe/rx/Cancelable.scala b/airframe-rx/src/main/scala/wvlet/airframe/rx/Cancelable.scala
new file mode 100644
index 0000000000..9345c4022f
--- /dev/null
+++ b/airframe-rx/src/main/scala/wvlet/airframe/rx/Cancelable.scala
@@ -0,0 +1,35 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx
+
+/**
+  *
+  */
+trait Cancelable {
+  def cancel: Unit = {}
+}
+
+object Cancelable {
+  val empty: Cancelable = new Cancelable {}
+
+  def apply(canceller: () => Unit): Cancelable = new Cancelable {
+    override def cancel: Unit = canceller()
+  }
+
+  def merge(lst: Seq[Cancelable]): Cancelable = {
+    Cancelable.apply { () =>
+      lst.foreach(_.cancel)
+    }
+  }
+}
diff --git a/airframe-rx/src/main/scala/wvlet/airframe/rx/Rx.scala b/airframe-rx/src/main/scala/wvlet/airframe/rx/Rx.scala
new file mode 100644
index 0000000000..fbe72c734a
--- /dev/null
+++ b/airframe-rx/src/main/scala/wvlet/airframe/rx/Rx.scala
@@ -0,0 +1,133 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx
+
+import wvlet.log.LogSupport
+
+/**
+  *
+  */
+trait Rx[A] extends LogSupport {
+  import Rx._
+
+  // TODO: Having mutable states to Rx operators is not ideal as it make difficult reusing operators
+  //
+  private[rx] def addDownstream[B](rx: Rx[B]): Rx[B]
+  private[rx] def addSubscriber(s: Subscriber[A]): Unit
+
+  def map[B](f: A => B): Rx[B]         = MapOp[A, B](this, f)
+  def flatMap[B](f: A => Rx[B]): Rx[B] = FlatMapOp(this, f)
+  def withName(name: String): Rx[A]    = NamedOp(this, name)
+
+  // The parent operators of this Rx[A]
+  def parents: Seq[Rx[_]]
+
+  // TODO: Move this as outside method to make Rx objects immutable
+  def subscribe[U](subscriber: A => U): Unit = {
+    val s = Subscriber(subscriber)
+    debug(s"Add subscriber: ${s} to ${this}")
+    addSubscriber(s)
+    // Update downstream
+    parents.map { p =>
+      p.addDownstream(this)
+    }
+  }
+  //def propergateUpdate(newValue: A): Unit
+
+  def run(effect: A => Unit): Cancelable = Rx.run(this)(effect)
+
+}
+
+object Rx {
+  def of[A](v: A): Rx[A]          = SingleOp(v)
+  def variable[A](v: A): RxVar[A] = Rx.apply(v)
+  def apply[A](v: A): RxVar[A]    = new RxVar(v)
+
+  private def run[A](rx: Rx[A])(effect: A => Unit): Cancelable = {
+    rx match {
+      case MapOp(in, f) =>
+        run(in)(x => effect(f.asInstanceOf[Any => A](x)))
+      case FlatMapOp(in, f) =>
+        var c1 = Cancelable.empty
+        val c2 = run(in) { x =>
+          val rxb = f.asInstanceOf[Any => Rx[A]](in)
+          c1.cancel
+          c1 = run(rxb)(effect)
+        }
+        Cancelable { () =>
+          c1.cancel; c2.cancel
+        }
+      case NamedOp(input, name) =>
+        run(input)(effect)
+      case v @ RxVar(currentValue) =>
+        v.foreach(effect)
+    }
+  }
+
+  private[rx] abstract class RxBase[A] extends Rx[A] {
+    private[rx] var downStream: Set[Rx[_]]           = Set.empty
+    private[rx] var subscribers: List[Subscriber[A]] = List.empty
+
+    private[rx] override def addDownstream[B](rx: Rx[B]): Rx[B] = {
+      synchronized {
+        downStream += rx
+        rx
+      }
+    }
+
+    private[rx] override def addSubscriber(s: Subscriber[A]): Unit = {
+      synchronized {
+        subscribers = s :: subscribers
+      }
+    }
+
+  }
+
+  abstract class UnaryRx[I, A] extends RxBase[A] {
+    def input: Rx[I]
+    override def parents: Seq[Rx[_]] = Seq(input)
+  }
+
+  case class SingleOp[A](v: A) extends RxBase[A] {
+    override def parents: Seq[Rx[_]] = Seq.empty
+  }
+  case class MapOp[A, B](input: Rx[A], f: A => B)         extends UnaryRx[A, B]
+  case class FlatMapOp[A, B](input: Rx[A], f: A => Rx[B]) extends UnaryRx[A, B]
+  case class NamedOp[A](input: Rx[A], name: String) extends UnaryRx[A, A] {
+    override def toString: String = s"${name}:${input}"
+  }
+
+  case class RxVar[A](private[rx] var currentValue: A) extends RxBase[A] {
+    override def toString: String    = s"RxVar(${currentValue})"
+    override def parents: Seq[Rx[_]] = Seq.empty
+
+    def foreach(f: A => Unit): Cancelable = {
+      // TODO
+      Cancelable.empty
+    }
+    def :=(newValue: A): Unit = update(newValue)
+    def update(newValue: A): Unit = {
+      if (currentValue != newValue) {
+        currentValue = newValue
+        subscribers.map { s =>
+          s(newValue)
+        }
+        downStream.map { x =>
+          //x.propergateUpdate()
+        }
+      }
+    }
+    //override private[rx] def propagateUpdate(x: A): Unit = {}
+  }
+}
diff --git a/airframe-rx/src/main/scala/wvlet/airframe/rx/Subscriber.scala b/airframe-rx/src/main/scala/wvlet/airframe/rx/Subscriber.scala
new file mode 100644
index 0000000000..e02adae1e3
--- /dev/null
+++ b/airframe-rx/src/main/scala/wvlet/airframe/rx/Subscriber.scala
@@ -0,0 +1,30 @@
+/*
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package wvlet.airframe.rx
+
+/**
+  *
+  */
+trait Subscriber[A] {
+  def apply(v: A): Unit
+}
+
+object Subscriber {
+
+  def apply[A, U](subscriber: A => U): Subscriber[A] = new Subscriber[A] {
+    override def apply(v: A): Unit = {
+      subscriber(v)
+    }
+  }
+}
diff --git a/airframe-rx/src/test/scala/wvlet/airframe/rx/RxTest.scala b/airframe-rx/src/test/scala/wvlet/airframe/rx/RxTest.scala
new file mode 100644
index 0000000000..d11cb862ad
--- /dev/null
+++ b/airframe-rx/src/test/scala/wvlet/airframe/rx/RxTest.scala
@@ -0,0 +1,12 @@
+package wvlet.airframe.rx
+import wvlet.airspec._
+
+class RxTest extends AirSpec {
+  def `create a new variable`: Unit = {
+    val v  = Rx(1)
+    val rx = v.map(x => s"count: ${x}").withName("sample rx")
+
+    rx.subscribe(x => logger.info(x))
+    v := 2
+  }
+}
diff --git a/airspec/src/main/scala/wvlet/airspec/AirSpecDef.scala b/airspec/src/main/scala/wvlet/airspec/AirSpecDef.scala
index cd9588e7b6..7536358bef 100644
--- a/airspec/src/main/scala/wvlet/airspec/AirSpecDef.scala
+++ b/airspec/src/main/scala/wvlet/airspec/AirSpecDef.scala
@@ -1,12 +1,13 @@
 package wvlet.airspec
 
-import wvlet.airframe._
 import wvlet.airframe.AirframeException.MISSING_DEPENDENCY
-import wvlet.airframe.surface.{Surface, MethodSurface}
+import wvlet.airframe._
+import wvlet.airframe.surface.{MethodSurface, Surface}
 import wvlet.airspec.spi.{AirSpecContext, MissingTestDependency}
 
 private[airspec] sealed trait AirSpecDef {
   def name: String
+
   def design: Design
   def run(context: AirSpecContext, session: Session): Any
 
diff --git a/build.sbt b/build.sbt
index 8557c4d09b..d06be6eedc 100644
--- a/build.sbt
+++ b/build.sbt
@@ -70,8 +70,7 @@ publishTo in ThisBuild := sonatypePublishToBundle.value
 val jsBuildSettings = Seq[Setting[_]](
   crossScalaVersions := exceptScala2_11,
   coverageEnabled := false
-  // Workaround for ' JSCom has been closed' issue
-  //parallelExecution in ThisBuild := false
+//    Compile / parallelExecution := false
 )
 
 val noPublish = Seq(
@@ -97,7 +96,7 @@ lazy val root =
       }
     }
     //    .aggregate(scaladoc)
-    .aggregate((jvmProjects ++ jvmProjects2_12 ++ jsProjects): _*)
+    .aggregate((jvmProjects ++ jvmProjects2_12 ++ jsProjectsCore ++ jsProjectsSub): _*)
 
 // Removed as running scaladoc hits https://github.com/sbt/zinc/issues/622
 //lazy val scaladoc =
@@ -136,6 +135,7 @@ lazy val communityBuildProjects: Seq[ProjectReference] = Seq(
   msgpackJVM,
   http,
   jsonJVM,
+  rxJVM,
   airspecJVM
 )
 
@@ -156,17 +156,23 @@ lazy val jvmProjects2_12: Seq[ProjectReference] = Seq(
 )
 
 // Scala.js build (only for Scala 2.12 + 2.13)
-lazy val jsProjects: Seq[ProjectReference] = Seq(
-  airframeJS,
-  surfaceJS,
+lazy val jsProjectsCore: Seq[ProjectReference] = Seq(
   logJS,
+  surfaceJS,
+  airframeJS,
   metricsJS,
-  codecJS,
-  msgpackJS,
-  jsonJS,
   airspecJS
 )
 
+// A workaround for https://github.com/scala-js/scala-js/issues/3921
+lazy val jsProjectsSub: Seq[ProjectReference] = Seq(
+  jsonJS,
+  msgpackJS,
+  codecJS,
+  rxJS,
+  widgetJS
+)
+
 lazy val airspecProjects: Seq[ProjectReference] = Seq(
   airspecJVM,
   airspecJS,
@@ -222,7 +228,23 @@ lazy val projectJS =
       noPublish,
       crossScalaVersions := exceptScala2_11
     )
-    .aggregate(jsProjects: _*)
+    .aggregate(projectJSCore, projectJSSub)
+
+lazy val projectJSCore =
+  project
+    .settings(
+      noPublish,
+      crossScalaVersions := exceptScala2_11
+    )
+    .aggregate(jsProjectsCore: _*)
+
+lazy val projectJSSub =
+  project
+    .settings(
+      noPublish,
+      crossScalaVersions := exceptScala2_11
+    )
+    .aggregate(jsProjectsSub: _*)
 
 lazy val docs =
   project
@@ -656,6 +678,42 @@ lazy val sql =
     )
     .dependsOn(msgpackJVM, surfaceJVM, config, launcher, airspecRefJVM % "test")
 
+lazy val rx =
+  crossProject(JVMPlatform, JSPlatform)
+    .crossType(CrossType.Pure)
+    .in(file("airframe-rx"))
+    .settings(buildSettings)
+    .settings(
+      name := "airframe-rx",
+      description := "Reactive operators for Scala and Scala.js",
+      libraryDependencies += "org.scala-lang" % "scala-reflect" % scalaVersion.value % "provided"
+    )
+    .jsSettings(jsBuildSettings)
+    .dependsOn(log, airspecRef % "test")
+
+lazy val rxJVM = rx.jvm
+lazy val rxJS  = rx.js
+
+lazy val widget =
+  crossProject(JSPlatform)
+    .crossType(CrossType.Pure)
+    .in(file("airframe-rx-widget"))
+    .settings(buildSettings)
+    .settings(
+      name := "airframe-rx-widget",
+      description := "Reactive Widget library for Scala.js",
+      libraryDependencies ++= Seq(
+        "org.scala-js" %%% "scalajs-dom" % "0.9.8"
+      )
+    )
+    .jsSettings(
+      jsBuildSettings,
+      jsEnv in Test := new org.scalajs.jsenv.jsdomnodejs.JSDOMNodeJSEnv()
+    )
+    .dependsOn(log, rx, airspecRef % "test")
+
+lazy val widgetJS = widget.js
+
 lazy val examples =
   project
     .in(file("examples"))
diff --git a/project/plugin.sbt b/project/plugin.sbt
index 23cc2e9527..ff94edab0e 100755
--- a/project/plugin.sbt
+++ b/project/plugin.sbt
@@ -4,10 +4,19 @@ addSbtPlugin("org.scoverage"      % "sbt-scoverage"            % "1.6.1")
 addSbtPlugin("org.scalameta"      % "sbt-scalafmt"             % "2.3.0")
 addSbtPlugin("org.portable-scala" % "sbt-scalajs-crossproject" % "0.6.1")
 
+// For Scala.js
 val SCALA_JS_VERSION = sys.env.getOrElse("SCALA_JS_VERSION", "1.0.0-RC2")
-
 addSbtPlugin("org.scala-js" % "sbt-scalajs" % SCALA_JS_VERSION)
 
+libraryDependencies ++= (
+  if (SCALA_JS_VERSION.startsWith("1.0.0")) {
+    // This plugin is available since Scala.js 1.0.0
+    Seq("org.scala-js" %% "scalajs-env-jsdom-nodejs" % SCALA_JS_VERSION)
+  } else {
+    Seq.empty
+  }
+)
+
 // For setting explicit versions for each commit
 addSbtPlugin("com.dwijnand" % "sbt-dynver" % "4.0.0")
 
diff --git a/website/static/css/overwrite.css b/website/static/css/overwrite.css
index 6317e2a2b6..18ef07205a 100644
--- a/website/static/css/overwrite.css
+++ b/website/static/css/overwrite.css
@@ -188,12 +188,15 @@ pre .hljs {
 .hljs-builtin-name,
 .hljs-literal,
 .hljs-type,
-.hljs-params,
 .hljs-meta,
 .hljs-link {
     color: #99b2e8;
 }
 
+.hljs-params {
+    color: #f2b9d9;
+}
+
 /* Ocean Yellow */
 .hljs-subst,
 .hljs-attribute {