@devvit/splash 0.11.19-next-2025-07-22-23-31-05-5dbdec031.0 → 0.11.19

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devvit/splash",
-  "version": "0.11.19-next-2025-07-22-23-31-05-5dbdec031.0",
+  "version": "0.11.19",
   "license": "BSD-3-Clause",
   "repository": {
     "type": "git",
@@ -22,12 +22,9 @@
     "test:unit-with-coverage": "vitest run --coverage"
   },
   "types": "./index.d.ts",
-  "dependencies": {
-    "@devvit/public-api": "0.11.19-next-2025-07-22-23-31-05-5dbdec031.0"
-  },
   "devDependencies": {
-    "@devvit/repo-tools": "0.11.19-next-2025-07-22-23-31-05-5dbdec031.0",
-    "@devvit/tsconfig": "0.11.19-next-2025-07-22-23-31-05-5dbdec031.0",
+    "@devvit/repo-tools": "0.11.19",
+    "@devvit/tsconfig": "0.11.19",
     "eslint": "9.11.1",
     "typescript": "5.8.3",
     "vitest": "1.6.1"
@@ -36,5 +33,5 @@
     "directory": "dist"
   },
   "source": "./src/index.ts",
-  "gitHead": "82291dc66b74ac3811ddbddd85cc42a9e1fe6442"
+  "gitHead": "f730f695127ca675c4c651e691b9475e35e91ca2"
 }

package/app-icon.d.ts

@@ -1,6 +0,0 @@
-export type AppIconProps = {
-    name: string;
-    imageURL?: string | undefined;
-};
-export declare function AppIcon(props: AppIconProps): JSX.Element;
-//# sourceMappingURL=app-icon.d.ts.map

package/app-icon.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"app-icon.d.ts","sourceRoot":"","sources":["../src/app-icon.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAAC;AAE3E,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CA8CxD"}

package/app-icon.js

@@ -1,12 +0,0 @@
-import { Devvit } from '@devvit/public-api';
-import { iconShadowURL } from './utils/assets.js';
-import { getColor } from './utils/color-util.js';
-import { getAbbreviation } from './utils/get-abbreviation.js';
-export function AppIcon(props) {
-    return (Devvit.createElement("zstack", { height: "96px", width: "96px", alignment: "center middle" },
-        Devvit.createElement("image", { url: iconShadowURL, imageWidth: 192, imageHeight: 192, height: "100%", width: "100%", description: "Icon shadow" }),
-        !!props.imageURL && (Devvit.createElement("zstack", { height: "64px", width: "64px", alignment: "center middle", cornerRadius: "medium" },
-            Devvit.createElement("image", { url: props.imageURL, imageWidth: 256, imageHeight: 256, height: "100%", width: "100%", description: `${props.name} icon` }))),
-        !props.imageURL && (Devvit.createElement("zstack", { height: "64px", width: "64px", backgroundColor: getColor(props.name), borderColor: "rgba(0, 0, 0, 0.1)", border: "thin", cornerRadius: "medium", alignment: "center middle" },
-            Devvit.createElement("text", { size: "xxlarge", color: "white", weight: "bold" }, getAbbreviation(props.name))))));
-}

package/loading.d.ts

@@ -1,16 +0,0 @@
-export type LoadingProps = {
-    /**
-     * Application name.
-     *
-     * @example `'Comment Mop'`.
-     */
-    appDisplayName: string;
-    /**
-     * Media directory relative background image URL or data URI.
-     *
-     * @example `'background.png'`.
-     */
-    backgroundURI?: string | undefined;
-};
-export declare function Loading(props: Readonly<LoadingProps>): JSX.Element;
-//# sourceMappingURL=loading.d.ts.map

package/loading.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/loading.js

@@ -1,5 +0,0 @@
-import { Devvit } from '@devvit/public-api';
-import { backgroundURL } from './utils/assets.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` }));
-}

package/splash.d.ts

