@masonf539/egyptian-war 1.0.1-beta.1 → 1.0.1-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -124,7 +124,7 @@ exports.egyptianWar = {
124
124
  };
125
125
  exports.egyptianWarManifest = {
126
126
  apiVersion: game_sdk_1.gameHubGameApiVersion,
127
- packageVersion: "1.0.1-beta.1",
127
+ packageVersion: "1.0.1-beta.2",
128
128
  definition: exports.egyptianWar,
129
129
  client: {
130
130
  delivery: "embedded",
package/docs/design.md CHANGED
@@ -121,6 +121,6 @@ Checked implementation items do not imply that every multiplayer interaction has
121
121
  - [x] Give the CSS table a layered casino-felt, wooden-rail, depth, and drop-shadow treatment while retaining its original oval shape.
122
122
  - [x] Draw cards as accessible HTML/CSS playing-card faces; do not depend on external card image assets.
123
123
  - [x] Render mirrored card corners, distinct face-card styling, and a Joker with vertical JOKER labels and a decorative center that is distinguishable from a Jack.
124
- - [x] Render slap hands with a package-owned palm graphic for consistent mobile orientation, scale them and their stopping distance with the rendered card size, keep their shadows visually below the hand at every seat rotation, and layer later collected attempts above the official winner.
124
+ - [x] Render slap hands with the original splayed-hand emoji on desktop and a clearer raised-palm variant on coarse-pointer/mobile devices, scale them and their stopping distance with the rendered card size, keep their shadows visually below the hand at every seat rotation, and layer later collected attempts above the official winner.
125
125
  - [x] Keep the table, player seats, card motion, spectator area, and controls usable on narrow screens and with reduced-motion preferences.
126
126
  - Offer chat per game rather than requiring it in every game; games that rely on secrecy or fast rounds can opt out, while social multiplayer games can enable it.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@masonf539/egyptian-war",
3
- "version": "1.0.1-beta.1",
3
+ "version": "1.0.1-beta.2",
4
4
  "description": "Egyptian War game plugin for GameHub.",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/public/client.js CHANGED
@@ -83,11 +83,16 @@ function createEgyptianWarSlapHand() {
83
83
  const handGlyph = document.createElement("span");
84
84
  handGlyph.className = "egyptian-war-flying-hand-glyph";
85
85
  handGlyph.setAttribute("aria-hidden", "true");
86
- handGlyph.innerHTML = `
87
- <svg class="egyptian-war-slap-hand-svg" viewBox="0 0 100 120" focusable="false">
88
- <path class="egyptian-war-slap-hand-shape" d="M28 112c-11-7-17-20-17-35V58c0-5 4-9 9-9s9 4 9 9V28c0-6 4-10 9-10s9 4 9 10V17c0-6 4-10 9-10s9 4 9 10v7c1-5 5-8 10-8s9 4 9 10v42c0 27-14 45-38 47-7 1-13 0-18-3Z"/>
89
- <path class="egyptian-war-slap-hand-detail" d="M29 58v19m18-49v38m18-42v42m19-40v43M25 82c12-6 25-4 34 6m-26 8c8-5 17-5 25 1"/>
90
- </svg>`;
86
+
87
+ const desktopHand = document.createElement("span");
88
+ desktopHand.className = "egyptian-war-slap-hand-desktop";
89
+ desktopHand.textContent = "💐️";
90
+
91
+ const mobileHand = document.createElement("span");
92
+ mobileHand.className = "egyptian-war-slap-hand-mobile";
93
+ mobileHand.textContent = "✋";
94
+
95
+ handGlyph.append(desktopHand, mobileHand);
91
96
  return handGlyph;
92
97
  }
93
98
  function renderEgyptianWarSlapRules(settings) {
package/public/style.css CHANGED
@@ -755,25 +755,26 @@ body:has([data-game-plugin-root="egyptian-war"]:not([hidden])) #gameplay-view {
755
755
  animation-delay: inherit;
756
756
  }
757
757
 
758
- .egyptian-war-slap-hand-svg {
758
+ .egyptian-war-slap-hand-desktop,
759
+ .egyptian-war-slap-hand-mobile {
759
760
  display: block;
760
761
  width: 1em;
761
- height: 1.2em;
762
- overflow: visible;
762
+ height: 1em;
763
+ line-height: 1;
763
764
  }
764
765
 
765
- .egyptian-war-slap-hand-shape {
766
- fill: #ffc34d;
767
- stroke: #aa6818;
768
- stroke-width: 3;
769
- stroke-linejoin: round;
766
+ .egyptian-war-slap-hand-mobile {
767
+ display: none;
770
768
  }
771
769
 
772
- .egyptian-war-slap-hand-detail {
773
- fill: none;
774
- stroke: #d78b25;
775
- stroke-width: 3;
776
- stroke-linecap: round;
770
+ @media (pointer: coarse) {
771
+ .egyptian-war-slap-hand-desktop {
772
+ display: none;
773
+ }
774
+
775
+ .egyptian-war-slap-hand-mobile {
776
+ display: block;
777
+ }
777
778
  }
778
779
 
779
780
  @keyframes egyptian-war-hand-travel {