Sveltekit migration

.github/workflows/update_locales_manifest.yml

@@ -5,7 +5,7 @@ on:
     branches:
       - master
     paths:
-      - "public/locales/*"
+      - "static/locales/*"
   workflow_dispatch:
     branches:
       - master
@@ -21,21 +21,21 @@ jobs:
           import os
           import time
           import json
-          languages = [i.name for i in os.scandir("public/locales") if i.is_dir()]
+          languages = [i.name for i in os.scandir("static/locales") if i.is_dir()]
           languages.sort()
           try:
-              with open("public/locales/manifest.json") as f:
+              with open("static/locales/manifest.json") as f:
                   manifest = json.load(f)
           except OSError:
               manifest = {"files": ["\/lang.json"], "languages": ["en"], "language_mapping": [], "custom_languages": []}
           if languages != manifest['languages']:
               manifest['languages'] = languages
               manifest['timestamp'] = int(time.time())
-              with open("public/locales/manifest.json", 'w') as f:
+              with open("static/locales/manifest.json", 'w') as f:
                   json.dump(manifest, f)
         shell: python
 
       - uses: peter-evans/create-pull-request@v3
         with:
-          commit-message: "Auto-update Crowdin manifest.json on changes to public/locales"
+          commit-message: "Auto-update Crowdin manifest.json on changes to static/locales"
           title: "Update locales manifest"

.gitignore

@@ -1,3 +1,21 @@
-/node_modules/
-/public/build/
+node_modules
+
+# Output
+.output
+.vercel
+/.svelte-kit
+/build
+
+# OS
 .DS_Store
+Thumbs.db
+
+# Env
+.env
+.env.*
+!.env.example
+!.env.test
+
+# Vite
+vite.config.js.timestamp-*
+vite.config.ts.timestamp-*

.npmrc

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

.prettierignore

@@ -0,0 +1,4 @@
+# Package Managers
+package-lock.json
+pnpm-lock.yaml
+yarn.lock

.prettierrc

@@ -0,0 +1,10 @@
+{
+	"useTabs": false,
+	"singleQuote": false,
+	"trailingComma": "none",
+	"printWidth": 130,
+	"arrowParens": "avoid",
+	"bracketSpacing": false,
+	"plugins": ["prettier-plugin-svelte"],
+	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
+}

README.md

@@ -1,26 +1,26 @@
 # Armoria
 
-Armoria is a procedural heraldry generator and editor by Azgaar. It's both a serverless GUI tool and server-side API. Almost the same code is also used as a part of the [Fantasy Map Generator](https://github.com/Azgaar/Fantasy-Map-Generator) project.
+Armoria is a procedural heraldry generator and editor by Azgaar. It's both a serverless GUI tool and server-side API. It is also used as a part of the [Fantasy Map Generator](https://github.com/Azgaar/Fantasy-Map-Generator) project.
 
-The GUI version is available on [Github Pages](https://azgaar.github.io/Armoria/). Join our [Reddit community](https://www.reddit.com/r/FantasyMapGenerator) and [Discord server](https://discordapp.com/invite/X7E84HU) to share your creations, discuss the tool, suggest ideas and get the most recent updates.
+The GUI is available on [Vercel](https://armoria.vercel.app/). Join our [Reddit community](https://www.reddit.com/r/FantasyMapGenerator) and [Discord server](https://discordapp.com/invite/X7E84HU) to share your creations, discuss the tool, suggest ideas and get the most recent updates.
 
 You can support the project on [Patreon](https://www.patreon.com/azgaar).
 
 A tutorial is available [on Wiki](https://github.com/Azgaar/Armoria/wiki/Armoria-Tutorial). In case you want to help with translation, join the project on [Crowdin](https://crowdin.com/project/armoria).
 
-![Gallery View](public/preview.png)
+![Gallery View](static/preview.png)
 
-![Editor View](public/preview2.png)
+![Editor View](static/preview2.png)
 
 ## For Developers
 
-The tool is almost zero-dependency vanilla JS with just [Svelte](https://github.com/sveltejs/svelte) used for GUI. Svelte is a bit specific framework that compiles components to vanilla JS.
+The tool is almost zero-dependency vanilla JS based on [SvelteKit](https://github.com/sveltejs/kit). [Svelte](https://github.com/sveltejs/svelte) is a framework used for UI that compiles components to vanilla JS.
 
 Pull requests are welcomed.
 
 ### Installation
 
-Clone the repository and install the dependencies, then run `dev` to start Rollup and build in dev mode:
+Clone the repository and install the dependencies, then run `dev` to build and start the application in dev mode:
 
 ```
 git clone https://github.com/Azgaar/Armoria.git
@@ -29,13 +29,15 @@ npm install
 npm run dev
 ```
 
-Navigate to [localhost:5000](http://localhost:5000). You should see the app running. Edit a component file in `src`, save it, and reload the page to see your changes.
+Navigate to [localhost:5173](http://localhost:5173). You should see the app running. Edit a component file in `src`, save it, and reload the page to see your changes.
 
 To create an optimised version run `npm run build`.
 
 ## API
 
-Armoria API is available as a separate project, see [the documentation](https://github.com/Azgaar/armoria-api#readme). The API allows to `GET` random or predefined vector and raster heraldic images of a given size.
+The API allows to `GET` random or predefined vector and raster heraldic images of a given size.
+
+For more details, see [the documentation](https://github.com/Azgaar/Armoria/wiki/Armoria-API).
 
 ## Alternatives
 

crowdin.yml

@@ -1,3 +1,3 @@
 files:
-  - source: /public/locales/en/lang.json
-    translation: /public/locales/%two_letters_code%/%original_file_name%
+  - source: /static/locales/en/lang.json
+    translation: /static/locales/%two_letters_code%/%original_file_name%

eslint.config.js

@@ -0,0 +1,33 @@
+import js from '@eslint/js';
+import ts from 'typescript-eslint';
+import svelte from 'eslint-plugin-svelte';
+import prettier from 'eslint-config-prettier';
+import globals from 'globals';
+
+/** @type {import('eslint').Linter.FlatConfig[]} */
+export default [
+	js.configs.recommended,
+	...ts.configs.recommended,
+	...svelte.configs['flat/recommended'],
+	prettier,
+	...svelte.configs['flat/prettier'],
+	{
+		languageOptions: {
+			globals: {
+				...globals.browser,
+				...globals.node
+			}
+		}
+	},
+	{
+		files: ['**/*.svelte'],
+		languageOptions: {
+			parserOptions: {
+				parser: ts.parser
+			}
+		}
+	},
+	{
+		ignores: ['build/', '.svelte-kit/', 'dist/']
+	}
+];