barelyhuman · barelyhuman · Feb 28, 2025 · Feb 28, 2025 · Feb 28, 2025
diff --git a/.github/workflows/docker-publish.yml b/.github/workflows/docker-publish.yml
@@ -2,21 +2,19 @@ name: Docker
 
 on:
   push:
-    branches: [ "pro" ]
-    tags: [ 'v*.*.*' ]
+    branches: ["pro"]
+    tags: ["v*.*.*"]
   pull_request:
-    branches: [ "pro" ]
+    branches: ["pro"]
 
 env:
   # Use docker.io for Docker Hub if empty
   REGISTRY: ghcr.io
   # github.repository as <account>/<repo>
   IMAGE_NAME: ${{ github.repository }}
 
-
 jobs:
   build:
-
     runs-on: ubuntu-latest
     permissions:
       contents: read
@@ -35,7 +33,7 @@ jobs:
         if: github.event_name != 'pull_request'
         uses: sigstore/cosign-installer@59acb6260d9c0ba8f4a2f9d9b48431a222b68e20 #v3.5.0
         with:
-          cosign-release: 'v2.2.4'
+          cosign-release: "v2.2.4"
 
       # Set up BuildKit Docker container builder to be able to build
       # multi-platform images and export cache

diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1 @@
+pnpm nano-staged
diff --git a/index.html b/index.html
@@ -1,4 +1,4 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />

diff --git a/package.json b/package.json
@@ -6,7 +6,14 @@
     "dev": "vite",
     "build": "vite build",
     "serve": "vite preview",
-    "next": "bumpp"
+    "next": "bumpp",
+    "fix": "prettier --write .",
+    "prepare": "husky"
+  },
+  "nano-staged": {
+    "*.{js,jsx,vue,ts,md,json,html}": [
+      "prettier --write"
+    ]
   },
   "license": "MIT",
   "dependencies": {
@@ -24,12 +31,16 @@
     "vue": "^3.5.12"
   },
   "devDependencies": {
+    "@barelyhuman/prettier-config": "^2.0.2",
     "@vitejs/plugin-vue": "^5.1.4",
     "@vue/compiler-sfc": "^3.5.12",
     "autoprefixer": "^10.4.20",
     "bumpp": "^9.7.1",
     "cssnano": "^7.0.6",
+    "husky": "^9.1.7",
+    "nano-staged": "^0.8.0",
     "postcss": "^8.4.47",
+    "prettier": "^3.5.2",
     "tailwindcss": "^3.4.14",
     "terser": "^5.36.0",
     "vite": "^5.4.9"
@@ -40,4 +51,4 @@
     "dompurify": ">=2.5.0",
     "braces": ">=3.0.3"
   }
-}
+}
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/editor-rich.vue b/src/components/editor-rich.vue
@@ -1,5 +1,11 @@
 <template>
-  <div name="" ref="texteditor" autofocus="true" class="flex-1 w-full code-editor" id="editor"></div>
+  <div
+    name=""
+    ref="texteditor"
+    autofocus="true"
+    class="flex-1 w-full code-editor"
+    id="editor"
+  ></div>
 </template>
 <script>
 import "quill/dist/quill.bubble.css";
