build: migrate to SvelteKit, modernize codebase, fix maxHeight comput…

…ation

.gitignore

@@ -1,9 +1,22 @@
-.DS_Store
 node_modules
-/dist
+
+# Output
+.output
+.vercel
 /.svelte-kit
-/package
-*.log
+/build
+/dist
+
+# OS
+.DS_Store
+Thumbs.db
+
+# Env
 .env
 .env.*
-!.env.example
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.prettierrc

@@ -1,7 +1,9 @@
 {
-	"useTabs": false,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"arrowParens": "avoid",
-	"printWidth": 100
+  "useTabs": false,
+  "singleQuote": true,
+  "trailingComma": "none",
+  "arrowParens": "avoid",
+  "printWidth": 100,
+  "plugins": ["prettier-plugin-svelte"],
+  "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
 }

.vscode/settings.json

@@ -1,3 +1,4 @@
 {
-    "editor.tabSize": 2
-}
+  "editor.formatOnSave": true,
+  "editor.tabSize": 2
+}

eslint.config.js

@@ -0,0 +1,44 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+  js.configs.recommended,
+  ...ts.configs.recommended,
+  ...svelte.configs['flat/recommended'],
+  {
+    languageOptions: {
+      globals: {
+        ...globals.browser,
+        ...globals.node
+      }
+    }
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parserOptions: {
+        parser: ts.parser
+      }
+    }
+  },
+  {
+    ignores: ['build/', '.svelte-kit/', 'dist/']
+  },
+  {
+    rules: {
+      '@typescript-eslint/no-non-null-assertion': 'warn',
+      '@typescript-eslint/no-explicit-any': 'off',
+      '@typescript-eslint/no-unused-vars': [
+        'warn', // or "error"
+        {
+          argsIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          caughtErrorsIgnorePattern: '^_'
+        }
+      ]
+    }
+  }
+];

package.json

@@ -1,60 +1,66 @@
 {
   "name": "svelte-plotly.js",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "author": {
     "name": "Michal Grňo (m93a)",
     "url": "https://github.com/m93a/"
   },
   "description": "Unoficial Plotly package for Svelte and SvelteKit",
   "homepage": "https://github.com/m93a/svelte-plotly.js",
-  "bugs": {
-    "url": "https://github.com/m93a/svelte-plotly.js/issues"
-  },
+  "repository": "https://github.com/m93a/svelte-plotly.js",
   "license": "MIT",
-  "type": "module",
-	"files": [
-		"dist"
-	],
-	"types": "./dist/lib/Plot.svelte.d.ts",
-	"exports": {
-		".": {
-			"types": "./dist/lib/Plot.svelte.d.ts",
-			"svelte": "./dist/lib/Plot.svelte"
-		}
-	},
   "scripts": {
     "dev": "vite dev",
-    "build": "svelte-package -i src/lib -o dist/lib",
-    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "build": "vite build && npm run package",
+    "preview": "vite preview",
+    "package": "svelte-kit sync && svelte-package && publint && npm run lint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "lint": "prettier --check src/ && eslint .",
-    "format": "prettier --write src/"
+    "format": "prettier --write ."
   },
-  "devDependencies": {
-    "@sveltejs/package": "^2.3.1",
-    "@sveltejs/vite-plugin-svelte": "^3.1.1",
-    "@typescript-eslint/eslint-plugin": "^7.14.1",
-    "@typescript-eslint/parser": "^7.14.1",
-    "eslint": "^8.12.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.39.0",
-    "plotly.js-dist": "^2.12.1",
-    "prettier": "^3.3.2",
-    "prettier-plugin-svelte": "^3.2.5",
-    "sass": "^1.51.0",
-    "svelte-check": "^3.8.4",
-    "svelte-preprocess": "^6.0.1",
-    "tslib": "^2.3.1",
-    "typescript": "~5.5.2",
-    "vite": "^5.2.13"
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    }
   },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
   "dependencies": {
-    "svelte": "^4.2.18",
-    "@types/lodash-es": "^4.17.6",
-    "@types/plotly.js": "^2.12.5",
-    "lodash-es": "^4.17"
+    "@types/lodash-es": "^4.17.12",
+    "@types/plotly.js": "^2.33.3",
+    "lodash-es": "^4.17.21"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.2.2",
+    "@sveltejs/kit": "^2.5.18",
+    "@sveltejs/package": "^2.3.2",
+    "@sveltejs/vite-plugin-svelte": "^3.1.1",
+    "@types/eslint": "^9.6.0",
+    "eslint": "^9.8.0",
+    "eslint-plugin-svelte": "^2.43.0",
+    "globals": "^15.8.0",
+    "plotly.js-dist": "^2.34.0",
+    "prettier": "^3.3.3",
+    "prettier-plugin-svelte": "^3.2.6",
+    "publint": "^0.2.9",
+    "sass": "^1.77.8",
+    "svelte-check": "^3.8.5",
+    "typescript": "^5.5.4",
+    "typescript-eslint": "^7.18.0",
+    "vite": "^5.3.5"
   },
   "peerDependencies": {
-    "plotly.js-dist": "^2.12"
+    "plotly.js-dist": "^2.34.0",
+    "svelte": "^4.2.0"
   },
-  "packageManager": "pnpm@9.2.0+sha512.98a80fd11c2e7096747762304106432b3ddc67dcf54b5a8c01c93f68a2cd5e05e6821849522a06fb76284d41a2660d5e334f2ee3bbf29183bf2e739b1dafa771"
+  "packageManager": "pnpm@9.6.0+sha512.38dc6fba8dba35b39340b9700112c2fe1e12f10b17134715a4aa98ccf7bb035e76fd981cf0bb384dfa98f8d6af5481c2bef2f4266a24bfa20c34eb7147ce0b5e"
 }