Pick all new changes

.eslintrc.json

@@ -0,0 +1,89 @@
+{
+    "extends": "zardoy",
+    "ignorePatterns": [
+        "!*.js"
+    ],
+    "rules": {
+        "object-curly-spacing": [
+            "error",
+            "always"
+        ],
+        "semi": [
+            "error",
+            "never"
+        ],
+        "comma-dangle": [
+            "error",
+            // todo maybe "always-multiline"?
+            "only-multiline"
+        ],
+        "indent": [
+            "error",
+            2,
+            {
+                "SwitchCase": 1,
+                "ignoredNodes": [
+                    "TemplateLiteral"
+                ]
+            }
+        ],
+        "quotes": [
+            "error",
+            "single",
+            {
+                "allowTemplateLiterals": true
+            }
+        ],
+        // perf
+        "import/no-deprecated": "off",
+        // ---
+        "@typescript-eslint/prefer-nullish-coalescing": "off",
+        "@typescript-eslint/naming-convention": "off",
+        "prefer-template": "off",
+        // intentional: improve readability in some cases
+        "no-else-return": "off",
+        "@typescript-eslint/padding-line-between-statements": "off",
+        "arrow-body-style": "off",
+        "unicorn/prefer-ternary": "off",
+        "unicorn/switch-case-braces": "off",
+        "@typescript-eslint/consistent-type-definitions": "off",
+        "unicorn/explicit-length-check": "off",
+        "unicorn/prefer-dom-node-append": "off",
+        "typescript-eslint/no-confusing-void-expression": "off",
+        "unicorn/no-lonely-if": "off",
+        "no-multi-assign": "off",
+        "sonarjs/no-duplicate-string": "off",
+        "new-cap": "off",
+        "unicorn/consistent-destructuring": "off",
+        "unicorn/no-await-expression-member": "off",
+        "unicorn/prefer-add-event-listener": "off",
+        "unicorn/prefer-top-level-await": "off",
+        "default-case": "off",
+        // I guess it would better to fix
+        "node/prefer-global/buffer": "off",
+        "unicorn/prefer-optional-catch-binding": "off", // still useful for debugging
+        "no-alert": "off", // todo once replaced with ui, enable
+        "@typescript-eslint/restrict-plus-operands": "off",
+        // ---
+        "@typescript-eslint/no-throw-literal": "off", // disabling because of "rule expansion"
+        "no-empty-function": "off",
+        "@typescript-eslint/no-explicit-any": "off",
+        "import/no-extraneous-dependencies": "off",
+        "@typescript-eslint/ban-types": "off",
+        "unicorn/prefer-query-selector": "off",
+        "@typescript-eslint/dot-notation": "off", // trick prop type-checking
+        "@typescript-eslint/consistent-type-imports": "off",
+        "no-negated-condition": "off",
+        "@typescript-eslint/no-require-imports": "off",
+        "unicorn/prefer-number-properties": "off",
+        "@typescript-eslint/no-confusing-void-expression": "off",
+        "unicorn/no-empty-file": "off",
+        "unicorn/prefer-event-target": "off",
+        // needs to be fixed actually
+        "@typescript-eslint/no-floating-promises": "warn",
+        "no-async-promise-executor": "off",
+        "no-bitwise": "off",
+        "unicorn/filename-case": "off",
+        "max-depth": "off"
+    }
+}

.github/workflows/ci.yml

@@ -1,61 +1,25 @@
 name: CI
-
 on:
-  push:
-    branches: [ master ]
   pull_request:
-    branches: [ master ]
-
 jobs:
-  build:
-
+  build-and-deploy:
     runs-on: ubuntu-latest
-
-    strategy:
-      matrix:
-        node-version: [18.x]
-
+    permissions: write-all
     steps:
-    - uses: actions/checkout@v2
-    - name: Use Node.js ${{ matrix.node-version }}
-      uses: actions/setup-node@v1
-      with:
-        node-version: ${{ matrix.node-version }}
-    - run: npm install
-    - run: npm run build
-    - run: npm test
-  DeployPages:
-    runs-on: ubuntu-latest
-    if: ${{ github.event_name == 'push' }}
-    steps:
-      - name: Checkout 🛎️
-        uses: actions/checkout@v2.3.1 # If you're using actions/checkout@v2 you must set persist-credentials to false in most cases for the deployment to work correctly.
+      - name: Checkout repository
+        uses: actions/checkout@master
+      - name: Install pnpm
+        run: npm i -g pnpm
+      - run: pnpm install
+      - run: pnpm lint
+      - run: pnpm check-build
+      - run: nohup pnpm prod-start &
+      - run: nohup node cypress/minecraft-server.mjs &
+      - uses: cypress-io/github-action@v5
         with:
