manuth/ConnectForce
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Nest render function in separate class
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Manuel Thalmann 2022-12-15 10:09:22 +01:00
parent babdc6104e
commit 5ff474a7ea
No known key found for this signature in database
GPG key ID: 5FD9AD3CCDDBD27B
2 changed files with 42 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/js/Game.js
View file

@ -1,6 +1,6 @@
import { App } from "./Components.js";
import { State } from "./State.js";
import { render } from "./SuiWeb.js";
import { SuiWeb } from "./SuiWeb.js";
/**
* Represents a game.
@ -171,7 +171,7 @@ export class Game
{
let container = document.getElementById(this.id);
container.innerHTML = "";
render([App, this], container);
SuiWeb.render([App, this], container);
}
/**

74
src/js/SuiWeb.js
View file

@ -1,51 +1,57 @@
/**
* Renders the specified {@link data `data`} and appends it to the specified {@link element `element`}.
*
* @param {NodeDescriptor} data
* The node to render written in SJDON notation.
*
* @param {HTMLElement} element
* The element to add the rendered node to.
* Provides component for rendering elements written in SJDON notation.
*/
export function render(data, element)
export class SuiWeb
{
if (Array.isArray(data))
/**
* Renders the specified {@link data `data`} and appends it to the specified {@link element `element`}.
*
* @param {NodeDescriptor} data
* The node to render written in SJDON notation.
*
* @param {HTMLElement} element
* The element to add the rendered node to.
*/
static render(data, element)
{
let descriptor = data[0];
let args = data.slice(1);
if (typeof descriptor === "function")
if (Array.isArray(data))
{
render(descriptor(...args), element);
}
else if (typeof descriptor === "string")
{
let result = element.ownerDocument.createElement(descriptor);
element.appendChild(result);
let descriptor = data[0];
let args = data.slice(1);
for (let arg of args)
if (typeof descriptor === "function")
{
if (typeof arg === "object" && !Array.isArray(arg))
SuiWeb.render(descriptor(...args), element);
}
else if (typeof descriptor === "string")
{
let result = element.ownerDocument.createElement(descriptor);
element.appendChild(result);
for (let arg of args)
{
Object.assign(result, arg);
}
else
{
render(arg, result);
if (typeof arg === "object" && !Array.isArray(arg))
{
Object.assign(result, arg);
}
else
{
SuiWeb.render(arg, result);
}
}
}
else
{
throw new SyntaxError();
}
}
else if (typeof data === "string")
{
element.appendChild(element.ownerDocument.createTextNode(data));
}
else
{
throw new SyntaxError();
}
}
else if (typeof data === "string")
{
element.appendChild(element.ownerDocument.createTextNode(data));
}
else
{
throw new SyntaxError();
}
}