Prepare v0.3.2

pixelaw · Jun 19, 2024 · 082042b · 082042b
1 parent 345cba2
commit 082042b
Show file tree

Hide file tree

Showing 96 changed files with 109 additions and 15,407 deletions.
diff --git a/.env.development b/.env.development
diff --git a/.env.example b/.env.example
diff --git a/.env.production b/.env.production
diff --git a/.eslintrc.cjs b/.eslintrc.cjs
@@ -1,14 +1,18 @@
 module.exports = {
+  root: true,
   env: { browser: true, es2020: true },
   extends: [
     'eslint:recommended',
     'plugin:@typescript-eslint/recommended',
     'plugin:react-hooks/recommended',
   ],
+  ignorePatterns: ['dist', '.eslintrc.cjs'],
   parser: '@typescript-eslint/parser',
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
   plugins: ['react-refresh'],
   rules: {
-    'react-refresh/only-export-components': 'warn',
+    'react-refresh/only-export-components': [
+      'warn',
+      { allowConstantExport: true },
+    ],
   },
 }
diff --git a/.gitignore b/.gitignore
@@ -1,3 +1,7 @@
+# dev
+src/assets/tiles
+coverage/
+
 # Logs
 logs
 *.log
@@ -22,11 +26,4 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-
-# placeholder assets
-*/pixel-state.png
-
-.env
-.core
-
-.run
+/.run/dev.run.xml
diff --git a/README.md b/README.md
@@ -1,5 +1,13 @@
-# client
-The (browser) client
+# Why this
+I needed a blank canvas (hihi) to fully understand all the elements.
+It turned out in rearchitecting everything from the ground up, mostly to be able to add bitmap tiles.
 
-Version 0.3.1
+# What's new
+- Separated the rendering (viewport) from the data (pixels and bitmap tiles)
+- Pixels can now be show based on bitmap tile data from the server's "TileCacher" module
+- Introduced "wrapping" around the unsigned int32 coordinate system. 
+  - So to the left of x=0 is now x=4_294_967_295 but it all "just works"
+
+# How to run it
+- It's a regular Vite+React project, but you'll need the PixeLAW Core (dev)container running somewhere too.
 
diff --git a/VERSION b/VERSION
@@ -1 +1 @@
-0.3.1
+0.3.2
diff --git a/codegen.ts b/codegen.ts
diff --git a/components.json b/components.json
diff --git a/index.html b/index.html
@@ -1,21 +1,12 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
-  <head>
-    <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>PixeLAW</title>
-    <link rel="preconnect" href="https://fonts.googleapis.com">
-    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Noto+Emoji&family=Noto+Sans:wght@400;700&family=Silkscreen:wght@400;700&display=block" rel="stylesheet">
-  </head>
-  <body>
-    <div id="root"></div>
-
-    <script>
-      globalThis.import_meta_env = JSON.parse('"import_meta_env_placeholder"');
-
-    </script>
-    <script type="module" src="/src/main.tsx"></script>
-  </body>
+<head>
+    <meta charset="UTF-8"/>
+    <link href="/src/assets/favicon.ico" rel="icon" type="image/x-icon"/>
+    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+</head>
+<body>
+<div id="root"></div>
+<script src="/src/main.tsx" type="module"></script>
+</body>
 </html>
