[ Architecture ] : New frontend

.pre-commit-config.yaml

@@ -7,7 +7,7 @@ repos:
           - id: djjs
 
     - repo: https://github.com/psf/black
-      rev: 22.6.0
+      rev: 22.3.0
       hooks:
           - id: black
 
@@ -18,14 +18,14 @@ repos:
             args: [--target-version, "4.0"]
 
     - repo: https://github.com/pre-commit/pre-commit-hooks
-      rev: v4.3.0
+      rev: v4.2.0
       hooks:
           - id: end-of-file-fixer
           - id: trailing-whitespace
           - id: check-ast
 
     - repo: https://github.com/pre-commit/mirrors-prettier
-      rev: v2.7.1
+      rev: v2.6.2
       hooks:
           - id: prettier
             files: \.(lock|json|yaml|yml|md)$|./backend/\.(html)$|./frontend/\.(js|jsx|ts|tsx|css|sass|scss|svelte|html)$
@@ -42,7 +42,7 @@ repos:
                 ]
             additional_dependencies:
                 - [email protected]
-                # - [email protected]
+                - [email protected]
 
     - repo: https://github.com/PyCQA/isort
       rev: 5.10.1
@@ -51,13 +51,13 @@ repos:
             args: [--profile, black]
 
     - repo: https://github.com/asottile/pyupgrade
-      rev: v2.37.1
+      rev: v2.32.1
       hooks:
           - id: pyupgrade
             args: [--py311-plus]
 
     - repo: https://github.com/pre-commit/mirrors-eslint
-      rev: v8.20.0
+      rev: v8.16.0
       hooks:
           - id: eslint
             args: [
@@ -70,9 +70,9 @@ repos:
                 ]
             additional_dependencies:
                 - [email protected]
-                - "[email protected]"
-                - "[email protected]"
+                - [email protected]
+                - [email protected]
+                - "@typescript-eslint/[email protected]"
+                - "@typescript-eslint/[email protected]"
                 - [email protected]
                 - [email protected]
-                - "@emotion/[email protected]"
-                - [email protected]

frontend/AnimeCore/.eslintignore

@@ -0,0 +1,13 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock

frontend/AnimeCore/.eslintrc.cjs

@@ -0,0 +1,25 @@
+module.exports = {
+    root: true,
+    parser: "@typescript-eslint/parser",
+    extends: ["eslint:recommended", "plugin:@typescript-eslint/recommended", "prettier"],
+    plugins: ["svelte3", "@typescript-eslint", "simple-import-sort"],
+    ignorePatterns: ["*.cjs"],
+    overrides: [{ files: ["*.svelte"], processor: "svelte3/svelte3" }],
+    settings: {
+        "svelte3/typescript": () => require("typescript")
+    },
+    parserOptions: {
+        sourceType: "module",
+        ecmaVersion: 2020
+    },
+    rules: {
+        /** Sort imports */
+        "simple-import-sort/imports": "warn",
+        "simple-import-sort/exports": "warn"
+    },
+    env: {
+        browser: true,
+        es2017: true,
+        node: true
+    }
+};

frontend/AnimeCore/.gitignore

@@ -1,35 +1,9 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
 .DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.pnpm-debug.log*
-
-# local env files
-.env*.local
-
-# vercel
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
 .vercel
-
-# typescript
-*.tsbuildinfo

frontend/AnimeCore/.npmrc

@@ -0,0 +1 @@
+engine-strict=true

frontend/AnimeCore/.prettierignore

@@ -0,0 +1,15 @@
+.DS_Store
+node_modules
+/build
+/.svelte-kit
+/package
+.env
+.env.*
+!.env.example
+
+# Ignore files for PNPM, NPM and YARN
+pnpm-lock.yaml
+package-lock.json
+yarn.lock
+
+.vercel

frontend/AnimeCore/.prettierrc

@@ -0,0 +1,11 @@
+{
+    "useTabs": false,
+    "tabWidth": 4,
+    "singleQuote": false,
+    "trailingComma": "none",
+    "printWidth": 100,
+    "arrowParens": "always",
+    "bracketSameLine": false,
+    "singleAttributePerLine": true,
+    "htmlWhitespaceSensitivity": "ignore"
+}

frontend/AnimeCore/README.md

@@ -0,0 +1,38 @@
+# create-svelte
+
+Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
+
+## Creating a project
+
+If you're seeing this, you've probably already done this step. Congrats!
+
+```bash
+# create a new project in the current directory
+npm init svelte
+
+# create a new project in my-app
+npm init svelte my-app
+```
+
+## Developing
+
+Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
+
+```bash
+npm run dev
+
+# or start the server and open the app in a new browser tab
+npm run dev -- --open
+```
+
+## Building
+
+To create a production version of your app:
+
+```bash
+npm run build
+```
+
+You can preview the production build with `npm run preview`.
+
+> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.