-          persist-credentials: false
-          fetch-depth: 0
-      - name: Edit config
-        run: |
-          sed -i -E 's/^  "defaultProxy": ""/  "defaultProxy": "pproxy.rom1504.fr"/g' config.json
-          sed -i -E 's/^  "defaultProxyPort": 0/  "defaultProxyPort": 443/g' config.json
-      - name: Build
-        run: |
-          npm install
-          npm run build
-          cp -R public/ ../
-          rm -Rf ./*
-          git checkout gh-pages
-          rm -Rf ./*
-          rm -Rf .github .gitignore .gitpod .gitpod.DockerFile .npmignore .npmrc
-          cp -R ../public/* ./
-      - name: Create commits
-        run: |
-          git config user.name 'rom1504bot'
-          git config user.email 'rom1504bot@users.noreply.github.com'
-          git add --all
-          git commit --amend -m "Update gh-pages"
-      - name: Deploy 🚀
-        uses: ad-m/github-push-action@master
+          install: false
+      - uses: actions/upload-artifact@v3
+        if: failure()
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
-          branch: gh-pages
-          force: true
+          name: cypress-images
+          path: cypress/integration/__image_snapshots__/

.github/workflows/preview.yml

@@ -0,0 +1,29 @@
+name: Vercel Deploy Preview
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  pull_request:
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    permissions:
+      pull-requests: write
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+      - name: Install Global Dependencies
+        run: npm install --global vercel pnpm
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        uses: mathiasvr/command-output@v2.0.0
+        with:
+          run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}
+        id: deploy
+      - uses: mshick/add-pr-comment@v2
+        with:
+          message: |
+            Deployed to Vercel Preview: ${{ steps.deploy.outputs.stdout }}

.github/workflows/publish.yml

@@ -1,33 +1,36 @@
-name: npm-publish
+name: Deploy to GitHub pages
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
 on:
   push:
-    branches:
-      - master # Change this to your default branch
+    branches: [main]
 jobs:
-  npm-publish:
-    name: npm-publish
+  build-and-deploy:
     runs-on: ubuntu-latest
+    permissions: write-all
     steps:
-    - name: Checkout repository
-      uses: actions/checkout@master
-    - name: Set up Node.js
-      uses: actions/setup-node@master
-      with:
-        node-version: 18.0.0
-    - run: npm install
-    - id: publish
-      uses: JS-DevTools/npm-publish@v1
-      with:
-        token: ${{ secrets.NPM_AUTH_TOKEN }}
-    - name: Create Release
-      if: steps.publish.outputs.type != 'none'
-      id: create_release
-      uses: actions/create-release@v1
-      env:
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-      with:
-        tag_name: ${{ steps.publish.outputs.version }}
-        release_name: Release ${{ steps.publish.outputs.version }}
-        body: ${{ steps.publish.outputs.version }}
-        draft: false
-        prerelease: false
+      - name: Checkout repository
+        uses: actions/checkout@master
+      - name: Install pnpm
+        run: npm i -g vercel pnpm
+      # - run: pnpm install
+      # - run: pnpm build
+      - run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      # will install + build to .vercel/output/static
+      - run: vercel build --token=${{ secrets.VERCEL_TOKEN }} --prod
+      - name: Deploy Project to Vercel
+        uses: mathiasvr/command-output@v2.0.0
+        with:
+          run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} --prod
+        id: deploy
+      - run: |
+          pnpx zardoy-release node --footer "This release URL: ${{ steps.deploy.outputs.stdout }}"
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+      - run: cp vercel.json .vercel/output/static/vercel.json
+      - uses: peaceiris/actions-gh-pages@v3
+        with:
+          github_token: ${{ secrets.GITHUB_TOKEN }}
+          publish_dir: .vercel/output/static
+          force_orphan: true

.gitignore

@@ -1,7 +1,17 @@
 node_modules/
 package-lock.json
 .vscode
-public
+**/public
+*.log
+.env.local
+Thumbs.db
+build
+localSettings.mjs
+dist
 .DS_Store
 .idea/
