Added interpunct support to replace hyphens.

Author: mudgen

docs/app.js

@@ -366,21 +366,22 @@ const contentNav =
     ),
     div.class`mt-6 pl-3`(
       /*  Place this tag where you want the button to render. */
-      a.class`github-button`.href`https://github.com/mudgen/webscript`
-      ["data-size"]`large`
-      ["data-show-count"]`true`
-      ["aria-label"]`Star Webscript on GitHub``Star`,
+      a.class`github-button`
+        .href`https://github.com/mudgen/webscript`
+        .data·size`large`
+        .data·show·count`true`
+        .aria·label`Star Webscript on GitHub``Star`,
       div.class`mt-2`(
         a.class`github-button`.href`https://github.com/sponsors/mudgen`
-        ["data-size"]`large`
-        ["data-icon"]`octicon-heart`
-        ["ariaLabel"]`Sponsor @ntkme on GitHub``Sponsor`
+        .data·size`large`
+        .data·icon`octicon-heart`
+        .aria·label`Sponsor @mudgen on GitHub``Sponsor`
       ),
       div.class`mt-2`(
         a.class`twitter-follow-button`.href`https://twitter.com/mudgen?ref_src=twsrc%5Etfw`
-        ["data-size"]`large`
-        ["data-show-count"]`false`
-        ["data-show-screen-name"]`false`
+        .data·size`large`
+        .data·show·count`false`
+        .data·show·screen·name`false`
           `Follow @mudgen`
       )
     ),

html2webscript/app.js

@@ -346,6 +346,8 @@ function out(o, indent) {
   }
 }
 
+let hyphen = new RegExp("-","g");
+
 function camelCase(hyphenText) {
   return hyphenText.split("-")
     .map((text, index) => {
@@ -375,7 +377,7 @@ function traverse(element) {
     else {
       let name = a.name;
       if (name.indexOf('-') > -1) {
-        name = camelCase(name);
+        name = name.replace(hyphen, "·");
       }
       o.attrs.push(`.${name}\`${a.value}\``);
     }

src/webscript.js

@@ -13,6 +13,8 @@ function templateValues(args) {
   return result;
 }
 
+let interpunct = new RegExp("·","g");
+
 function createInitialBuilder(constructor, type) {
   function setPropertyValue(...args) {
     let [value] = args;
@@ -73,6 +75,9 @@ function createInitialBuilder(constructor, type) {
           return setPropsValues;
         }
         else if (typeof prop === "string") {
+          if(prop.indexOf("·") !== -1) {
+            prop = prop.replace(interpunct, "-");
+          }
           if (prop.endsWith("Value") && prop.length > 5) {
             return target.__element_info__.props[prop.slice(0, -5)];
           }