add code formatting

mendrik · Nov 4, 2023 · dfbeae9 · dfbeae9
1 parent 35f926f
commit dfbeae9
Show file tree

Hide file tree

Showing 20 changed files with 159 additions and 146 deletions.
diff --git a/docs/CNAME b/docs/CNAME
diff --git a/docs/assets/cssMode-49fc5b2c.js → docs/assets/cssMode-b2899415.js b/docs/assets/cssMode-49fc5b2c.js → docs/assets/cssMode-b2899415.js
diff --git a/docs/assets/freemarker2-15ed0c79.js → docs/assets/freemarker2-795bf5a8.js b/docs/assets/freemarker2-15ed0c79.js → docs/assets/freemarker2-795bf5a8.js
diff --git a/docs/assets/handlebars-398457b5.js → docs/assets/handlebars-375856d0.js b/docs/assets/handlebars-398457b5.js → docs/assets/handlebars-375856d0.js
diff --git a/docs/assets/html-d82802e7.js → docs/assets/html-4326f337.js b/docs/assets/html-d82802e7.js → docs/assets/html-4326f337.js
diff --git a/docs/assets/htmlMode-b2f7577f.js → docs/assets/htmlMode-e22382d0.js b/docs/assets/htmlMode-b2f7577f.js → docs/assets/htmlMode-e22382d0.js
diff --git a/docs/assets/index-52c6b913.js → docs/assets/index-ff37ea15.js b/docs/assets/index-52c6b913.js → docs/assets/index-ff37ea15.js
diff --git a/docs/assets/javascript-3ca1c620.js → docs/assets/javascript-8e382a4d.js b/docs/assets/javascript-3ca1c620.js → docs/assets/javascript-8e382a4d.js
diff --git a/docs/assets/jsonMode-632b0128.js → docs/assets/jsonMode-27165551.js b/docs/assets/jsonMode-632b0128.js → docs/assets/jsonMode-27165551.js
diff --git a/docs/assets/liquid-37495ccf.js → docs/assets/liquid-6b9d33cc.js b/docs/assets/liquid-37495ccf.js → docs/assets/liquid-6b9d33cc.js
diff --git a/docs/assets/mdx-bf3570ca.js → docs/assets/mdx-0645f3cf.js b/docs/assets/mdx-bf3570ca.js → docs/assets/mdx-0645f3cf.js
diff --git a/docs/assets/python-facdbfa2.js → docs/assets/python-5f3ef9a5.js b/docs/assets/python-facdbfa2.js → docs/assets/python-5f3ef9a5.js
diff --git a/docs/assets/razor-85348302.js → docs/assets/razor-e13ed3a1.js b/docs/assets/razor-85348302.js → docs/assets/razor-e13ed3a1.js
diff --git a/docs/assets/tsMode-2680e875.js → docs/assets/tsMode-448cd288.js b/docs/assets/tsMode-2680e875.js → docs/assets/tsMode-448cd288.js
diff --git a/docs/assets/typescript-1d9f69e1.js → docs/assets/typescript-3be1a4d7.js b/docs/assets/typescript-1d9f69e1.js → docs/assets/typescript-3be1a4d7.js
diff --git a/docs/assets/xml-97f2c30e.js → docs/assets/xml-51a1d4ee.js b/docs/assets/xml-97f2c30e.js → docs/assets/xml-51a1d4ee.js
diff --git a/docs/assets/yaml-4e303dab.js → docs/assets/yaml-9ca0bfee.js b/docs/assets/yaml-4e303dab.js → docs/assets/yaml-9ca0bfee.js
diff --git a/docs/index.html b/docs/index.html
@@ -18,7 +18,7 @@
 
     gtag('config', 'G-Z6B0LX1RZ7');
   </script>
-  <script type="module" crossorigin src="/assets/index-52c6b913.js"></script>
+  <script type="module" crossorigin src="/assets/index-ff37ea15.js"></script>
   <link rel="stylesheet" href="/assets/index-d6b7e8ef.css">
 </head>
 

diff --git a/src/config/editor.ts b/src/config/editor.ts
@@ -35,8 +35,12 @@ export const editorOptions: E.IStandaloneEditorConstructionOptions = {
   fontFamily: "Fira Code",
   fontLigatures: true,
   fontSize: 14,
+  autoIndent: "full",
+  formatOnPaste: true,
   value: initialCode,
   scrollbar: {
     useShadows: false
-  }
+  },
+  tabSize: 2,
+  insertSpaces: true
 }
diff --git a/src/ui/nav/nav.tsx b/src/ui/nav/nav.tsx
@@ -1,6 +1,6 @@
 import "./nav.css"
 
-import { IconBook2, IconCopy } from "@tabler/icons-react"
+import { IconBook2, IconCopy, IconIndentIncrease } from "@tabler/icons-react"
 
 import { editor } from "../input/input"
 
@@ -15,6 +15,10 @@ const copyCode = () => {
   }
 }
 
+const format = () => {
+  void editor.value?.getAction("editor.action.formatDocument")?.run()
+}
+
 export const Nav = () => (
   <nav>
     <h2 className="title" data-title="ramda, ramda-adjunct, purify-ts">
@@ -33,6 +37,12 @@ export const Nav = () => (
           Share
         </button>
       </li>
+      <li>
+        <button onClick={format}>
+          <IconIndentIncrease stroke={1} />
+          Format
+        </button>
+      </li>
     </ul>
   </nav>
 )