- Edit src/client/splash/splash.ts to modify this screen.
+ Edit src/client/splash/splash.ts to modify
+ this screen.
@@ -28,6 +33,6 @@
|
Discord
-
+
diff --git a/src/client/splash.ts b/src/client/splash.ts
new file mode 100644
index 0000000..6c3ea22
--- /dev/null
+++ b/src/client/splash.ts
@@ -0,0 +1,32 @@
+import { navigateTo, context, requestExpandedMode } from '@devvit/web/client';
+
+const docsLink = document.getElementById('docs-link') as HTMLDivElement;
+const playtestLink = document.getElementById('playtest-link') as HTMLDivElement;
+const discordLink = document.getElementById('discord-link') as HTMLDivElement;
+const startButton = document.getElementById(
+ 'start-button'
+) as HTMLButtonElement;
+
+startButton.addEventListener('click', (e) => {
+ requestExpandedMode(e, 'game');
+});
+
+docsLink.addEventListener('click', () => {
+ navigateTo('https://developers.reddit.com/docs');
+});
+
+playtestLink.addEventListener('click', () => {
+ navigateTo('https://www.reddit.com/r/Devvit');
+});
+
+discordLink.addEventListener('click', () => {
+ navigateTo('https://discord.com/invite/R7yu2wh9Qz');
+});
+
+const titleElement = document.getElementById('title') as HTMLHeadingElement;
+
+function init() {
+ titleElement.textContent = `Hey ${context.username ?? 'user'} 👋`;
+}
+
+init();
diff --git a/src/client/splash/splash.ts b/src/client/splash/splash.ts
deleted file mode 100644
index edc9703..0000000
--- a/src/client/splash/splash.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import { navigateTo, context, requestExpandedMode } from "@devvit/web/client";
-
-const docsLink = document.getElementById("docs-link") as HTMLDivElement;
-const playtestLink = document.getElementById("playtest-link") as HTMLDivElement;
-const discordLink = document.getElementById("discord-link") as HTMLDivElement;
-const startButton = document.getElementById(
- "start-button"
-) as HTMLButtonElement;
-
-startButton.addEventListener("click", (e) => {
- requestExpandedMode(e, "game");
-});
-
-docsLink.addEventListener("click", () => {
- navigateTo("https://developers.reddit.com/docs");
-});
-
-playtestLink.addEventListener("click", () => {
- navigateTo("https://www.reddit.com/r/Devvit");
-});
-
-discordLink.addEventListener("click", () => {
- navigateTo("https://discord.com/invite/R7yu2wh9Qz");
-});
-
-const titleElement = document.getElementById("title") as HTMLHeadingElement;
-
-function init() {
- titleElement.textContent = `Hey ${context.username ?? "user"} 👋`;
-}
-
-init();
diff --git a/src/client/tsconfig.json b/src/client/tsconfig.json
deleted file mode 100644
index 13f82fc..0000000
--- a/src/client/tsconfig.json
+++ /dev/null
@@ -1,21 +0,0 @@
-// TypeScript config for all web view main thread code.
-{
- "extends": "../../tools/tsconfig-base.json",
- "compilerOptions": {
- // Target the browser.
- "customConditions": ["browser"],
-
- "lib": ["DOM", "ES2023", "esnext.disposable"],
-
- "outDir": "../../dist/types/client",
-
- // React
- "jsx": "react-jsx",
-
- "tsBuildInfoFile": "../../dist/types/client/tsconfig.tsbuildinfo"
- },
- // https://github.com/Microsoft/TypeScript/issues/25636
- "include": ["**/*", "**/*.json", "vite.config.ts"],
- "exclude": ["**/*.test.ts"],
- "references": [{ "path": "../shared" }]
-}
diff --git a/src/client/vite.config.ts b/src/client/vite.config.ts
deleted file mode 100644
index a5098b7..0000000
--- a/src/client/vite.config.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { defineConfig } from "vite";
-
-// https://vitejs.dev/config/
-export default defineConfig({
- plugins: [],
- logLevel: 'warn',
- build: {
- outDir: "../../dist/client",
- emptyOutDir: true,
- rollupOptions: {
- input: {
- splash: "splash.html",
- game: "index.html",
- },
- output: {
- entryFileNames: "[name].js",
- chunkFileNames: "[name].js",
- assetFileNames: "[name][extname]",
- sourcemapFileNames: "[name].js.map",
- },
- },
- },
-});
diff --git a/src/server/core/post.ts b/src/server/core/post.ts
index 8a15b9f..29aa66e 100644
--- a/src/server/core/post.ts
+++ b/src/server/core/post.ts
@@ -1,7 +1,7 @@
-import { reddit } from "@devvit/web/server";
+import { reddit } from '@devvit/web/server';
export const createPost = async () => {
return await reddit.submitCustomPost({
- title: "unity-starter",
+ title: '<% name %>',
});
};
diff --git a/src/server/index.ts b/src/server/index.ts
index 07c9103..a2c55ec 100644
--- a/src/server/index.ts
+++ b/src/server/index.ts
@@ -1,166 +1,23 @@
-import express from "express";
-import {
- InitResponse,
- LevelCompletedRequest,
- LevelCompletedResponse,
-} from "../shared/types/api";
-import {
+import { Hono } from 'hono';
+import { serve } from '@hono/node-server';
+import { createServer, getServerPort } from '@devvit/web/server';
+import { api } from './routes/api';
+import { forms } from './routes/forms';
+import { menu } from './routes/menu';
+import { triggers } from './routes/triggers';
+
+const app = new Hono();
+const internal = new Hono();
+
+internal.route('/menu', menu);
+internal.route('/form', forms);
+internal.route('/triggers', triggers);
+
+app.route('/api', api);
+app.route('/internal', internal);
+
+serve({
+ fetch: app.fetch,
createServer,
- context,
- getServerPort,
- reddit,
- redis,
-} from "@devvit/web/server";
-import { createPost } from "./core/post";
-
-const app = express();
-
-// Middleware for JSON body parsing
-app.use(express.json());
-// Middleware for URL-encoded body parsing
-app.use(express.urlencoded({ extended: true }));
-// Middleware for plain text body parsing
-app.use(express.text());
-
-const router = express.Router();
-
-// Example to show how to send initial data to the Unity Game
-router.get<
- { postId: string },
- InitResponse | { status: string; message: string }
->("/api/init", async (_req, res): Promise
=> {
- const { postId } = context;
-
- if (!postId) {
- console.error("API Init Error: postId not found in devvit context");
- res.status(400).json({
- status: "error",
- message: "postId is required but missing from context",
- });
- return;
- }
-
- try {
- const username = await reddit.getCurrentUsername();
- const currentUsername = username ?? "anonymous";
-
- // Fetch user info for snoovatar
- let snoovatarUrl = "";
- if (username && context.userId) {
- const user = await reddit.getUserById(context.userId);
- if (user) {
- snoovatarUrl = (await user.getSnoovatarUrl()) ?? "";
- }
- }
-
- // Fetch previous time from Redis using postId:username as key
- const redisKey = `${postId}:${currentUsername}`;
- const previousTime = await redis.get(redisKey);
-
- res.json({
- type: "init",
- postId: postId,
- username: currentUsername,
- snoovatarUrl: snoovatarUrl,
- previousTime: previousTime ?? "",
- });
- } catch (error) {
- console.error(`API Init Error for post ${postId}:`, error);
- let errorMessage = "Unknown error during initialization";
- if (error instanceof Error) {
- errorMessage = `Initialization failed: ${error.message}`;
- }
- res.status(400).json({ status: "error", message: errorMessage });
- }
-});
-
-router.post<
- unknown,
- LevelCompletedResponse | { status: string; message: string },
- LevelCompletedRequest
->("/api/level-completed", async (req, res): Promise => {
- const { postId } = context;
-
- if (!postId) {
- console.error("No postId in context");
- res.status(400).json({
- status: "error",
- message: "postId is required",
- });
- return;
- }
-
- try {
- const { username, time } = req.body;
-
- if (!username || !time) {
- console.error("Missing username or time in request");
- res.status(400).json({
- status: "error",
- message: "username and time are required",
- });
- return;
- }
-
- // Store the completion time in Redis with key format: postId:username
- const redisKey = `${postId}:${username}`;
- await redis.set(redisKey, time);
-
- res.json({
- type: "level-completed",
- success: true,
- message: "Time saved successfully",
- });
- } catch (error) {
- console.error(`API Level Completed Error for post ${postId}:`, error);
- let errorMessage = "Unknown error saving completion time";
- if (error instanceof Error) {
- errorMessage = `Failed to save time: ${error.message}`;
- }
- res.status(500).json({
- type: "level-completed",
- success: false,
- message: errorMessage,
- });
- }
-});
-
-router.post('/internal/on-app-install', async (_req, res): Promise => {
- try {
- const post = await createPost();
-
- res.json({
- status: 'success',
- message: `Post created in subreddit ${context.subredditName} with id ${post.id}`,
- });
- } catch (error) {
- console.error(`Error creating post: ${error}`);
- res.status(400).json({
- status: 'error',
- message: 'Failed to create post',
- });
- }
+ port: getServerPort(),
});
-
-router.post('/internal/menu/post-create', async (_req, res): Promise => {
- try {
- const post = await createPost();
- post
-
- res.json({
- navigateTo: `https://reddit.com/r/${context.subredditName}/comments/${post.id}`,
- });
- } catch (error) {
- console.error(`Error creating post: ${error}`);
- res.status(400).json({
- status: 'error',
- message: 'Failed to create post',
- });
- }
-});
-
-app.use(router);
-
-const server = createServer(app);
-server.on("error", (err) => console.error(`server error; ${err.stack}`));
-server.listen(getServerPort());
diff --git a/src/server/routes/api.ts b/src/server/routes/api.ts
new file mode 100644
index 0000000..906613f
--- /dev/null
+++ b/src/server/routes/api.ts
@@ -0,0 +1,130 @@
+import { Hono } from 'hono';
+import { context, redis, reddit } from '@devvit/web/server';
+import type {
+ InitResponse,
+ LevelCompletedRequest,
+ LevelCompletedResponse,
+} from '../../shared/api';
+
+type ErrorResponse = {
+ status: 'error';
+ message: string;
+};
+
+export const api = new Hono();
+
+api.get('/init', async (c) => {
+ const { postId } = context;
+
+ if (!postId) {
+ console.error('API Init Error: postId not found in devvit context');
+ return c.json(
+ {
+ status: 'error',
+ message: 'postId is required but missing from context',
+ },
+ 400
+ );
+ }
+
+ try {
+ const username = await reddit.getCurrentUsername();
+ const currentUsername = username ?? 'anonymous';
+
+ let snoovatarUrl = '';
+ if (username && context.userId) {
+ const user = await reddit.getUserById(context.userId);
+ if (user) {
+ snoovatarUrl = (await user.getSnoovatarUrl()) ?? '';
+ }
+ }
+
+ const redisKey = `${postId}:${currentUsername}`;
+ const previousTime = await redis.get(redisKey);
+
+ return c.json({
+ type: 'init',
+ postId: postId,
+ username: currentUsername,
+ snoovatarUrl: snoovatarUrl,
+ previousTime: previousTime ?? '',
+ });
+ } catch (error) {
+ console.error(`API Init Error for post ${postId}:`, error);
+ let errorMessage = 'Unknown error during initialization';
+ if (error instanceof Error) {
+ errorMessage = `Initialization failed: ${error.message}`;
+ }
+ return c.json(
+ { status: 'error', message: errorMessage },
+ 400
+ );
+ }
+});
+
+api.post('/level-completed', async (c) => {
+ const { postId } = context;
+
+ if (!postId) {
+ console.error('No postId in context');
+ return c.json(
+ {
+ status: 'error',
+ message: 'postId is required',
+ },
+ 400
+ );
+ }
+
+ let body: LevelCompletedRequest;
+ try {
+ body = await c.req.json();
+ } catch (error) {
+ console.error('Invalid JSON body for level-completed', error);
+ return c.json(
+ {
+ status: 'error',
+ message: 'Invalid JSON body',
+ },
+ 400
+ );
+ }
+
+ try {
+ const { username, time } = body;
+
+ if (!username || !time) {
+ console.error('Missing username or time in request');
+ return c.json(
+ {
+ status: 'error',
+ message: 'username and time are required',
+ },
+ 400
+ );
+ }
+
+ const redisKey = `${postId}:${username}`;
+ await redis.set(redisKey, time);
+
+ return c.json({
+ type: 'level-completed',
+ success: true,
+ message: 'Time saved successfully',
+ });
+ } catch (error) {
+ console.error(`API Level Completed Error for post ${postId}:`, error);
+ let errorMessage = 'Unknown error saving completion time';
+ if (error instanceof Error) {
+ errorMessage = `Failed to save time: ${error.message}`;
+ }
+ return c.json(
+ {
+ type: 'level-completed',
+ success: false,
+ message: errorMessage,
+ },
+ 500
+ );
+ }
+});
diff --git a/src/server/routes/forms.ts b/src/server/routes/forms.ts
new file mode 100644
index 0000000..7885bd2
--- /dev/null
+++ b/src/server/routes/forms.ts
@@ -0,0 +1,22 @@
+import { Hono } from 'hono';
+import type { UiResponse } from '@devvit/web/shared';
+
+type ExampleFormValues = {
+ message?: string;
+};
+
+export const forms = new Hono();
+
+forms.post('/example-submit', async (c) => {
+ const { message } = await c.req.json();
+ const trimmedMessage = typeof message === 'string' ? message.trim() : '';
+
+ return c.json(
+ {
+ showToast: trimmedMessage
+ ? `Form says: ${trimmedMessage}`
+ : 'Form submitted with no message',
+ },
+ 200
+ );
+});
diff --git a/src/server/routes/menu.ts b/src/server/routes/menu.ts
new file mode 100644
index 0000000..9a6def8
--- /dev/null
+++ b/src/server/routes/menu.ts
@@ -0,0 +1,27 @@
+import { Hono } from 'hono';
+import type { UiResponse } from '@devvit/web/shared';
+import { context } from '@devvit/web/server';
+import { createPost } from '../core/post';
+
+export const menu = new Hono();
+
+menu.post('/post-create', async (c) => {
+ try {
+ const post = await createPost();
+
+ return c.json(
+ {
+ navigateTo: `https://reddit.com/r/${context.subredditName}/comments/${post.id}`,
+ },
+ 200
+ );
+ } catch (error) {
+ console.error(`Error creating post: ${error}`);
+ return c.json(
+ {
+ showToast: 'Failed to create post',
+ },
+ 400
+ );
+ }
+});
diff --git a/src/server/routes/triggers.ts b/src/server/routes/triggers.ts
new file mode 100644
index 0000000..811c994
--- /dev/null
+++ b/src/server/routes/triggers.ts
@@ -0,0 +1,30 @@
+import { Hono } from 'hono';
+import type { OnAppInstallRequest, TriggerResponse } from '@devvit/web/shared';
+import { context } from '@devvit/web/server';
+import { createPost } from '../core/post';
+
+export const triggers = new Hono();
+
+triggers.post('/on-app-install', async (c) => {
+ try {
+ const post = await createPost();
+ const input = await c.req.json();
+
+ return c.json(
+ {
+ status: 'success',
+ message: `Post created in subreddit ${context.subredditName} with id ${post.id} (trigger: ${input.type})`,
+ },
+ 200
+ );
+ } catch (error) {
+ console.error(`Error creating post: ${error}`);
+ return c.json(
+ {
+ status: 'error',
+ message: 'Failed to create post',
+ },
+ 400
+ );
+ }
+});
diff --git a/src/server/tsconfig.json b/src/server/tsconfig.json
deleted file mode 100644
index 2d5c487..0000000
--- a/src/server/tsconfig.json
+++ /dev/null
@@ -1,19 +0,0 @@
-// TypeScript config for all Devvit server code.
-{
- "extends": "../../tools/tsconfig-base.json",
- "compilerOptions": {
- "lib": ["ES2023"],
-
- "types": ["node"],
-
- "rootDir": ".",
-
- "outDir": "../../dist/types/server",
-
- "tsBuildInfoFile": "../../dist/types/server/tsconfig.tsbuildinfo"
- },
- // https://github.com/Microsoft/TypeScript/issues/25636
- "include": ["**/*", "**/*.json", "../../package.json"],
- "exclude": ["**/*.test.ts"],
- "references": [{ "path": "../shared" }]
-}
diff --git a/src/server/vite.config.ts b/src/server/vite.config.ts
deleted file mode 100644
index afff048..0000000
--- a/src/server/vite.config.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import { defineConfig } from "vite";
-import { builtinModules } from "node:module";
-
-export default defineConfig({
- ssr: {
- noExternal: true,
- },
- logLevel: 'warn',
- build: {
- ssr: "index.ts",
- outDir: "../../dist/server",
- emptyOutDir: true,
- target: "node22",
- sourcemap: true,
- rollupOptions: {
- external: [...builtinModules],
- output: {
- format: "cjs",
- entryFileNames: "index.cjs",
- inlineDynamicImports: true,
- },
- },
- },
-});
diff --git a/src/shared/types/api.ts b/src/shared/api.ts
similarity index 100%
rename from src/shared/types/api.ts
rename to src/shared/api.ts
diff --git a/src/shared/tsconfig.json b/src/shared/tsconfig.json
deleted file mode 100644
index e401ebc..0000000
--- a/src/shared/tsconfig.json
+++ /dev/null
@@ -1,14 +0,0 @@
-// TypeScript config for non-devvit and shared code.
-{
- "extends": "../../tools/tsconfig-base.json",
- "compilerOptions": {
- "lib": ["WebWorker", "ES2023"],
-
- "outDir": "../../dist/types/shared",
-
- "tsBuildInfoFile": "../../dist/types/shared/tsconfig.tsbuildinfo"
- },
- // https://github.com/Microsoft/TypeScript/issues/25636
- "include": ["**/*", "**/*.json"],
- "exclude": ["**/*.test.ts"]
-}
diff --git a/tools/tsconfig-base.json b/tools/tsconfig.base.json
similarity index 55%
rename from tools/tsconfig-base.json
rename to tools/tsconfig.base.json
index 27fd2bd..738af4e 100644
--- a/tools/tsconfig-base.json
+++ b/tools/tsconfig.base.json
@@ -1,12 +1,7 @@
-// TypeScript config defaults for each sub-project (src, test, etc).
{
"$schema": "https://json.schemastore.org/tsconfig.json",
-
"compilerOptions": {
- // Enable incremental builds.
"composite": true,
-
- // Maximize type checking.
"allowUnreachableCode": false,
"allowUnusedLabels": false,
"exactOptionalPropertyTypes": true,
@@ -18,27 +13,15 @@
"noUnusedParameters": true,
"resolveJsonModule": true,
"strict": true,
-
- "types": [], // Projects add types needed.
-
- // Improve compatibility with compilers that aren't type system aware.
+ "types": [],
"isolatedModules": true,
-
- // Use ESM.
"esModuleInterop": true,
-
- // Allow JSON type-checking and imports.
"module": "ESNext",
"moduleResolution": "Bundler",
-
- // Assume library types are checked and compatible.
"skipLibCheck": true,
"skipDefaultLibCheck": true,
-
"sourceMap": true,
-
- "target": "ES2022"
- },
- // https://github.com/microsoft/TypeScript/wiki/Performance#misconfigured-include-and-exclude
- "exclude": ["dist", "node_modules", ".*/"]
+ "target": "ES2022",
+ "lib": ["DOM", "ES2023", "esnext.disposable"]
+ }
}
diff --git a/tools/tsconfig.client.json b/tools/tsconfig.client.json
new file mode 100644
index 0000000..9d03b1d
--- /dev/null
+++ b/tools/tsconfig.client.json
@@ -0,0 +1,16 @@
+{
+ "extends": "./tsconfig.base.json",
+ "compilerOptions": {
+ "outDir": "../dist/types/client",
+ "tsBuildInfoFile": "../dist/types/client/tsconfig.tsbuildinfo",
+ "customConditions": ["browser"],
+ "rootDir": "../src/client"
+ },
+ "include": ["../src/client/**/*"],
+ "exclude": [],
+ "references": [
+ {
+ "path": "./tsconfig.shared.json"
+ }
+ ]
+}
diff --git a/tools/tsconfig.server.json b/tools/tsconfig.server.json
new file mode 100644
index 0000000..eb03bbd
--- /dev/null
+++ b/tools/tsconfig.server.json
@@ -0,0 +1,18 @@
+{
+ "extends": "./tsconfig.base.json",
+ "compilerOptions": {
+ "outDir": "../dist/types/server",
+ "tsBuildInfoFile": "../dist/types/server/tsconfig.tsbuildinfo",
+ "customConditions": [],
+ "types": ["node"],
+ "exactOptionalPropertyTypes": false,
+ "rootDir": "../src/server"
+ },
+ "include": ["../src/server/**/*"],
+ "exclude": [],
+ "references": [
+ {
+ "path": "./tsconfig.shared.json"
+ }
+ ]
+}
diff --git a/tools/tsconfig.shared.json b/tools/tsconfig.shared.json
new file mode 100644
index 0000000..a9e11ec
--- /dev/null
+++ b/tools/tsconfig.shared.json
@@ -0,0 +1,14 @@
+{
+ "extends": "./tsconfig.base.json",
+ "compilerOptions": {
+ "lib": ["WebWorker", "ES2023"],
+
+ "outDir": "../dist/types/shared",
+
+ "tsBuildInfoFile": "../dist/types/shared/tsconfig.tsbuildinfo",
+
+ "rootDir": "../src/shared"
+ },
+ "include": ["../src/shared/**/*"],
+ "exclude": []
+}
diff --git a/tools/tsconfig.vite.json b/tools/tsconfig.vite.json
new file mode 100644
index 0000000..0bb0c78
--- /dev/null
+++ b/tools/tsconfig.vite.json
@@ -0,0 +1,11 @@
+{
+ "extends": "./tsconfig.base.json",
+ "compilerOptions": {
+ "outDir": "../dist/types/tools",
+ "tsBuildInfoFile": "../dist/types/tools/tsconfig.vite.tsbuildinfo",
+ "types": ["node"],
+ "rootDir": ".."
+ },
+ "include": ["../vite.config.ts"],
+ "exclude": []
+}
diff --git a/tsconfig.json b/tsconfig.json
index ad713b8..f1edc59 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,9 +1,9 @@
{
- // Only build references.
"files": [],
"references": [
- { "path": "./src/client" },
- { "path": "./src/shared" },
- { "path": "./src/server" }
+ { "path": "./tools/tsconfig.client.json" },
+ { "path": "./tools/tsconfig.server.json" },
+ { "path": "./tools/tsconfig.shared.json" },
+ { "path": "./tools/tsconfig.vite.json" }
]
}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..c4fd976
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,6 @@
+import { defineConfig } from 'vite';
+import { devvit } from '@devvit/start/vite';
+
+export default defineConfig({
+ plugins: [devvit()],
+});
+