@devvit/splash 0.11.20-next-2025-07-29-04-29-31-36003bf76.0 → 0.11.20-next-2025-07-29-16-15-52-551cd5a95.0

package/background.d.ts

@@ -0,0 +1,4 @@
+import type { LoadingProps } from './loading.js';
+/** @internal */
+export declare function BackgroundImage(props: Readonly<LoadingProps>): JSX.Element;
+//# sourceMappingURL=background.d.ts.map

package/background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../src/background.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAGjD,gBAAgB;AAEhB,wBAAgB,eAAe,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAY1E"}

package/background.js

@@ -0,0 +1,6 @@
+import { Devvit } from '@devvit/public-api';
+import { backgroundURL } from './utils/assets.js';
+/** @internal */
+export function BackgroundImage(props) {
+    return (Devvit.createElement("image", { url: props.backgroundURI ?? backgroundURL, imageWidth: 2048, imageHeight: 1024, height: "100%", width: "100%", resizeMode: "cover", description: `${props.appDisplayName} loading screen` }));
+}

package/loading.d.ts

@@ -11,6 +11,11 @@ export type LoadingProps = {
      * @example `'background.png'`.
      */
     backgroundURI?: string | undefined;
+    /**
+     * Inline post height.
+     * @default `'regular'`
+     */
+    height?: 'regular' | 'tall' | undefined;
 };
 export declare function Loading(props: Readonly<LoadingProps>): JSX.Element;
 //# sourceMappingURL=loading.d.ts.map