diff --git a/package.json b/package.json
@@ -1,90 +1,58 @@
 {
   "name": "pixelaw-web",
-  "private": false,
+  "private": true,
+  "version": "0.3.2",
   "type": "module",
-  "license": "MIT",
-  "version": "0.3.1",
-  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",
   "scripts": {
-    "dev": "rm -rf node_modules/.vite && vite",
-    "img": "tsx doc/encodePngToFelt.ts",
+    "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
-    "codegen": "graphql-codegen",
-    "fix-codegen": "node src/fixGeneratedGraphql.cjs",
-    "create-components": "npx @dojoengine/core ../contracts/target/dev/manifest.json src/dojo/contractComponents.ts http://localhost:5050 0x47864d08a1b86cf0dd52ea2785f8bc93b5f48edca8380bbb3057d158521e12d",
-    "loadManifests": "tsx src/scripts/loadManifests.ts"
+    "test": "vitest",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@dojoengine/core": "0.6.125",
-    "@dojoengine/create-burner": "0.6.125",
-    "@dojoengine/react": "0.6.125",
-    "@dojoengine/recs": "0.1.35",
-    "@dojoengine/state": "0.6.125",
-    "@dojoengine/torii-client": "0.6.125",
-    "@dojoengine/utils": "0.6.125",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-label": "^2.0.2",
-    "@radix-ui/react-select": "^2.0.0",
-    "@radix-ui/react-slot": "^1.0.2",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@tanstack/react-query": "^5.32.1",
-    "@tanstack/react-query-devtools": "^5.0.0",
-    "@types/pngjs": "^6.0.5",
-    "@use-gesture/react": "^10.3.1",
-    "class-variance-authority": "^0.7.0",
-    "clsx": "^2.0.0",
-    "dotenv": "^16.4.5",
-    "events": "^3.3.0",
-    "graphql": "^16.7.1",
-    "graphql-request": "^6.1.0",
-    "graphql-tag": "^2.12.6",
-    "graphql-ws": "^5.14.2",
+    "@apollo/client": "^3.10.4",
+    "@dojoengine/core": "^0.7.1",
+    "@dojoengine/create-burner": "^0.7.1",
+    "@dojoengine/react": "^0.7.2",
+    "@dojoengine/recs": "^0.1.35",
+    "@dojoengine/state": "^0.7.1",
+    "@dojoengine/torii-client": "^0.7.1",
+    "@dojoengine/utils": "^0.7.2",
+    "@react-hook/resize-observer": "^2.0.1",
+    "@types/upng-js": "^2.1.5",
+    "autoprefixer": "^10.4.19",
+    "browserify-zlib": "^0.2.0",
+    "graphql": "^16.8.1",
+    "graphql-request": "^7.0.1",
+    "idb-keyval": "^6.2.1",
     "immer": "^10.1.1",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.288.0",
-    "micro-starknet": "^0.2.3",
-    "mobx": "^6.9.0",
-    "pngjs": "^7.0.0",
-    "proxy-deep": "^3.1.1",
-    "query-string": "^9.0.0",
+    "pngjs3": "^6.1.1",
+    "postcss": "^8.4.38",
     "react": "^18.2.0",
-    "react-color": "^2.19.3",
     "react-dom": "^18.2.0",
-    "react-icons": "^4.11.0",
-    "react-router-dom": "^6.17.0",
-    "rxjs": "^7.8.1",
-    "starknet": "^6.1.5",
-    "tailwind-merge": "^1.14.0",
-    "tailwindcss-animate": "^1.0.7",
-    "threejs-math": "^0.147.0",
-    "type-fest": "^2.14.0",
-    "vite-plugin-top-level-await": "^1.3.1",
-    "vite-plugin-wasm": "^3.2.2",
+    "react-router-dom": "^6.23.1",
+    "starknet": "^6.9.0",
+    "tailwindcss": "^3.4.4",
+    "upng-js": "^2.1.0",
     "zustand": "^4.5.2"
   },
   "devDependencies": {
-    "@graphql-codegen/cli": "^5.0.0",
-    "@graphql-codegen/typescript": "^4.0.1",
-    "@graphql-codegen/typescript-graphql-request": "^6.0.0",
-    "@graphql-codegen/typescript-operations": "^4.0.1",
-    "@types/lodash": "^4.14.200",
-    "@types/node": "^20.8.6",
-    "@types/react": "^18.2.28",
-    "@types/react-color": "^3.0.7",
-    "@types/react-dom": "^18.2.13",
-    "@typescript-eslint/eslint-plugin": "^6.8.0",
-    "@typescript-eslint/parser": "^6.8.0",
-    "@vitejs/plugin-react": "^4.1.0",
-    "autoprefixer": "^10.4.16",
-    "eslint": "^8.51.0",
+    "@types/react": "^18.2.66",
+    "@types/react-dom": "^18.2.22",
+    "@typescript-eslint/eslint-plugin": "^7.2.0",
+    "@typescript-eslint/parser": "^7.2.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "@vitest/coverage-v8": "^1.6.0",
+    "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "postcss": "^8.4.31",
-    "postinstall-postinstall": "^2.1.0",
-    "tailwindcss": "^3.3.3",
+    "eslint-plugin-react-refresh": "^0.4.6",
     "typescript": "^5.2.2",
-    "vite": "^4.4.11"
+    "vite": "^5.2.0",
+    "vite-plugin-graphql-loader": "^3.0.1",
+    "vite-plugin-top-level-await": "^1.4.1",
+    "vite-plugin-wasm": "^3.3.0",
+    "vitest": "^1.6.0"
   }
 }
diff --git a/postcss.config.js b/postcss.config.js
@@ -1,6 +1,7 @@
 export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
+    plugins: {
+      tailwindcss: {},
+      autoprefixer: {},
+    },
+  }
+
diff --git a/public/assets/vite.svg b/public/assets/vite.svg
diff --git a/public/vite.svg b/public/vite.svg
diff --git a/src/App.tsx b/src/App.tsx