mirror of https://github.com/MHSanaei/3x-ui.git synced 2026-06-06 21:24:10 +00:00

History

MHSanaei c76b8b4a81 fix(frontend): inbound Advanced tab live mirror + QR exact-fit sizing Advanced tab in the inbound modal showed stale state. The watch only refreshed advancedJson.stream, so toggling the Sniffing switch in the Sniffing tab left the Advanced JSON showing the prior value. And encryption — stored on inbound.settings.encryption, not on stream — never appeared at all because Advanced only exposed stream + sniffing. Split the watch into three (stream / sniffing / settings) and add a settings textarea so encryption / clients / fallbacks live alongside the existing two views. The submit() path now reads settings from the JSON tab too (falling back to inbound.settings.toString()) so power-user edits in Advanced override the structured form on save. QR canvas: when a longer share-URL bumps the QR matrix size, QRious falls back to floor(canvasSize / matrixWidth) and centers the pattern, leaving a white margin (e.g. matrix=41, size=180 → 8px gap). Pre-pick the QR version from the URL byte length and set canvas size to a multiple of matrixWidth × pixelSize so the pattern always fills it edge-to-edge — no white margin even after toggling encryption on. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>		2026-05-08 22:23:06 +02:00
..
src	fix(frontend): inbound Advanced tab live mirror + QR exact-fit sizing	2026-05-08 22:23:06 +02:00
.gitignore	build(frontend): Phase 2 — scaffold Vite + Vue 3 + AD-Vue 4	2026-05-08 10:36:03 +02:00
inbounds.html	feat(frontend): Phase 5f-i — inbounds page shell + list fetch	2026-05-08 13:28:15 +02:00
index.html	feat(frontend): Phase 5c-i — index.html dashboard shell	2026-05-08 12:26:51 +02:00
login.html	feat(frontend): Phase 5a — theme system + Vite 8 + vue-i18n 11	2026-05-08 11:11:06 +02:00
package-lock.json	feat(frontend): Phase 5f-iii — inbound add/edit modal + delete/clone/reset	2026-05-08 13:41:21 +02:00
package.json	i18n: collapse two translation databases into a single web/translation/<lang>.json set	2026-05-08 18:05:56 +02:00
README.md	build(frontend): Phase 2 — scaffold Vite + Vue 3 + AD-Vue 4	2026-05-08 10:36:03 +02:00
settings.html	feat(frontend): Phase 5d-i — settings page shell + dirty tracking	2026-05-08 13:04:06 +02:00
subpage.html	feat(frontend): migrate subpage.html to Vue 3 SPA	2026-05-08 19:44:50 +02:00
vite.config.js	feat(frontend): migrate subpage.html to Vue 3 SPA	2026-05-08 19:44:50 +02:00
xray.html	feat(frontend): Phase 6-i — xray page scaffold + Advanced JSON tab	2026-05-08 14:13:26 +02:00

README.md

3x-ui frontend

Vue 3 + Ant Design Vue 4 + Vite. Builds into ../web/dist/, which the Go binary will embed via embed.FS once the migration reaches the page handlers (Phase 4+).

This directory exists alongside the legacy web/html/ Vue 2 templates during the migration. Pages will move over one at a time on the vue3-migration branch.

Dev

cd frontend
npm install
npm run dev

The dev server runs on http://localhost:5173/ and proxies API calls to the Go panel at http://localhost:2053/ — start the Go panel first (go run main.go), then start Vite.

Production build

npm run build

Outputs to ../web/dist/. The Go binary picks it up at compile time via embed.FS.

Where things live

src/main.js — app entrypoint (createApp, install Antd, mount)
src/App.vue — root component (currently a smoke-test placeholder)
vite.config.js — build + dev-server config
index.html — Vite HTML template

Adding new pages

For each legacy page being migrated, add an entry to vite.config.js rollupOptions.input. Each entry produces its own HTML file in web/dist/, which the Go panel route handler will serve.