AmeVox/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add support of rendering to Gefest

Browse Source
This commit is contained in:
FullGreaM 2026-04-27 01:30:28 +03:00
parent 9c460ad683
commit 9a765b2ad6
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/modules/Gefest/element.ts
View File

@ -65,6 +65,13 @@ export abstract class GefestElement {
this.content = content; this.content = content;
} }
/**
* Call to GefestEngine for rerender element
*/
update (): void {
GefestEngine.reRenderByGI(this.gefestId);
}
/** /**
* Builds the element and returns it as a string. If the element has a style, it applies the style to the rendered HTML. * Builds the element and returns it as a string. If the element has a style, it applies the style to the rendered HTML.
* @param isFromStyle Indicates if the build is being called from a style application. This prevents infinite recursion when applying styles. * @param isFromStyle Indicates if the build is being called from a style application. This prevents infinite recursion when applying styles.
@ -73,6 +80,9 @@ export abstract class GefestElement {
build (isFromStyle: boolean = false): string { build (isFromStyle: boolean = false): string {
if (this.isHidden) if (this.isHidden)
this.setAttribute('hidden', ''); this.setAttribute('hidden', '');
else
this.removeAttribute('hidden');
if (!isFromStyle) if (!isFromStyle)
return this.applyStyle(this.render(), this); return this.applyStyle(this.render(), this);
return this.render(); return this.render();
@ -84,7 +94,9 @@ export abstract class GefestElement {
*/ */
checkReservedAttribute(key: string): void { checkReservedAttribute(key: string): void {
if (({ "style": true, "class": true })[key]) if (({ "style": true, "class": true })[key])
throw new Error(`The attribute "${key}" is reserved. Use the setStyle method for styles and setClass method for classes.`); throw new Error(`The attribute "${
key
}" is reserved. Use the setPersonalStyle method for styles and setClass method for classes.`);
} }
/** /**

14
frontend/src/modules/Gefest/engine.ts
View File

@ -2,12 +2,14 @@ import { GefestElement } from "./element";
// For protecting the set of elements from direct access // For protecting the set of elements from direct access
const elements: Set<GefestElement> = new Set(); const elements: Set<GefestElement> = new Set();
const elementsMapping: Map<string, GefestElement> = new Map<string, GefestElement> ();
export class GefestEngine { export class GefestEngine {
static register (element: GefestElement) : string { static register (element: GefestElement) : string {
elements.add(element); elements.add(element);
// Generate GefestID for the element // Generate GefestID for the element
const gefestId = `gefest-${Math.random().toString(36).substr(2, 9)}`; const gefestId = `gefest-${Math.random().toString(36).substr(2, 9)}`;
element.setAttribute('data-gefest-id', gefestId); element.setAttribute('data-gefest-id', gefestId);
elementsMapping.set(gefestId, element);
return gefestId; return gefestId;
} }
@ -26,4 +28,16 @@ export class GefestEngine {
await main(); await main();
await GefestEngine.activateOnClick(); await GefestEngine.activateOnClick();
} }
static reRenderByGI (gefestId: string) {
const gefestElement = elementsMapping.get(gefestId);
if (!gefestElement) return;
const elementHTML = document.querySelectorAll(`[data-gefest-id="${gefestId}"]`);
if (elementHTML.length > 0) {
const htmlElement = elementHTML[0] as HTMLElement;
htmlElement.outerHTML = gefestElement.build();
GefestEngine.activateOnClick();
}
}
} }