Merge pull request #67 from z-korp/dev

UI Enhancement & Contract Update
z-korp · Nov 13, 2024 · 6758fc6 · 6758fc6
2 parents 0fab75d + f767d2e
commit 6758fc6
Show file tree

Hide file tree

Showing 49 changed files with 1,782 additions and 342 deletions.
diff --git a/client/index.html b/client/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>zKube</title>
     <meta
       name="description"
       content="Play this fun puzzle game and get rewarded!"
@@ -22,7 +22,36 @@
       content="https://raw.githubusercontent.com/z-korp/zkube/d27a55867176c0e43426fef45e4194a698503ef0/client/public/assets/logo.png"
     />
     <link rel="icon" type="image/svg+xml" href="favicon.ico" />
-    <title>zKube</title>
+
+    <!-- For iOS -->
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta
+      name="apple-mobile-web-app-status-bar-style"
+      content="black-translucent"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="152x152"
+      href="/assets/apple-icon-152x152.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="180x180"
+      href="/assets/apple-icon-180x180.png"
+    />
+    <link
+      rel="apple-touch-icon"
+      sizes="167x167"
+      href="/assets/apple-icon-167x167.png"
+    />
+
+    <!-- For Android -->
+    <meta name="mobile-web-app-capable" content="yes" />
+    <meta name="theme-color" content="#080414" />
+    <meta
+      name="viewport"
+      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover"
+    />
   </head>
   <body>
     <div id="root"></div>

diff --git a/client/package.json b/client/package.json
@@ -17,7 +17,8 @@
     "preview": "vite preview",
     "codegen": "graphql-codegen",
     "gen:models": "npx create-models ../contracts/manifests/dev/manifest.json ./src/dojo/generated/contractModels.ts",
-    "test": "jest"
+    "test": "vitest",
+    "test:watch": "vitest watch"
   },
   "bin": {
     "create-models": "./bin/models.cjs"
@@ -68,6 +69,7 @@
     "framer-motion": "^11.2.10",
     "graphql": "^16.8.2",
     "graphql-request": "^6.1.0",
+    "gsap": "^3.12.5",
     "html-to-image": "^1.11.11",
     "lucide-react": "^0.394.0",
     "mobx": "^6.13.2",
@@ -97,7 +99,8 @@
     "@graphql-codegen/typescript": "^4.0.7",
     "@graphql-codegen/typescript-graphql-request": "^5.0.0",
     "@graphql-codegen/typescript-operations": "^4.2.1",
-    "@types/jest": "^29.5.12",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.0.1",
     "@types/node": "^20.16.6",
     "@types/react": "^18.3.9",
     "@types/react-dom": "^18.3.0",
@@ -108,12 +111,13 @@
     "eslint": "^8.57.0",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-react-refresh": "^0.3.5",
-    "jest": "^29.7.0",
+    "jsdom": "^25.0.1",
     "postcss": "^8.4.38",
     "tailwindcss": "^3.4.4",
     "ts-jest": "^29.2.5",
     "typescript": "^5.6.2",
     "vite": "^4.5.5",
-    "vite-plugin-mkcert": "^1.17.5"
+    "vite-plugin-mkcert": "^1.17.5",
+    "vitest": "^2.1.4"
   }
 }