@@ -1,30 +0,0 @@
-import { type LoadingProps } from './loading.js';
-/** Aligns to SplashPostData. */
-export type SplashProps = {
-    /**
-     * Icon URL relative media directory or data URI.
-     *
-     * @example `'icon.png'`.
-     */
-    appIconURI?: string | undefined;
-    /** The text of the web view launch button. */
-    buttonLabel?: string | undefined;
-    /** Secondary text describing the post. */
-    description?: string | undefined;
-    /**
-     * Web view URL relative client directory.
-     *
-     * @example `'game.html'`.
-     * @default `'index.html'`.
-     */
-    entryURL?: string | undefined;
-    /**
-     * Large text naming the post.
-     *
-     * @example `'What is this?'`.
-     * @default `appDisplayName`.
-     */
-    title?: string | undefined;
-} & LoadingProps;
-export declare function Splash(props: Readonly<SplashProps>): JSX.Element;
-//# sourceMappingURL=splash.d.ts.map

package/splash.d.ts.map

@@ -1 +0,0 @@
-{"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"}

package/splash.js

@@ -1,16 +0,0 @@
-import { Devvit, useWebView } from '@devvit/public-api';
-import { AppIcon } from './app-icon.js';
-import { Loading } 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" }))));
-}

package/utils/assets.d.ts

@@ -1,3 +0,0 @@
-export declare const iconShadowURL: string;
-export declare const backgroundURL: string;
-//# sourceMappingURL=assets.d.ts.map

package/utils/assets.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"assets.d.ts","sourceRoot":"","sources":["../../src/utils/assets.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,aAAa,EAAE,MAA8C,CAAC;AAG3E,eAAO,MAAM,aAAa,EAAE,MAA8C,CAAC"}

package/utils/assets.js

@@ -1,4 +0,0 @@
-// https://github.snooguts.net/knut-synstad/splash-screen/blob/f6d6816/assets/icon-shadow.png
-export const iconShadowURL = 'https://i.redd.it/53aztgp96pdf1.png';
-// https://github.snooguts.net/knut-synstad/splash-screen/blob/f6d6816/assets/pattern-background.png
-export const backgroundURL = 'https://i.redd.it/cpsxzbp96pdf1.png';

package/utils/color-util.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns the background and border colors for a given name
- * @param name - The name to get the colors for
- * @returns The background and border colors as HSL strings
- */
-export declare function getColor(name: string): string;
-export declare function hslToHex(h: number, s: number, l: number): string;
-//# sourceMappingURL=color-util.d.ts.map

package/utils/color-util.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-util.d.ts","sourceRoot":"","sources":["../../src/utils/color-util.ts"],"names":[],"mappings":"AAYA;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAQ7C;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAmChE"}

package/utils/color-util.js

@@ -1,57 +0,0 @@
-// Color constraints
-import { hashString, normalize } from './hash.js';
-// We're aiming for a pastel color with sufficient constrast against white text
-const minHue = 0;
-const maxHue = 360;
-const minSaturation = 55;
-const maxSaturation = 75;
-const minLightness = 30;
-const maxLightness = 35;
-/**
- * Returns the background and border colors for a given name
- * @param name - The name to get the colors for
- * @returns The background and border colors as HSL strings
- */
-export function getColor(name) {
-    const nameHash = hashString(name);
-    const hue = normalize(nameHash, minHue, maxHue);
-    const saturation = normalize(nameHash, minSaturation, maxSaturation);
-    const lightness = normalize(nameHash, minLightness, maxLightness);
-    return hslToHex(hue, saturation, lightness);
-}
-export function hslToHex(h, s, l) {
-    // Convert HSL to RGB
-    h /= 360; // Hue is typically 0-360, convert to 0-1
-    s /= 100; // Saturation is 0-100%, convert to 0-1
-    l /= 100; // Lightness is 0-100%, convert to 0-1
-    let r, g, b;
-    if (s === 0) {
-        r = g = b = l; // achromatic
-    }
-    else {
-        const hue2rgb = (p, q, t) => {
-            if (t < 0)
-                t += 1;
-            if (t > 1)
-                t -= 1;
-            if (t < 1 / 6)
-                return p + (q - p) * 6 * t;
-            if (t < 1 / 2)
-                return q;
-            if (t < 2 / 3)
-                return p + (q - p) * (2 / 3 - t) * 6;
-            return p;
-        };
-        const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
-        const p = 2 * l - q;
-        r = hue2rgb(p, q, h + 1 / 3);
-        g = hue2rgb(p, q, h);
-        b = hue2rgb(p, q, h - 1 / 3);
-    }
-    // Convert RGB to Hex
-    const toHex = (c) => {
-        const hex = Math.round(c * 255).toString(16);
-        return hex.length === 1 ? '0' + hex : hex;
-    };
-    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;
-}

