Go-Gitea
/
gitea
mirror of https://github.com/go-gitea/gitea.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity
gitea/web_src/js/webcomponents
History
silverwind 0ec66b5380
Migrate from webpack to vite (#37002) 
Replace webpack with Vite 8 as the frontend bundler. Frontend build is
around 3-4 times faster than before. Will work on all platforms
including riscv64 (via wasm).

`iife.js` is a classic render-blocking script in `<head>` (handles web
components/early DOM setup). `index.js` is loaded as a `type="module"`
script in the footer. All other JS chunks are also module scripts
(supported in all browsers since 2018).

Entry filenames are content-hashed (e.g. `index.C6Z2MRVQ.js`) and
resolved at runtime via the Vite manifest, eliminating the `?v=` cache
busting (which was unreliable in some scenarios like vscode dev build).

Replaces: https://github.com/go-gitea/gitea/pull/36896
Fixes: https://github.com/go-gitea/gitea/issues/17793
Signed-off-by: silverwind <me@silverwind.io>
Signed-off-by: wxiaoguang <wxiaoguang@gmail.com>
Co-authored-by: Claude (Opus 4.6) <noreply@anthropic.com>
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
 		2026-03-29 10:24:30 +00:00
..
README.md Migrate from webpack to vite (#37002) 2026-03-29 10:24:30 +00:00
index.ts Support dark/light theme images in markdown (#36922) 2026-03-21 12:44:33 +00:00
origin-url.ts Enable TypeScript `strictNullChecks` (#35843) 2025-12-03 02:13:16 +00:00
overflow-menu.ts Migrate from webpack to vite (#37002) 2026-03-29 10:24:30 +00:00
polyfill.test.ts Polyfill WeakRef (#34025) 2025-03-26 23:56:25 +08:00
polyfills.ts Vendor relative-time-element as local web component (#36853) 2026-03-13 10:43:17 +00:00
relative-time.test.ts Vendor relative-time-element as local web component (#36853) 2026-03-13 10:43:17 +00:00
relative-time.ts Fix relative-time RangeError (#37021) 2026-03-28 13:10:51 +00:00

README.md

Web Components

This webcomponents directory contains the source code for the web components used in the Gitea Web UI.

https://developer.mozilla.org/en-US/docs/Web/Web_Components

Guidelines

  • These components are loaded in <head> (before DOM body) in a separate entry point, they need to be lightweight to not affect the page loading time too much.
  • Do not import svg.js into a web component because that file is currently not tree-shakeable, import svg files individually insteat.
  • All our components must be added to vite.config.ts so they work correctly in Vue.