[Feature]: ウェブベースのセットアップ画面を作る #3

New Issue

last2014 · 2025-10-03T01:32:24+09:00

last2014 commented

2025-10-03 01:32:24 +09:00

Summary

scripts/setup.tsだけじゃなくブラウザ上で使用できるセットアップ画面を作りたい。

Purpose

説明文の入力などで不便な部分がある、サーバー初心者に弱いため。

Concept

packages/web/src/main.tsでconfigのimport前にfsでconfigの存在確認をする。
存在しない場合はpackages/web/src/setup.tsのHonoをimportして動かす。

Development

Community & me

# Summary scripts/setup.tsだけじゃなくブラウザ上で使用できるセットアップ画面を作りたい。 # Purpose 説明文の入力などで不便な部分がある、サーバー初心者に弱いため。 # Concept packages/web/src/main.tsでconfigのimport前にfsでconfigの存在確認をする。存在しない場合はpackages/web/src/setup.tsのHonoをimportして動かす。 # Development Community & me

last2014 added the

feature

label 2025-10-03 01:32:31 +09:00

last2014 commented

2025-10-03 01:48:57 +09:00

configあってポートが使われてたら変更させられるけどセットアップ画面は難しいな
1-65535試すのも時間かかるし
3000固定にしてどうにかして使わせるか

configあってポートが使われてたら変更させられるけどセットアップ画面は難しいな 1-65535試すのも時間かかるし 3000固定にしてどうにかして使わせるか

last2014 commented

2025-10-03 02:00:39 +09:00

configがないとpnpm run buildできない
空のconfig作るjsでも組むか

configがないとpnpm run buildできない空のconfig作るjsでも組むか

last2014 commented

2025-10-03 02:20:16 +09:00

難しいので後回し(
packages/setupに作って/でpnpm run startできるようなスクリプトとかの環境が整ったらまたやる

難しいので後回し( packages/setupに作って/でpnpm run startできるようなスクリプトとかの環境が整ったらまたやる

last2014 closed this issue

2025-10-03 02:20:19 +09:00

last2014 commented

2025-10-04 09:50:38 +09:00

yamlにして存在しない場合はサンプル返して処理しなければコンパイル自体は出来るか

last2014 commented

2025-10-05 23:10:00 +09:00

ポートを3000固定にすればその方法で行けるか
DBCheck()とかをifでconfigがあるときだけ動かせばいい

ポートを3000固定にすればその方法で行けるか DBCheck()とかをifでconfigがあるときだけ動かせばいい

last2014 reopened this issue

2025-10-05 23:12:05 +09:00

last2014 commented

2025-10-05 23:15:18 +09:00

https://gitea.last2014.com/last2014/peas/src/branch/config-251005/

last2014 commented

2025-10-07 03:28:19 +09:00

import { existsSync, readFileSync } from "fs";
import { getDirname } from "../src/lib/path.js";
import yaml from "yaml";
import type ConfigType from "./config";

let Config: ConfigType = {
  server: {
    port: 3000,
    origin: "http://localhost:3000",
  },
  database: {
    host: "nosetup",
    port: 65536,
    user: "none",
    pass: "none",
    db: "peas",
  },
};
const path = `${getDirname(import.meta.url)}../../../config/config.yaml`;
if (existsSync(path)) {
  Config = yaml.parse(readFileSync(path, "utf-8"));
}

export default Config;

export function isSetup(conf: ConfigType) {
  if (
    conf.database.host === "nosetup" &&
    conf.database.port === 65536 &&
    conf.database.user === "none" &&
    conf.database.pass === "none" &&
    conf.database.db === "peas"
  ) {
    return false;
  } else {
    return true;
  }
}

packages/web/config/peas.config.ts
とか？

```ts import { existsSync, readFileSync } from "fs"; import { getDirname } from "../src/lib/path.js"; import yaml from "yaml"; import type ConfigType from "./config"; let Config: ConfigType = { server: { port: 3000, origin: "http://localhost:3000", }, database: { host: "nosetup", port: 65536, user: "none", pass: "none", db: "peas", }, }; const path = `${getDirname(import.meta.url)}../../../config/config.yaml`; if (existsSync(path)) { Config = yaml.parse(readFileSync(path, "utf-8")); } export default Config; export function isSetup(conf: ConfigType) { if ( conf.database.host === "nosetup" && conf.database.port === 65536 && conf.database.user === "none" && conf.database.pass === "none" && conf.database.db === "peas" ) { return false; } else { return true; } } ``` packages/web/config/peas.config.ts とか？

last2014 commented

2025-10-17 17:20:53 +09:00

Hono起動前にInquirer.jsでポート聞くとかなんとか

Sign in to join this conversation.