mirror of
				https://codeberg.org/forgejo/forgejo.git
				synced 2025-10-31 06:21:11 +00:00 
			
		
		
		
	frontend: generic lazy loader for webcomponents (#8510)
After seeing #8111 use a webcomponent, I think that they are a neat usecase for Forgejo where most of the frontend is backend-generated, with some "island of enhancements". I am considering using a webcomponent for the CITATION management (last occurrence of [`Blob.GetBlobContent`](https://codeberg.org/forgejo/forgejo/issues/8222)), however I noticed that the developer experience wasn't ideal. With this PR it would be very easy to declare a webcomponent, which will be loaded only if needed (I converted `model-viewer` and `pdf-object` to this technique). Some cleanup in the neighbor webcomponents. ## Testing 1) Create a new repository or use an existing one. 2) Upload a `.pdf` or `.glb` file (such as https://codeberg.org/forgejo/forgejo/src/branch/forgejo/tests/testdata/data/viewer/Unicode%E2%9D%A4%E2%99%BBTest.glb) 3) Open the Network inspector and view the file in the repository. - After a short loading spinner, the PDF or 3D model should be rendered in a viewer - the related JS should have been loaded (e.g. http://localhost:3000/assets/js/model-viewer.494bf0cd.js) - visiting another page and check that this JS file isn't loaded Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/8510 Reviewed-by: Gusted <gusted@noreply.codeberg.org> Reviewed-by: 0ko <0ko@noreply.codeberg.org> Reviewed-by: Beowulf <beowulf@beocode.eu> Co-authored-by: oliverpool <git@olivier.pfad.fr> Co-committed-by: oliverpool <git@olivier.pfad.fr>
This commit is contained in:
		
					parent
					
						
							
								c3b18a6deb
							
						
					
				
			
			
				commit
				
					
						83ea43cf49
					
				
			
		
					 14 changed files with 166 additions and 137 deletions
				
			
		|  | @ -2,6 +2,7 @@ | |||
| // SPDX-License-Identifier: MIT | ||||
| 
 | ||||
| // Some useful links: | ||||
| // https://codeberg.org/forgejo/forgejo/src/branch/forgejo/web_src/js/webcomponents/relative-time.js | ||||
| // https://www.unicode.org/cldr/charts/46/supplemental/language_plural_rules.html | ||||
| // https://translate.codeberg.org/languages/$LANGUAGE_CODE/#information | ||||
| // https://github.com/WeblateOrg/language-data/blob/main/languages.csv | ||||
|  | @ -16,7 +17,7 @@ import ( | |||
| 	"forgejo.org/modules/translation/i18n" | ||||
| ) | ||||
| 
 | ||||
| // The constants refer to indices below in `PluralRules` and also in i18n.js, keep them in sync! | ||||
| // The constants refer to indices below in `PluralRules` and also in web_src/js/webcomponents/relative-time.js, keep them in sync! | ||||
| const ( | ||||
| 	PluralRuleDefault    = 0 | ||||
| 	PluralRuleBengali    = 1 | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue