Add svelte and update configs

Author: marySalvi

widget/.parcelrc

@@ -0,0 +1,8 @@
+{
+    "extends": "@parcel/config-default",
+    "transformers": {
+        "*.svelte": [
+            "parcel-transformer-svelte3-plus"
+        ]
+    }
+}

widget/package.json

@@ -7,33 +7,45 @@
     "lint:eslint": "eslint ./src/**.ts",
     "lint:tsc": "tsc --noEmit",
     "lint": "yarn run lint:tsc && yarn run lint:eslint",
+    "start": "parcel src/index.html --port 3000",
     "watch": "parcel watch ./src/widget.ts --dist-dir ../s3_file_field/static/s3_file_field/",
     "build:clean": "rimraf ../s3_file_field/static/s3_file_field",
     "build:compile": "parcel build ./src/widget.ts --dist-dir ../s3_file_field/static/s3_file_field/ --no-source-maps --no-cache",
     "build": "yarn run build:clean && yarn run build:compile"
   },
   "dependencies": {
-    "django-s3-file-field": "file:../javascript-client"
+    "django-s3-file-field": "file:../javascript-client",
+    "svelte": "^4.2.0",
+    "svelte-preprocess": "^5.0.4"
   },
   "devDependencies": {
     "@parcel/transformer-sass": "^2.2.1",
     "@tsconfig/recommended": "^1.0.1",
+    "@tsconfig/svelte": "^5.0.2",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
     "@typescript-eslint/parser": "^5.10.0",
     "buffer": "^5.5.0||^6.0.0",
     "eslint": "^8",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-plugin-import": "^2.25.4",
     "parcel": "^2.2.1",
+    "parcel-transformer-svelte3-plus": "^0.2.10",
     "process": "^0.11.10",
     "rimraf": "^3.0.2",
+    "svelte-check": "^3.5.0",
     "typescript": "^5.1.6"
   },
   "browserslist": [
     "last 1 chrome version",
     "last 1 firefox version"
   ],
+  "@parcel/resolver-default": {
+    "packageExports": true
+  },
   "eslintConfig": {
+    "env": {
+      "node": true
+    },
     "parser": "@typescript-eslint/parser",
     "parserOptions": {
       "project": "./tsconfig.json"
@@ -50,6 +62,20 @@
     ],
     "rules": {
       "no-restricted-syntax": 0
-    }
+    },
+    "settings": {
+      "import/resolver": {
+        "typescript": {}
+      }
+    },
+    "overrides": [
+      {
+        "files": [
+          "**/*.ts",
+          "**/*.js",
+          "**/*.svelte"
+        ]
+      }
+    ]
   }
 }

widget/svelte.config.js

@@ -0,0 +1,5 @@
+const sveltePreprocess = require('svelte-preprocess')
+
+module.exports = {
+  preprocess: sveltePreprocess()
+}

widget/tsconfig.json

@@ -1,6 +1,9 @@
 {
-  "extends": "@tsconfig/recommended/tsconfig.json",
+  "extends": "@tsconfig/svelte/tsconfig.json",
   "include": [
-    "src/**/*"
+    "src/**/*",
+    "src/**/*.ts",
+    "src/**/*.js",
+    "src/**/*.svelte"
   ]
 }