feat: ui add

Signed-off-by: Eray Ates <[email protected]>
worldline-go · Oct 8, 2024 · 430f8e1 · 430f8e1
1 parent 5df6d6b
commit 430f8e1
Show file tree

Hide file tree

Showing 31 changed files with 4,886 additions and 180 deletions.
diff --git a/handler/_ui/.eslintignore b/handler/_ui/.eslintignore
@@ -0,0 +1 @@
+node_modules
diff --git a/handler/_ui/.eslintrc.js b/handler/_ui/.eslintrc.js
@@ -0,0 +1,44 @@
+module.exports = {
+  "env": {
+    "browser": true,
+    "jest": true,
+    "node": true,
+  },
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "tsconfigRootDir": __dirname,
+    "project": ["./tsconfig.json"],
+    "extraFileExtensions": [".svelte", ".html"],
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:@typescript-eslint/recommended",
+    "google",
+  ],
+  "plugins": ["html", "svelte3", "@typescript-eslint"],
+  "overrides": [
+    {
+      "files": ["*.svelte"],
+      "processor": "svelte3/svelte3",
+    },
+  ],
+  "settings": {
+    "html/html-extensions": [".html"],
+    "svelte3/typescript": require("typescript"),
+    "svelte3/ignore-styles": () => true,
+  },
+  "rules": {
+    "indent": ["error", 2, { "SwitchCase": 1 }],
+    "new-cap": "off",
+    "@typescript-eslint/no-explicit-any": "off",
+    "object-curly-spacing": ["error", "always"],
+    "linebreak-style": ["error", "unix"],
+    "semi": ["error", "always"],
+    "quotes": ["error", "double"],
+    "jsx-quotes": "warn",
+    "quote-props": ["error", "consistent"],
+    "require-jsdoc": "off",
+    "max-len": "off",
+    "@typescript-eslint/explicit-module-boundary-types": "off",
+  },
+};
diff --git a/handler/_ui/.gitignore b/handler/_ui/.gitignore
@@ -0,0 +1,4 @@
+/node_modules/
+/dist/
+.DS_Store
+.svelte-kit/
diff --git a/handler/_ui/.stylelintignore b/handler/_ui/.stylelintignore
@@ -0,0 +1 @@
+/index.html
diff --git a/handler/_ui/.stylelintrc.json b/handler/_ui/.stylelintrc.json
@@ -0,0 +1,15 @@
+{
+  "plugins": [
+    "stylelint-scss"
+  ],
+  "extends": [
+    "stylelint-config-standard",
+    "stylelint-config-sass-guidelines"
+  ],
+  "rules": {
+    "at-rule-no-unknown": null,
+    "scss/at-rule-no-unknown": null,
+    "selector-max-id": 2,
+    "max-nesting-depth": 3
+  }
+}
diff --git a/handler/_ui/.vscode/extensions.json b/handler/_ui/.vscode/extensions.json
@@ -0,0 +1,7 @@
+{
+  "recommendations": [
+    "svelte.svelte-vscode",
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint"
+  ]
+}
diff --git a/handler/_ui/.vscode/settings.json b/handler/_ui/.vscode/settings.json
@@ -0,0 +1,35 @@
+{
+  "prettier.enable": false,
+  "editor.tabSize": 2,
+  "editor.formatOnSave": true,
+  "editor.detectIndentation": false,
+  "eslint.enable": true,
+  "eslint.alwaysShowStatus": true,
+  "eslint.format.enable": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
+  },
+  "stylelint.packageManager": "pnpm",
+  "stylelint.validate": [
+    "css",
+    "scss",
+    "less",
+    "postcss",
+    "html",
+  ],
+  "eslint.validate": [
+    "html",
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "svelte"
+  ],
+  "svelte.enable-ts-plugin": true,
+  "[svelte]": {
+    "editor.defaultFormatter": "svelte.svelte-vscode"
+  },
+  "files.insertFinalNewline": true,
+  "scss.lint.unknownAtRules": "ignore",
+}
diff --git a/handler/_ui/README.md b/handler/_ui/README.md
@@ -0,0 +1,36 @@
+# Web Template
+
+Vite + Svelte template with good stuffs.
+
+> __-__ SCSS, Tailwind  
+> __-__ pnpm repo  
+> __-__ eslint + stylelint  
+> __-__ prettier disabled!  
+> __-__ .vscode config and recommended list  
+> __-__ gh-pages  
+> __-__ proxy settings
+
+## Usage
+
+Get this repo with `degit`.
+
+```sh
+degit https://github.com/rytsh/vitesse.git my-new-project
+```
+
+```sh
+cd my-new-project
+pnpm install
+```
+
+Run project
+
+```sh
+pnpm run dev
+```
+
+Build
+
+```sh
+pnpm build
+```
diff --git a/handler/_ui/index.html b/handler/_ui/index.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width,initial-scale=1" />
+  <link rel="icon" type="image/svg+xml" href="./logo.svg" />
+  <script type="module" src="./src/main.ts" defer></script>
+
+  <title>Vitesse</title>
+</head>
+
+<body>
+</body>
+
+</html>
diff --git a/handler/_ui/package.json b/handler/_ui/package.json
@@ -0,0 +1,45 @@
+{
+  "name": "_~vitesse-template~_",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "serve": "vite preview",
+    "check": "svelte-check --tsconfig ./tsconfig.json",
+    "pages": "gh-pages -d dist -t"
+  },
+  "devDependencies": {
+    "@sveltejs/vite-plugin-svelte": "^3.1.2",
+    "@tsconfig/svelte": "^5.0.4",
+    "@typescript-eslint/eslint-plugin": "^8.2.0",
+    "@typescript-eslint/parser": "^8.2.0",
+    "autoprefixer": "^10.4.20",
+    "axios": "^1.7.4",
+    "eslint": "^9.9.0",
+    "eslint-config-google": "^0.14.0",
+    "eslint-plugin-html": "^8.1.1",
+    "eslint-plugin-svelte": "^2.43.0",
+    "gh-pages": "^6.1.1",
+    "postcss": "^8.4.41",
+    "postcss-load-config": "^5.1.0",
+    "rollup": "^4.21.0",
+    "sass": "^1.77.8",
+    "stylelint": "^16.8.2",
+    "stylelint-config-sass-guidelines": "^12.0.0",
+    "stylelint-config-standard": "^36.0.1",
+    "stylelint-scss": "6.5.0",
+    "svelte": "^4.2.18",
+    "svelte-check": "^3.8.5",
+    "svelte-preprocess": "^6.0.2",
+    "tailwindcss": "^3.4.10",
+    "tslib": "^2.6.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.2",
+    "vite-plugin-html": "^3.2.2"
+  },
+  "dependencies": {
+    "immutability-helper": "^3.1.1",
+    "svelte-spa-router": "^4.0.1"
+  }
+}