@mpgd/cli 0.8.0 → 0.10.0

package/templates/phaser-game/src/platform/devvitInlineMode.css

@@ -0,0 +1,133 @@
+body.devvit-inline-mode-host {
+  min-width: 320px;
+  min-height: 100vh;
+  margin: 0;
+  background: #0f172a;
+}
+
+body.devvit-inline-mode-gameplay {
+  overflow-y: auto;
+  overscroll-behavior-y: auto;
+}
+
+body.devvit-inline-mode-gameplay #game {
+  position: relative;
+}
+
+body.devvit-inline-mode-gameplay #game,
+body.devvit-inline-mode-gameplay canvas {
+  touch-action: pan-y !important;
+}
+
+.devvit-inline-gameplay-loading {
+  position: fixed;
+  z-index: 1;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  margin: 0;
+  background: #0f172a;
+  color: #cbd5e1;
+  font: 700 0.875rem/1.5 Inter, ui-sans-serif, system-ui, sans-serif;
+  pointer-events: none;
+}
+
+.devvit-launch-screen,
+.devvit-launch-screen * {
+  box-sizing: border-box;
+}
+
+.devvit-launch-screen {
+  min-height: 100vh;
+  display: grid;
+  place-content: center;
+  justify-items: start;
+  gap: 0.75rem;
+  padding: clamp(1.25rem, 5vw, 3rem);
+  background:
+    radial-gradient(circle at 85% 15%, rgb(56 189 248 / 0.2), transparent 38%),
+    linear-gradient(145deg, #0f172a, #172554);
+  color: #f8fafc;
+  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
+}
+
+.devvit-launch-screen__eyebrow,
+.devvit-launch-screen__description,
+.devvit-launch-screen__status,
+.devvit-launch-screen h1 {
+  margin: 0;
+}
+
+.devvit-launch-screen__eyebrow {
+  color: #7dd3fc;
+  font-size: 0.75rem;
+  font-weight: 700;
+  letter-spacing: 0.12em;
+  text-transform: uppercase;
+}
+
+.devvit-launch-screen h1 {
+  max-width: 18ch;
+  font-size: clamp(2rem, 9vw, 4.5rem);
+  line-height: 0.95;
+}
+
+.devvit-launch-screen__description {
+  max-width: 36rem;
+  color: #cbd5e1;
+  line-height: 1.5;
+}
+
+.devvit-launch-screen__actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.75rem;
+  margin-top: 0.5rem;
+}
+
+.devvit-launch-screen__button {
+  min-height: 2.75rem;
+  padding: 0.65rem 1.25rem;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  color: #082f49;
+  background: #7dd3fc;
+  font: inherit;
+  font-weight: 800;
+  cursor: pointer;
+}
+
+.devvit-launch-screen__button--secondary {
+  border-color: #7dd3fc;
+  color: #e0f2fe;
+  background: rgb(15 23 42 / 0.64);
+}
+
+.devvit-launch-screen__button:disabled {
+  cursor: wait;
+  opacity: 0.65;
+}
+
+.devvit-launch-screen__button:focus-visible {
+  outline: 3px solid #f8fafc;
+  outline-offset: 3px;
+}
+
+.devvit-launch-screen__status {
+  min-height: 1.5em;
+  color: #fda4af;
+  font-size: 0.875rem;
+}
+
+@media (hover: hover) {
+  .devvit-launch-screen__button:not(:disabled):hover {
+    filter: brightness(1.1);
+  }
+}
+
+@media (max-width: 420px) {
+  .devvit-launch-screen__actions,
+  .devvit-launch-screen__button {
+    width: 100%;
+  }
+}

package/templates/phaser-game/src/runtime/createGame.ts

