gitea/web_src/js/webcomponents
silverwind 817d5e4d30
Use Temporal.PlainDate for absolute dates (#29804) (#29808)
Backport https://github.com/go-gitea/gitea/pull/29804.

Use the upcoming
[Temporal.PlainDate](https://tc39.es/proposal-temporal/docs/plaindate.html)
via polyfill. If there is any remaining bugs in `<absolute-date>` this
will iron them out. I opted for the lightweight polyfill because both
seem to achieve our goal of localizeable absolute dates.

- With
[`@js-temporal/polyfill`](https://www.npmjs.com/package/@js-temporal/polyfill)
chunk size goes from 81.4 KiB to 274 KiB
- With
[`temporal-polyfill`](https://www.npmjs.com/package/temporal-polyfill)
chunk size goes from 81.4 KiB to 142 KiB

Also see [this
table](https://github.com/fullcalendar/temporal-polyfill?tab=readme-ov-file#comparison-with-js-temporalpolyfill)
for more comparisons of these polyfills. Soon there will be
[treeshakable
API](https://github.com/fullcalendar/temporal-polyfill?tab=readme-ov-file#tree-shakable-api)
as well which will further reduce size.
2024-03-15 11:20:42 +01:00
..
GiteaAbsoluteDate.js Use Temporal.PlainDate for absolute dates (#29804) (#29808) 2024-03-15 11:20:42 +01:00
GiteaAbsoluteDate.test.js Use Temporal.PlainDate for absolute dates (#29804) (#29808) 2024-03-15 11:20:42 +01:00
GiteaOriginUrl.js Fix URL calculation in clone input box (#29470) (#29473) 2024-02-28 15:25:53 +00:00
GiteaOriginUrl.test.js Fix gitea-origin-url with default ports (#29085) (#29088) 2024-02-08 02:41:49 +00:00
polyfill.js Add minimum polyfill to support "relative-time-element" in PaleMoon (#26575) 2023-08-18 17:27:11 +08:00
README.md Use auto-updating, natively hoverable, localized time elements (#23988) 2023-04-11 01:01:20 +02:00
webcomponents.js Fix date rendering by adding <gitea-absolute-date> (#29725) (#29747) 2024-03-13 01:04:58 +01:00

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), so they should have their own dependencies and should be very light, then they won't affect the page loading time too much.
  • If the component is not a public one, it's suggested to have its own Gitea or gitea- prefix to avoid conflicts.