package/utils/color-util.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"color-util.test.d.ts","sourceRoot":"","sources":["../../src/utils/color-util.test.ts"],"names":[],"mappings":""}

package/utils/get-abbreviation.d.ts

@@ -1,8 +0,0 @@
-/**
- * Returns an abbreviation for a given name
- * @param name - The name to get an abbreviation for
- * @param maxLength - The maximum length of the abbreviation (default: 2)
- * @returns The abbreviation (uppercase)
- */
-export declare function getAbbreviation(name: string): string;
-//# sourceMappingURL=get-abbreviation.d.ts.map

package/utils/get-abbreviation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-abbreviation.d.ts","sourceRoot":"","sources":["../../src/utils/get-abbreviation.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAoBpD"}

package/utils/get-abbreviation.js

@@ -1,24 +0,0 @@
-const maxLen = 2;
-/**
- * Returns an abbreviation for a given name
- * @param name - The name to get an abbreviation for
- * @param maxLength - The maximum length of the abbreviation (default: 2)
- * @returns The abbreviation (uppercase)
- */
-export function getAbbreviation(name) {
-    const words = name.split(' ').filter(Boolean);
-    // If there's more than one word and maxLength is greater than 1,
-    // return the first maxLength letters from the first maxLength words
-    // Example: "Event Cape Hack" -> "EC"
-    if (words.length > 1 && maxLen > 1) {
-        return (words
-            .slice(0, maxLen)
-            .map((word) => Array.from(word)[0])
-            .join('')
-            .toLocaleUpperCase() || '??');
-    }
-    // If there's only one word or maxLength is 1,
-    // return the first maxLength letters
-    // Example: "Event" -> "EV"
-    return Array.from(name.trim()).slice(0, maxLen).join('').toLocaleUpperCase() || '??';
-}

package/utils/get-abbreviation.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-abbreviation.test.d.ts","sourceRoot":"","sources":["../../src/utils/get-abbreviation.test.ts"],"names":[],"mappings":""}

package/utils/hash.d.ts

@@ -1,10 +0,0 @@
-/**
- * Creates a 32bit hash code from a string
- *
- * @param  str The string to hash.
- * @return A 32bit integer
- * @see https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript
- */
-export declare function hashString(str: string): number;
-export declare function normalize(val: number, min: number, max: number): number;
-//# sourceMappingURL=hash.d.ts.map

package/utils/hash.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hash.d.ts","sourceRoot":"","sources":["../../src/utils/hash.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAU9C;AAED,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAEvE"}

package/utils/hash.js

@@ -1,19 +0,0 @@
-/**
- * Creates a 32bit hash code from a string
- *
- * @param  str The string to hash.
- * @return A 32bit integer
- * @see https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript
- */
-export function hashString(str) {
-    let hash = 0;
-    for (let i = 0, len = str.length; i < len; i++) {
-        const chr = str.charCodeAt(i);
-        hash = (hash << 5) - hash + chr;
-        hash |= 0; // Convert to 32bit integer
-    }
-    return hash;
-}
-export function normalize(val, min, max) {
-    return Math.floor((val % (max - min)) + min);
-}

package/utils/hash.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hash.test.d.ts","sourceRoot":"","sources":["../../src/utils/hash.test.ts"],"names":[],"mappings":""}