@@ -7,6 +7,7 @@ import { starterContextKey, type StarterContext } from './gameContext';
 
 export function createStarterGame(input: {
   readonly mountId: string;
+  readonly preserveBrowserTouchGestures?: boolean;
   readonly context: StarterContext;
 }): Phaser.Game {
   const game = new Phaser.Game({
@@ -15,6 +16,11 @@ export function createStarterGame(input: {
     width: 960,
     height: 540,
     backgroundColor: '#07111f',
+    input: {
+      touch: {
+        capture: input.preserveBrowserTouchGestures !== true,
+      },
+    },
     scale: {
       mode: Phaser.Scale.FIT,
       autoCenter: Phaser.Scale.CENTER_BOTH,

package/templates/phaser-game/vite.shared.ts

@@ -51,12 +51,8 @@ export function createGameViteSharedConfig(
       alias: {
         ...createCatalogAliases({
           gameRoot: input.gameRoot,
-          ...(input.productCatalogFile === undefined
-            ? {}
-            : { productCatalogFile: input.productCatalogFile }),
-          ...(input.adPlacementsFile === undefined
-            ? {}
-            : { adPlacementsFile: input.adPlacementsFile }),
+          productCatalogFile: input.productCatalogFile,
+          adPlacementsFile: input.adPlacementsFile,
         }),
         '#mpgd-platform-gateway': resolve(input.gameRoot, buildGatewayModule),
       },
@@ -99,8 +95,8 @@ export function resolveBuildGatewayModule(input: {
 
 function createCatalogAliases(input: {
   readonly gameRoot: string;
-  readonly productCatalogFile?: string;
-  readonly adPlacementsFile?: string;
+  readonly productCatalogFile: string | undefined;
+  readonly adPlacementsFile: string | undefined;
 }): Record<string, string> {
   const productCatalogFile = readConfiguredPath(
     input.productCatalogFile ?? process.env.MPGD_PRODUCT_CATALOG_FILE,
@@ -209,9 +205,8 @@ function resolveCatalogBaseDir(path: string, pairedPath: string, gameRoot: strin
     }
   }
 
-  console.warn(
+  throw new Error(
     `Could not locate catalog files (${path}, ${pairedPath}) in any expected directory; `
-    + `falling back to game root ${gameRoot}.`,
+      + `checked: ${candidates.filter((candidate) => candidate !== undefined).join(', ')}.`,
   );
-  return gameRoot;
 }

package/templates/phaser-game/src/platform/devvitInlinePreview.css

@@ -1,75 +0,0 @@
-body.devvit-preview-host {
-  min-width: 320px;
-  min-height: 100vh;
-  margin: 0;
-  background: #0f172a;
-}
-
-.devvit-preview,
-.devvit-preview * {
-  box-sizing: border-box;
-}
-
-.devvit-preview {
-  min-height: 100vh;
-  display: grid;
-  place-content: center;
-  justify-items: start;
-  gap: 0.75rem;
-  padding: clamp(1.25rem, 5vw, 3rem);
-  background:
-    radial-gradient(circle at 85% 15%, rgb(56 189 248 / 0.2), transparent 38%),
-    linear-gradient(145deg, #0f172a, #172554);
-  color: #f8fafc;
-  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
-}
-
-.devvit-preview__eyebrow,
-.devvit-preview__description,
-.devvit-preview h1 {
-  margin: 0;
-}
-
-.devvit-preview__eyebrow {
-  color: #7dd3fc;
-  font-size: 0.75rem;
-  font-weight: 700;
-  letter-spacing: 0.12em;
-  text-transform: uppercase;
-}
-
-.devvit-preview h1 {
-  max-width: 18ch;
-  font-size: clamp(2rem, 9vw, 4.5rem);
-  line-height: 0.95;
-}
-
-.devvit-preview__description {
-  max-width: 36rem;
-  color: #cbd5e1;
-  line-height: 1.5;
-}
-
-.devvit-preview__button {
-  min-height: 2.75rem;
-  margin-top: 0.5rem;
-  padding: 0.65rem 1.25rem;
-  border: 0;
-  border-radius: 999px;
-  color: #082f49;
-  background: #7dd3fc;
-  font: inherit;
-  font-weight: 800;
-  cursor: pointer;
-}
-
-.devvit-preview__button:focus-visible {
-  outline: 3px solid #f8fafc;
-  outline-offset: 3px;
-}
-
-@media (hover: hover) {
-  .devvit-preview__button:hover {
-    filter: brightness(1.1);
-  }
-}