chore: prettier, husky, lint-staged, commitlint and commitizen

.eslintrc.cjs

@@ -2,24 +2,16 @@
 module.exports = {
   root: true,
   extends: [
-    'eslint:recommended', 
+    'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:@typescript-eslint/stylistic',
   ],
   parser: '@typescript-eslint/parser',
-  plugins: [
-    '@typescript-eslint',
-    '@stylistic'
-  ],
+  plugins: ['@typescript-eslint', '@stylistic'],
   rules: {
     '@stylistic/indent': ['error', 2],
     '@stylistic/semi': ['error', 'never'],
-    '@stylistic/quotes': ['error', 'single', { 'allowTemplateLiterals': true }]
+    '@stylistic/quotes': ['error', 'single', { allowTemplateLiterals: true }],
   },
-  ignorePatterns: [
-    'media',
-    'out',
-    'dist',
-    '**/*.d.ts'
-  ]
+  ignorePatterns: ['media', 'out', 'dist', '**/*.d.ts'],
 }

.github/workflows/main.yml

@@ -4,7 +4,7 @@ on:
       - main
   release:
     types:
-    - created
+      - created
 
 jobs:
   build:
@@ -13,19 +13,19 @@ jobs:
         os: [macos-latest, ubuntu-latest, windows-latest]
     runs-on: ${{ matrix.os }}
     steps:
-    - name: Checkout
-      uses: actions/checkout@v4
-    - name: Install Node.js
-      uses: actions/setup-node@v4
-      with:
-        node-version: 18.x
-    - run: npm install
-    - run: xvfb-run -a npm test
-      if: runner.os == 'Linux'
-    - run: npm test
-      if: runner.os != 'Linux'
-    - name: Publish
-      if: success() && startsWith(github.ref, 'refs/tags/') && matrix.os == 'ubuntu-latest'
-      run: npm run deploy
-      env:
-        VSCE_PAT: ${{ secrets.VSCE_PAT }}
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 18.x
+      - run: npm install
+      - run: xvfb-run -a npm test
+        if: runner.os == 'Linux'
+      - run: npm test
+        if: runner.os != 'Linux'
+      - name: Publish
+        if: success() && startsWith(github.ref, 'refs/tags/') && matrix.os == 'ubuntu-latest'
+        run: npm run deploy
+        env:
+          VSCE_PAT: ${{ secrets.VSCE_PAT }}

.gitignore

@@ -3,3 +3,4 @@ dist
 node_modules
 .vscode-test/
 *.vsix
+.DS_Store

.husky/commit-msg

@@ -0,0 +1 @@
+npx --no -- commitlint --edit $1

.husky/pre-commit

@@ -0,0 +1 @@
+npx lint-staged

.husky/prepare-commit-msg

@@ -0,0 +1 @@
+exec < /dev/tty && node_modules/.bin/cz --hook || true

.lintstagedrc

@@ -0,0 +1,3 @@
+{
+  "**/*": "prettier --write --ignore-unknown"
+}

.prettierignore

@@ -0,0 +1,2 @@
+build
+coverage

.prettierrc

@@ -0,0 +1,14 @@
+{
+  "printWidth": 100,
+  "useTabs": false,
+  "quoteProps": "as-needed",
+  "jsxSingleQuote": false,
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "all",
+  "bracketSpacing": true,
+  "bracketSameLine": false,
+  "arrowParens": "always",
+  "singleAttributePerLine": true,
+  "endOfLine": "lf"
+}

.vscode-test.mjs

@@ -1,5 +1,5 @@
-import { defineConfig } from '@vscode/test-cli';
+import { defineConfig } from '@vscode/test-cli'
 
 export default defineConfig({
-	files: 'out/test/**/*.test.js',
-});
+  files: 'out/test/**/*.test.js',
+})

.vscode/extensions.json

@@ -1,8 +1,5 @@
 {
   // See http://go.microsoft.com/fwlink/?LinkId=827846
   // for the documentation about the extensions.json format
-  "recommendations": [
-    "dbaeumer.vscode-eslint",
-    "ms-vscode.extension-test-runner"
-  ]
+  "recommendations": ["dbaeumer.vscode-eslint", "ms-vscode.extension-test-runner"]
 }

.vscode/launch.json

@@ -9,12 +9,8 @@
       "name": "Run Extension",
       "type": "extensionHost",
       "request": "launch",
-      "args": [
-        "--extensionDevelopmentPath=${workspaceFolder}"
-      ],
-      "outFiles": [
-        "${workspaceFolder}/out/**/*.js"
-      ],
+      "args": ["--extensionDevelopmentPath=${workspaceFolder}"],
+      "outFiles": ["${workspaceFolder}/out/**/*.js"],
       "preLaunchTask": "${defaultBuildTask}"
     }
   ]

.vscode/settings.json

@@ -2,14 +2,13 @@
 {
   "files.exclude": {
     "out": false // set this to true to hide the "out" folder with the compiled JS files
-    },
+  },
   "search.exclude": {
     "out": true // set this to false to include "out" folder in search results
   },
   // Turn off tsc task auto detection since we have the necessary tasks as npm scripts
   "typescript.tsc.autoDetect": "off",
-  "cSpell.words": [
-    "dotlottie",
-    "lottiefiles"
-  ]
+  "cSpell.words": ["dotlottie", "lottiefiles"],
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "editor.formatOnSave": true
 }

README.md

@@ -9,4 +9,3 @@ Preview Lottie in Visual Studio Code.
 
 - Open `.lottie` file directly.
   ![feature 2](media/images/vscode-lottie-preview-feature-2.gif)
-

commitlint.config.mjs

@@ -0,0 +1 @@
+export default { extends: ['@commitlint/config-conventional'] }

media/main.js

@@ -2,7 +2,7 @@ const dotlottiePlayer = document.querySelector('.dotlottie-player')
 let dotlottiePlayerWidth = '300px'
 let dotlottiePlayerHeight = '300px'
 
-const widthInput = document.querySelector("#width")
+const widthInput = document.querySelector('#width')
 widthInput.addEventListener('input', (e) => {
   dotlottiePlayerWidth = e.target.value
   dotlottiePlayer.style = `width: ${dotlottiePlayerWidth}; height: ${dotlottiePlayerHeight}`