Updates

bloomberg · Sep 18, 2024 · 724a912 · 724a912
commit 724a912
Show file tree

Hide file tree

Showing 13 changed files with 54,962 additions and 0 deletions.
diff --git a/.nojekyll b/.nojekyll
diff --git a/assets/base.min.css b/assets/base.min.css
diff --git a/assets/benchmark-chart-1.jpg b/assets/benchmark-chart-1.jpg
diff --git a/assets/benchmark-chart-2.jpg b/assets/benchmark-chart-2.jpg
diff --git a/index.html b/index.html
diff --git a/node_modules/prism-themes/themes/prism-vs.min.css b/node_modules/prism-themes/themes/prism-vs.min.css
diff --git a/node_modules/prism-themes/themes/prism-vsc-dark-plus.min.css b/node_modules/prism-themes/themes/prism-vsc-dark-plus.min.css
diff --git a/play/codicon-37A3DWZT.ttf b/play/codicon-37A3DWZT.ttf
diff --git a/play/index.html b/play/index.html
@@ -0,0 +1,103 @@
+<!doctype html>
+<html>
+    <head>
+        <title>ts-blank-space playground</title>
+        <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+        <meta name="viewport" content="width=device-width,initial-scale=1" />
+        <link rel="stylesheet" href="/assets/base.min.css" />
+        <!-- play.css generated by build -->
+        <link rel="stylesheet" href="./play.css" />
+        <style>
+            .tsbs-wrapper {
+                display: grid;
+                grid-template-columns: 1fr 1fr;
+                grid-template-areas:
+                    "header-ts header-js"
+                    "editor-ts editor-js";
+            }
+
+            @media (max-width: 50rem) {
+                .tsbs-wrapper {
+                    grid-template-columns: 1fr;
+                    grid-template-areas:
+                        "header-ts"
+                        "editor-ts"
+                        "header-js"
+                        "editor-js";
+                }
+            }
+
+            .col {
+                display: flex;
+                flex-direction: column;
+                flex: 1 0 400px;
+            }
+            .editor {
+                height: 80vh;
+                overflow: hidden;
+            }
+            .tsbs-ghost {
+                display: inline-block;
+                overflow: visible;
+                width: 0;
+                opacity: 0.2;
+            }
+
+            menu > * {
+                padding: 1ch;
+            }
+
+            .gh-link svg {
+                display: inline-block;
+                height: 2em;
+            }
+        </style>
+    </head>
+    <body>
+        <div class="tsbs-wrapper">
+            <div style="background-color: #3178c6; grid-area: header-ts; text-align: right">
+                <h1 class="cds-t-h1">ts-</h1>
+            </div>
+            <div style="background-color: #f90; grid-area: header-js">
+                <h1 class="cds-t-h1" style="float: left">blank-space</h1>
+                <menu style="float: right">
+                    <label title="Control if output should be shown as a diff"
+                        >diff: <input type="checkbox" id="diff-check" />
+                    </label>
+                    <label
+                        title="Control if a faint ghost of the original TypeScript should still be displayed in the output"
+                        >👻: <input type="checkbox" id="ghost-check" checked />
+                    </label>
+                    <label title="Select which parser mode to use for the input text"
+                        >parser:
+                        <select id="lang-select" style="width: auto; display: inline-block; padding: 5px">
+                            <option value="ts">.ts</option>
+                            <option value="tsx">.tsx</option>
+                        </select>
+                    </label>
+                    <button
+                        style="background: transparent; border: 0; cursor: pointer"
+                        title="Save state to URL address bar"
+                        id="save-button"
+                    >
+                        💾
+                    </button>
+                    <a
+                        href="https://github.com/bloomberg/ts-blank-space"
+                        class="gh-link"
+                        style="float: right; padding: 5px"
+                        ><svg viewBox="0 0 98 96" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" fill="#24292f"/></svg>
+</a
+                    >
+                </menu>
+            </div>
+            <div id="container-ts" class="editor" style="grid-area: editor-ts"></div>
+            <div id="container-js" class="editor" style="grid-area: editor-js"></div>
+        </div>
+        <div id="container-diff" class="editor"></div>
+        <footer style="text-align: center; padding-top: 10px">
+            <a href="..">bloomberg/ts-blank-space</a>
+        </footer>
+        <script src="./play.js"></script>
+    </body>
+</html>
diff --git a/play/play.css b/play/play.css
diff --git a/play/play.js b/play/play.js