fixed types, converted build tools to cjs, still working on sliders

Author: leonhma

.devcontainer/devcontainer.json

@@ -5,6 +5,8 @@ data.json
 package-lock.json
 .nyc_output
 coverage
+jest.config.js
+webpack.config.js
 
 LICENSE
 .deepsource.toml

.eslintignore

@@ -2,23 +2,36 @@
   "extends": [
     "eslint:recommended",
     "plugin:@typescript-eslint/recommended",
-    "prettier"
+    "plugin:@typescript-eslint/recommended-requiring-type-checking"
   ],
   "env": {
     "browser": true,
-    "node": true,
     "es6": true
   },
+  "parserOptions": {
+    "sourceType": "module",
+    "project": "./tsconfig.json",
+    "extraFileExtensions": [".svelte"]
+  },
   "parser": "@typescript-eslint/parser",
-  "plugins": ["@typescript-eslint"],
-
-  "root": true,
-
+  "plugins": ["svelte3", "@typescript-eslint"],
+  "overrides": [
+    {
+      "files": ["*.svelte"],
+      "processor": "svelte3/svelte3"
+    }
+  ],
+  "settings": {
+    "svelte3/typescript": true
+  },
+  "ignorePatterns": ["node_modules/*", "public/*", "build/*"],
   "rules": {
     "no-unused-vars": "error",
     "@typescript-eslint/no-unused-vars": "off",
+    "@typescript-eslint/restrict-template-expressions": "off",
+    "@typescript-eslint/prefer-nullish-coalescing": "warn",
     "no-use-before-define": "warn",
     "eqeqeq": "error",
-    "no-console": "warn"
+    "no-console": ["warn", { "allow": ["warn", "error"] }]
   }
 }

.eslintrc.json

@@ -6,7 +6,6 @@ data.json
 package-lock.json
 .nyc_output
 coverage
-.vscode
 .yarn
 
 # Created by https://www.toptal.com/developers/gitignore/api/node,obsidian,windows,macos,linux,yarn

.gitignore

@@ -0,0 +1 @@
+_

.husky/.gitignore

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+npx lint-staged

.husky/pre-commit

@@ -0,0 +1,4 @@
+{
+  "svelteSortOrder": "scripts-markup-styles",
+  "plugins": ["prettier-plugin-svelte"]
+}

.prettierrc.json

@@ -1,7 +1,7 @@
-export default {
+module.exports = {
   roots: ["<rootDir>/src"],
   testMatch: ["**/__tests__/**/*.+(ts)"],
   preset: "ts-jest/presets/js-with-ts",
-  testEnvironment: "node",
+  testEnvironment: "jsdom",
   transformIgnorePatterns: ["<rootDir>/node_modules/"],
 };

jest.config.ts jest.config.jsjest.config.ts renamed to jest.config.js

@@ -3,7 +3,6 @@
   "version": "1.2.1",
   "description": "A plugin for displaying mathematical functions in obsidian.md.",
   "repository": "https://github.com/leonhma/obsidian-functionplot",
-  "type": "module",
   "author": "leonhma",
   "license": "MIT",
   "private": true,
@@ -12,9 +11,8 @@
     "build": "yarn lint && webpack",
     "test": "jest",
     "format": "yarn prettier --write .",
-    "lint": "yarn eslint .",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook"
+    "lint": "yarn eslint -c .eslintrc.json .",
+    "postinstall": "husky install"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
@@ -25,12 +23,14 @@
     "@typescript-eslint/parser": "^5.41.0",
     "babel-loader": "^8.3.0",
     "css-loader": "^6.7.3",
-    "eslint": "^8.26.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-plugin-storybook": "^0.6.10",
+    "eslint": "^8.34.0",
+    "eslint-plugin-svelte3": "^4.0.0",
+    "husky": "^8.0.3",
     "jest": "^29.2.2",
-    "nested-object-assign": "^1.0.4",
+    "jest-environment-jsdom": "^29.4.2",
+    "lint-staged": "^13.1.1",
     "prettier": "^2.7.1",
+    "prettier-plugin-svelte": "^2.9.0",
     "sass": "^1.58.0",
     "sass-loader": "^13.0.2",
     "style-loader": "^3.3.1",
@@ -50,5 +50,9 @@
     "function-plot": "^1.23.1",
     "html-to-image": "^1.11.3",
     "obsidian": "0.16.3"
+  },
+  "lint-staged": {
+    "*.js": "eslint --cache --fix",
+    "*.{js,css,md,svelte}": "prettier --write"
   }
 }

package.json

@@ -1,8 +1,13 @@
 import { readFileSync } from "fs";
+import type { PluginManifest } from "obsidian";
 
 test("minAppVersion and obsidian version in package.json match", () => {
   // read files
-  const package_ = JSON.parse(readFileSync("package.json", "utf8"));
-  const manifest = JSON.parse(readFileSync("manifest.json", "utf8"));
+  const package_ = JSON.parse(readFileSync("package.json", "utf8")) as {
+    dependencies: { obsidian: string };
+  };
+  const manifest = JSON.parse(
+    readFileSync("manifest.json", "utf8")
+  ) as PluginManifest;
   expect(manifest.minAppVersion).toBe(package_.dependencies.obsidian);
 });