-*.iml
+world
+out
+*.iml
+.vercel
+generated

.npmrc

@@ -1 +1,3 @@
-package-lock=false
+public-hoist-pattern=*
+ignore-workspace-root-check=true
+shell-emulator=true

.vscode/launch.json

@@ -0,0 +1,61 @@
+{
+    "configurations": [
+        // UPDATED: all configs below are misconfigured and will crash vscode, open dist/index.html and use live preview debug instead
+        // recommended as much faster
+        {
+            // to launch "C:\Program Files\Google\Chrome Beta\Application\chrome.exe" --remote-debugging-port=9222
+            "type": "chrome",
+            "address": "localhost",
+            "name": "Attach Chrome",
+            "request": "attach",
+            // comment if using webpack
+            "pathMapping": {
+                "/": "${workspaceFolder}/dist"
+            },
+            "outFiles": [
+                "${workspaceFolder}/dist/**/*.js",
+                // "!${workspaceFolder}/dist/**/*vendors*",
+                "!${workspaceFolder}/dist/**/*minecraftData*",
+                "!**/node_modules/**"
+            ],
+            "skipFiles": [
+                // "<node_internals>/**/*vendors*"
+                "<node_internals>/**/*minecraftData*"
+            ],
+            "port": 9222,
+        },
+        {
+            // not recommended as in most cases it will slower as it launches from extension host so it slows down extension host, not sure why
+            "type": "chrome",
+            "name": "Launch Chrome",
+            "request": "launch",
+            "url": "http://localhost:8080/",
+            "pathMapping": {
+                "/": "${workspaceFolder}/dist"
+            },
+            "outFiles": [
+                "${workspaceFolder}/dist/**/*.js",
+                // "!${workspaceFolder}/dist/**/*vendors*",
+                "!${workspaceFolder}/dist/**/*minecraftData*",
+                "!**/node_modules/**"
+            ],
+            "skipFiles": [
+                // "<node_internals>/**/*vendors*"
+                "<node_internals>/**/*minecraftData*"
+            ],
+        },
+        {
+            // to launch "C:\Program Files\Mozilla Firefox\firefox.exe" -start-debugger-server
+            "type": "firefox",
+            "name": "Attach Firefox",
+            "request": "attach",
+            // comment if using webpack
+            "url": "http://localhost:8080/",
+            "webRoot": "${workspaceFolder}/",
+            "skipFiles": [
+                // "<node_internals>/**/*vendors*"
+                "<node_internals>/**/*minecraftData*"
+            ],
+        },
+    ]
+}

CONTRIBUTING.md

@@ -0,0 +1,14 @@
+# Contributing Guide
+
+After forking the repository, run the following commands to get started:
+
+0. Ensure you have [Node.js](https://nodejs.org) and `pnpm` installed. To install pnpm run `npm i -g pnpm`.
+1. Install dependencies: `pnpm i`
+2. Start the project in development mode: `pnpm start`
+
+A few notes:
+
+- It's recommended to use debugger for debugging. VSCode has a great debugger built-in. If debugger is slow, you can use `--no-sources` flag that would allow browser to speedup .map file parsing.
+- Some data are cached between restarts. If you see something doesn't work after upgrading dependencies, try to clear the by simply removing the `dist` folder.
+- The same folder `dist` is used for both development and production builds, so be careful when deploying the project.
+- Use `start-prod` script to start the project in production mode after running `build` script to build the project.

assets/manifest.json

@@ -1,13 +1,17 @@
 {
     "name": "Prismarine Web Client",
     "short_name": "Prismarine Web Client",
-    "scope": "/",
-    "start_url": "/",
-    "icons": [{
-        "src": "favicon.png",
-        "sizes": "512x512"
-    }],
+    "scope": "./",
+    "start_url": "./",
+    "icons": [
+        {
+            "src": "favicon.png",
+            "sizes": "512x512"
+        }
+    ],
     "background_color": "#349474",
     "theme_color": "#349474",
+    "lang": "en-US",
+    "orientation": "landscape",
     "display": "standalone"
-}
+}