Use STORYKIT_PORT for both backend and frontend, add .story_kit_port to ignore files

Single env var STORYKIT_PORT configures backend port, frontend proxy target,
frontend dev server port (port + 2172), and WebSocket host. Added .story_kit_port
to .gitignore and .ignore to prevent git tracking and cargo watch restart loops.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Dave
2026-02-19 17:29:50 +00:00
parent f7902c3569
commit 7e56648954
4 changed files with 11 additions and 4 deletions

1
.gitignore vendored
View File

@@ -1,5 +1,6 @@
# App specific # App specific
store.json store.json
.story_kit_port
# Rust stuff # Rust stuff
target target

View File

@@ -4,3 +4,4 @@ node_modules/
.claude/ .claude/
.story_kit/ .story_kit/
store.json store.json
.story_kit_port

View File

@@ -54,6 +54,8 @@ export interface CommandOutput {
exit_code: number; exit_code: number;
} }
declare const __STORYKIT_PORT__: string;
const DEFAULT_API_BASE = "/api"; const DEFAULT_API_BASE = "/api";
const DEFAULT_WS_PATH = "/ws"; const DEFAULT_WS_PATH = "/ws";
@@ -235,7 +237,7 @@ export class ChatWebSocket {
const protocol = window.location.protocol === "https:" ? "wss" : "ws"; const protocol = window.location.protocol === "https:" ? "wss" : "ws";
const wsHost = resolveWsHost( const wsHost = resolveWsHost(
import.meta.env.DEV, import.meta.env.DEV,
import.meta.env.VITE_STORYKIT_PORT, typeof __STORYKIT_PORT__ !== "undefined" ? __STORYKIT_PORT__ : undefined,
window.location.host, window.location.host,
); );
const wsUrl = `${protocol}://${wsHost}${wsPath}`; const wsUrl = `${protocol}://${wsHost}${wsPath}`;

View File

@@ -3,14 +3,17 @@ import { defineConfig } from "vite";
// https://vite.dev/config/ // https://vite.dev/config/
export default defineConfig(() => { export default defineConfig(() => {
const backendPort = process.env.VITE_STORYKIT_PORT || "3001"; const backendPort = Number(process.env.STORYKIT_PORT || "3001");
return { return {
plugins: [react()], plugins: [react()],
define: {
__STORYKIT_PORT__: JSON.stringify(String(backendPort)),
},
server: { server: {
port: 5173, port: backendPort + 2172,
proxy: { proxy: {
"/api": { "/api": {
target: `http://127.0.0.1:${backendPort}`, target: `http://127.0.0.1:${String(backendPort)}`,
timeout: 120000, timeout: 120000,
}, },
}, },