@@ -47,9 +53,9 @@ export default {
       try {
         ops = JSON.parse(props.opsState);
       } catch (err) {
-        // Migration change to move from 
-        // storing markdown to quill delta 
-        // if a syntax error is found, try converting it 
+        // Migration change to move from
+        // storing markdown to quill delta
+        // if a syntax error is found, try converting it
         if (err instanceof SyntaxError) {
           ops = converter.convert(props.opsState);
         }

diff --git a/src/components/menu.vue b/src/components/menu.vue
@@ -30,15 +30,14 @@ defineProps({
 });
 
 const onClickOutside = () => {
-  state.dropdownOpen = false
+  state.dropdownOpen = false;
 };
 
 const vClickOutside = {
   mounted: (el, binding, vnode) => {
     el.clickOutsideEvent = function (event) {
-
       if (!(el == event.target || el.contains(event.target))) {
-        binding.value(event)
+        binding.value(event);
       }
     };
     document.addEventListener("click", el.clickOutsideEvent);

diff --git a/src/components/preview.vue b/src/components/preview.vue
@@ -11,9 +11,9 @@ defineProps({
 <style scoped>
 .markdown-preview {
   font-family: "IBM Plex Sans", sans-serif;
-  margin:0 auto;
+  margin: 0 auto;
   width: 100%;
-  padding:10px;
+  padding: 10px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;

diff --git a/src/components/settings-modal.vue b/src/components/settings-modal.vue
@@ -76,7 +76,9 @@ const props = defineProps(["onClose"]);
   min-width: 50%;
   display: flex;
   flex-direction: column;
-  transition: transform 0.3s ease, opacity 0.3s ease;
+  transition:
+    transform 0.3s ease,
+    opacity 0.3s ease;
 }
 
 .modal-content .modal-header {
@@ -159,11 +161,11 @@ input[type="checkbox"] {
   background: var(--text);
 }
 
-.checkbox-container .checkbox-label { 
+.checkbox-container .checkbox-label {
   margin-left: 2rem;
 }
 
-input[type="checkbox"]:checked ~ .checkbox > .checkbox-overlay{
-  opacity:1
+input[type="checkbox"]:checked ~ .checkbox > .checkbox-overlay {
+  opacity: 1;
 }
 </style>
diff --git a/src/components/toolbar.vue b/src/components/toolbar.vue
@@ -1,6 +1,5 @@
 <template>
-    <div class="toolbar">
-        <slot />
-    </div>
+  <div class="toolbar">
+    <slot />
+  </div>
 </template>
-
diff --git a/src/lib/copy.js b/src/lib/copy.js
@@ -1,18 +1,18 @@
-export async function copy (text) {
+export async function copy(text) {
   if (!navigator.clipboard) {
-    return _copyDeprecated(text)
+    return _copyDeprecated(text);
   }
-  await navigator.clipboard.writeText(text)
+  await navigator.clipboard.writeText(text);
 }
 
-function _copyDeprecated (text) {
-  const copyTextarea = document.createElement('textarea')
-  copyTextarea.style.position = 'fixed'
-  copyTextarea.style.opacity = '0'
-  copyTextarea.textContent = text
+function _copyDeprecated(text) {
+  const copyTextarea = document.createElement("textarea");
+  copyTextarea.style.position = "fixed";
+  copyTextarea.style.opacity = "0";
+  copyTextarea.textContent = text;
 
-  document.body.appendChild(copyTextarea)
-  copyTextarea.select()
-  document.execCommand('copy')
-  document.body.removeChild(copyTextarea)
+  document.body.appendChild(copyTextarea);
+  copyTextarea.select();
+  document.execCommand("copy");
+  document.body.removeChild(copyTextarea);
 }
diff --git a/src/lib/quill/delta-md.js b/src/lib/quill/delta-md.js
@@ -29,7 +29,7 @@ export const deltaToMarkdown = (delta) => {
           ? d.insert
           : d.insert && d.insert.value
             ? d.insert.value
-            : ""
+            : "",
       )
       .join("");
     return `<pre data-language="${data.op.attributes["code-block"]}"><code>${codeContent}</code></pre>`;

diff --git a/src/pages/Home.vue b/src/pages/Home.vue
@@ -133,7 +133,7 @@ watch(
   () => {
     state.code = getDefaultCode();
     state.opsFromStorage = getFromStorage();
-  }
+  },
 );
 
 onMounted(() => {

diff --git a/src/styles/index.css b/src/styles/index.css
@@ -167,6 +167,6 @@ a {
   background: var(--surface);
   padding: 4px 8px;
   color: var(--text);
-  border:0px;
-  border-radius:4px;
+  border: 0px;
+  border-radius: 4px;
 }
diff --git a/vite.config.js b/vite.config.js
@@ -10,12 +10,8 @@ export default defineConfig({
       output: {
         manualChunks: {
           highlightjs: ["highlight.js"],
-          quill: [
-            "quill",
-            "quilljs-markdown",
-            "md-to-quill-delta",
-          ],
-          vendor:["html2pdf.js"]
+          quill: ["quill", "quilljs-markdown", "md-to-quill-delta"],
+          vendor: ["html2pdf.js"],
         },
       },
     },
-Original file line number
+Diff line change
@@ Expand Up / @@ -133,7 +133,7 @@ watch( @@
       () => {
         state.code = getDefaultCode();
         state.opsFromStorage = getFromStorage();
-      }
+      },
     );
     onMounted(() => {
@@ Expand Down @@