Adds pre-commit hooks via update project

.pre-commit-config.yaml

@@ -0,0 +1,30 @@
+---
+repos:
+
+  - repo: https://github.com/psf/black
+    rev: 24.4.2
+    hooks:
+      - id: black
+        args: [--quiet]
+        exclude: node_modules
+
+  - repo: local
+    hooks:
+      - id: prettier
+        name: prettier
+        entry: npm run prettier:fix
+        language: system
+        files: arches_lingo/src
+      - id: eslint
+        name: eslint
+        entry: npm run eslint:fix
+        language: system
+        files: arches_lingo/src
+      - id: typescript
+        name: typescript
+        entry: npm run ts:check
+        language: system
+        types: [
+          "ts",
+          "vue",
+        ]

.prettierrc

@@ -0,0 +1,3 @@
+{
+    "singleAttributePerLine": true
+}

eslint.config.mjs

@@ -2,13 +2,15 @@
 import js from "@eslint/js";
 import pluginVue from 'eslint-plugin-vue';
 import tseslint from 'typescript-eslint';
+import eslintConfigPrettier from "eslint-config-prettier";
 
 import vueESLintParser from 'vue-eslint-parser';
 
 export default [
     js.configs.recommended,
     ...pluginVue.configs['flat/recommended'],
     ...tseslint.configs.recommended,
+    eslintConfigPrettier,
     {
         "languageOptions": {
             "globals": {
@@ -36,7 +38,6 @@ export default [
         },
         "rules": {
             "semi": ["error", "always"],
-            "vue/html-indent": ["error", 4]
         },
     },
-]
+];

package.json

@@ -10,6 +10,8 @@
         "eslint:watch": "nodemon --watch . --ext ts,vue --exec npm run --silent eslint:check",
         "gettext:extract": "vue-gettext-extract",
         "gettext:compile": "vue-gettext-compile",
+        "prettier:check": "prettier arches_lingo/src --check",
+        "prettier:fix": "prettier arches_lingo/src --write",
         "ts:check": "vue-tsc --noEmit",
         "ts:watch": "vue-tsc --watch --noEmit",
         "start": "cross-env NODE_OPTIONS=--max-old-space-size=2048 webpack serve --config ./webpack/webpack.config.dev.js",

webpack/webpack-utils/build-filepath-lookup.js

@@ -0,0 +1,46 @@
+/* eslint-disable */
+
+const Path = require('path');
+const fs = require('fs');
+
+function buildFilepathLookup(path, staticUrlPrefix) {
+    if (!fs.existsSync(path)) {
+        return;
+    }
+
+    const prefix = path.match(/[^/]+$/);
+    const staticUrl = staticUrlPrefix ? staticUrlPrefix : "";
+
+    const getFileList = function (dirPath) {
+        return fs.readdirSync(dirPath, { withFileTypes: true }).reduce((fileList,entries) => {
+            const childPath = Path.join(dirPath, entries.name);
+
+            if (entries.isDirectory()) {
+                fileList.push(...getFileList(childPath, fileList));
+            } else
+            {
+                fileList.push(childPath);
+            }
+            return fileList;
+            }, []);
+        };
+
+    return getFileList(path).reduce((lookup, file) => {
+        const extension = file.match(/[^.]+$/).toString();
+        const extensionReplacementRegex = new RegExp(`\\.${extension}$`);
+
+        if (extension === 'js') {
+            lookup[file.replace(path,'').replace(/\\/g, '/').replace(extensionReplacementRegex,'').replace(/^\//,'')] = {"import": file, "filename": `${prefix}/[name].${extension}`};
+        }
+        else if (extension === 'css' || extension === 'scss') {
+            lookup[Path.join('css', file.replace(path,'').replace(/\\/g, '/')).replace(extensionReplacementRegex,'').replace(/^\//,'')] = { 'import': file };
+        }
+        else {
+            // staticUrl used for images
+            lookup[`${staticUrl}${prefix}/${file.replace(path,'').replace(/\\/g, '/').replace(/^\//,'')}`] = file;
+        }
+        return lookup;
+    }, {});
+}
+
+module.exports = { buildFilepathLookup };

webpack/webpack-utils/find-file.js

@@ -1,12 +1,16 @@
 const fs = require('fs');
 const Path = require('path');
 
-function findFile(path, target) {
+function findFile(path, target, excludedDirectories) {
+    if (!excludedDirectories) {
+        excludedDirectories = [];
+    }
+
     for (const name of fs.readdirSync(path)) {
         const filePath = Path.join(path, name);
         const stat = fs.lstatSync(filePath);
 
-        if (stat.isDirectory() && name !== 'node_modules') {
+        if (stat.isDirectory() && !excludedDirectories.includes(name)) {
             const result = findFile(filePath, target);
             if (result) {
                 return result;