@wasm-gaming/rsdkv3-wasm 0.2.0 → 0.2.1

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.
Files changed (6) hide show
  1. package/dist/rsdkv3/app/app.css +17 -1
  2. package/dist/rsdkv3/rsdkv3.sdk.d.ts +1 -1
  3. package/dist/rsdkv3/rsdkv3.sdk.js +1 -1
  4. package/package.json +1 -1
  5. package/src/app/app.css +17 -1
  6. package/src/rsdkv3.sdk.ts +1 -1
package/dist/rsdkv3/app/app.css CHANGED
@@ -64,7 +64,23 @@
64
64
  .item.is-danger.is-focused { background: var(--danger); color: #1a0505; box-shadow: 0 0 0 3px var(--danger); }
65
65
  .rsdk-panel .row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
66
66
  .rsdk-panel .row .item { text-align: center; }
67
- .rsdk-confirm { position: absolute; inset: 0; display: grid; place-items: center; background: rgb(0 0 0 / 0.55); }
67
+ /* A dialog sits on its own layer, above anything the screen under it positions (the
68
+ character art on the slot cards is z-index 1), on a backdrop that hides that screen. */
69
+ .rsdk-confirm {
70
+ position: absolute; inset: 0; z-index: 10; display: grid; place-items: center;
71
+ background: rgb(4 6 12 / 0.78);
72
+ backdrop-filter: blur(10px) saturate(0.8);
73
+ -webkit-backdrop-filter: blur(10px) saturate(0.8);
74
+ }
75
+ .rsdk-confirm h2 { font-size: clamp(1.15rem, 2.2vw, 1.55rem); line-height: 1.2; }
76
+ .rsdk-confirm .rsdk-panel {
77
+ width: min(500px, 92vw);
78
+ background:
79
+ radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%),
80
+ #151821;
81
+ border-color: rgb(255 255 255 / 0.14);
82
+ box-shadow: 0 40px 120px -20px #000, 0 0 0 1px rgb(0 0 0 / 0.4);
83
+ }
68
84
 
69
85
  /* ---- hints ---- */
70
86
  .rsdk-hints { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; color: var(--muted); font-size: 0.78rem; font-weight: 500; }
package/dist/rsdkv3/rsdkv3.sdk.d.ts CHANGED
@@ -75,7 +75,7 @@ export declare class Rsdkv3Play extends EnginePlayBase<Rsdkv3Payloads> {
75
75
  export declare class Rsdkv3SDK extends EngineSDKBase<Rsdkv3Payloads> {
76
76
  static readonly id = "rsdkv3";
77
77
  /** Kept in step with package.json by `node scripts/sync-version.mjs`. */
78
- static readonly version = "0.2.0";
78
+ static readonly version = "0.2.1";
79
79
  static readonly name = "Retro Software Development Kit v3";
80
80
  static readonly description = "RSDKv3 (Sonic CD 2011 decompilation) compiled to WebAssembly. Ships none of the game: the player provides Data.rsdk, and it never leaves their browser.";
81
81
  protected createPlay(init: EngineInit<Rsdkv3Payloads>, events: EventEmitter<EventsOf<Rsdkv3Payloads>>): Rsdkv3Play;
package/dist/rsdkv3/rsdkv3.sdk.js CHANGED
@@ -384,7 +384,7 @@ export class Rsdkv3Play extends EnginePlayBase {
384
384
  export class Rsdkv3SDK extends EngineSDKBase {
385
385
  static id = ENGINE_ID;
386
386
  /** Kept in step with package.json by `node scripts/sync-version.mjs`. */
387
- static version = '0.2.0';
387
+ static version = '0.2.1';
388
388
  static name = 'Retro Software Development Kit v3';
389
389
  static description = 'RSDKv3 (Sonic CD 2011 decompilation) compiled to WebAssembly. Ships none of the game: the player provides Data.rsdk, and it never leaves their browser.';
390
390
  createPlay(init, events) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wasm-gaming/rsdkv3-wasm",
3
- "version": "0.2.0",
3
+ "version": "0.2.1",
4
4
  "description": "RSDKv3 (Sonic CD decompilation) compiled to WebAssembly, with a self-contained JS SDK implementing the wasm-gaming engine contract. Data.rsdk is loaded at runtime.",
5
5
  "repository": {
6
6
  "type": "git",
package/src/app/app.css CHANGED
@@ -64,7 +64,23 @@
64
64
  .item.is-danger.is-focused { background: var(--danger); color: #1a0505; box-shadow: 0 0 0 3px var(--danger); }
65
65
  .rsdk-panel .row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
66
66
  .rsdk-panel .row .item { text-align: center; }
67
- .rsdk-confirm { position: absolute; inset: 0; display: grid; place-items: center; background: rgb(0 0 0 / 0.55); }
67
+ /* A dialog sits on its own layer, above anything the screen under it positions (the
68
+ character art on the slot cards is z-index 1), on a backdrop that hides that screen. */
69
+ .rsdk-confirm {
70
+ position: absolute; inset: 0; z-index: 10; display: grid; place-items: center;
71
+ background: rgb(4 6 12 / 0.78);
72
+ backdrop-filter: blur(10px) saturate(0.8);
73
+ -webkit-backdrop-filter: blur(10px) saturate(0.8);
74
+ }
75
+ .rsdk-confirm h2 { font-size: clamp(1.15rem, 2.2vw, 1.55rem); line-height: 1.2; }
76
+ .rsdk-confirm .rsdk-panel {
77
+ width: min(500px, 92vw);
78
+ background:
79
+ radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 60%),
80
+ #151821;
81
+ border-color: rgb(255 255 255 / 0.14);
82
+ box-shadow: 0 40px 120px -20px #000, 0 0 0 1px rgb(0 0 0 / 0.4);
83
+ }
68
84
 
69
85
  /* ---- hints ---- */
70
86
  .rsdk-hints { display: flex; flex-wrap: wrap; gap: 8px 18px; justify-content: center; color: var(--muted); font-size: 0.78rem; font-weight: 500; }
package/src/rsdkv3.sdk.ts CHANGED
@@ -446,7 +446,7 @@ export class Rsdkv3Play extends EnginePlayBase<Rsdkv3Payloads> {
446
446
  export class Rsdkv3SDK extends EngineSDKBase<Rsdkv3Payloads> {
447
447
  static readonly id = ENGINE_ID;
448
448
  /** Kept in step with package.json by `node scripts/sync-version.mjs`. */
449
- static readonly version = '0.2.0';
449
+ static readonly version = '0.2.1';
450
450
  static readonly name = 'Retro Software Development Kit v3';
451
451
  static readonly description =
452
452
  'RSDKv3 (Sonic CD 2011 decompilation) compiled to WebAssembly. Ships none of the game: the player provides Data.rsdk, and it never leaves their browser.';