package/loading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../src/loading.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CACpC,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAYlE"}
+{"version":3,"file":"loading.d.ts","sourceRoot":"","sources":["../src/loading.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,YAAY,GAAG;IACzB;;;;OAIG;IACH,cAAc,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,SAAS,CAAC;CACzC,CAAC;AAEF,wBAAgB,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,YAAY,CAAC,GAAG,GAAG,CAAC,OAAO,CAMlE"}

package/loading.js

@@ -1,5 +1,6 @@
 import { Devvit } from '@devvit/public-api';
-import { backgroundURL } from './utils/assets.js';
+import { BackgroundImage } from './background.js';
 export function Loading(props) {
-    return (Devvit.createElement("image", { url: props.backgroundURI ?? backgroundURL, imageWidth: 2048, imageHeight: 1024, height: "100%", width: "100%", resizeMode: "cover", description: `${props.appDisplayName} loading screen` }));
+    return (Devvit.createElement("blocks", { height: props.height },
+        Devvit.createElement(BackgroundImage, { ...props })));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/splash",
-  "version": "0.11.20-next-2025-07-29-04-29-31-36003bf76.0",
+  "version": "0.11.20-next-2025-07-29-16-15-52-551cd5a95.0",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -23,11 +23,11 @@
   },
   "types": "./index.d.ts",
   "dependencies": {
-    "@devvit/public-api": "0.11.20-next-2025-07-29-04-29-31-36003bf76.0"
+    "@devvit/public-api": "0.11.20-next-2025-07-29-16-15-52-551cd5a95.0"
   },
   "devDependencies": {
-    "@devvit/repo-tools": "0.11.20-next-2025-07-29-04-29-31-36003bf76.0",
-    "@devvit/tsconfig": "0.11.20-next-2025-07-29-04-29-31-36003bf76.0",
+    "@devvit/repo-tools": "0.11.20-next-2025-07-29-16-15-52-551cd5a95.0",
+    "@devvit/tsconfig": "0.11.20-next-2025-07-29-16-15-52-551cd5a95.0",
     "eslint": "9.11.1",
     "typescript": "5.8.3",
     "vitest": "1.6.1"
@@ -36,5 +36,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "a0682bfdb82f462bc10733be3da00adc04dcf8da"
+  "gitHead": "dd6e894fd896283ced15694052ee66be7c9240c9"
 }

package/splash.d.ts

@@ -7,17 +7,20 @@ export type SplashProps = {
      * @example `'icon.png'`.
      */
     appIconURI?: string | undefined;
-    /** The text of the web view launch button. */
+    /**
+     * The text of the web view launch button.
+     * @default `'Launch App'`
+     */
     buttonLabel?: string | undefined;
     /** Secondary text describing the post. */
     description?: string | undefined;
     /**
-     * Web view URL relative client directory.
+     * Web view URI relative client directory.
      *
      * @example `'game.html'`.
      * @default `'index.html'`.
      */
-    entryURL?: string | undefined;
+    entryURI?: string | undefined;
     /**
      * Large text naming the post.
      *

package/splash.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../src/splash.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAW,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAE1D,gCAAgC;AAChC,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,8CAA8C;IAC9C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,GAAG,YAAY,CAAC;AAEjB,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,OAAO,CAkChE"}
+{"version":3,"file":"splash.d.ts","sourceRoot":"","sources":["../src/splash.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,gCAAgC;AAChC,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC,0CAA0C;IAC1C,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACjC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B,GAAG,YAAY,CAAC;AAEjB,wBAAgB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,GAAG,CAAC,OAAO,CAmChE"}

package/splash.js

@@ -1,16 +1,18 @@
 import { Devvit, useWebView } from '@devvit/public-api';
 import { AppIcon } from './app-icon.js';
-import { Loading } from './loading.js';
+import { BackgroundImage } from './background.js';
+import {} from './loading.js';
 export function Splash(props) {
-    const webView = useWebView({ url: props.entryURL ?? 'index.html', onMessage() { } });
-    return (Devvit.createElement("zstack", { height: "100%", width: "100%" },
-        Devvit.createElement(Loading, { ...props }),
-        Devvit.createElement("vstack", { height: "100%", width: "100%", alignment: "center middle", padding: "medium" },
-            Devvit.createElement(AppIcon, { name: props.appDisplayName, imageURL: props.appIconURI }),
-            Devvit.createElement("text", { size: "xxlarge", weight: "bold", color: "neutral-content-strong", width: "100%", alignment: "center", wrap: true }, props.title ?? props.appDisplayName),
-            Devvit.createElement("spacer", { height: "4px" }),
-            Devvit.createElement("text", { size: "large", color: "neutral-content", width: "100%", alignment: "center", wrap: true }, props.description ?? ''),
-            Devvit.createElement("spacer", { height: "16px" }),
-            Devvit.createElement("button", { appearance: "primary", size: "medium", onPress: webView.mount }, props.buttonLabel ?? 'Launch App'),
-            Devvit.createElement("spacer", { height: "16px" }))));
+    const webView = useWebView({ url: props.entryURI ?? 'index.html', onMessage() { } });
+    return (Devvit.createElement("blocks", { height: props.height },
+        Devvit.createElement("zstack", { height: "100%", width: "100%", onPress: webView.mount },
+            Devvit.createElement(BackgroundImage, { ...props }),
+            Devvit.createElement("vstack", { height: "100%", width: "100%", alignment: "center middle", padding: "medium" },
+                Devvit.createElement(AppIcon, { name: props.appDisplayName, imageURL: props.appIconURI }),
+                Devvit.createElement("text", { size: "xxlarge", weight: "bold", color: "neutral-content-strong", width: "100%", alignment: "center", wrap: true }, props.title ?? props.appDisplayName),
+                Devvit.createElement("spacer", { height: "4px" }),
+                Devvit.createElement("text", { size: "large", color: "neutral-content", width: "100%", alignment: "center", wrap: true }, props.description ?? ''),
+                Devvit.createElement("spacer", { height: "16px" }),
+                Devvit.createElement("button", { appearance: "primary", size: "medium", onPress: webView.mount }, props.buttonLabel ?? 'Launch App'),
+                Devvit.createElement("spacer", { height: "16px" })))));
 }