mirror of
https://git.kescher.at/CatCatNya/catstodon.git
synced 2024-12-11 02:19:03 +01:00
38 lines
975 B
TypeScript
38 lines
975 B
TypeScript
|
import 'packs/public-path';
|
||
|
import { createRoot } from 'react-dom/client';
|
||
|
|
||
|
import ready from 'flavours/glitch/ready';
|
||
|
|
||
|
async function mountReactComponent(element: Element) {
|
||
|
const componentName = element.getAttribute('data-admin-component');
|
||
|
const stringProps = element.getAttribute('data-props');
|
||
|
|
||
|
if (!stringProps) return;
|
||
|
|
||
|
const componentProps = JSON.parse(stringProps) as object;
|
||
|
|
||
|
const { default: AdminComponent } = await import(
|
||
|
'@/flavours/glitch/containers/admin_component'
|
||
|
);
|
||
|
|
||
|
const { default: Component } = (await import(
|
||
|
`@/flavours/glitch/components/admin/${componentName}`
|
||
|
)) as { default: React.ComponentType };
|
||
|
|
||
|
const root = createRoot(element);
|
||
|
|
||
|
root.render(
|
||
|
<AdminComponent>
|
||
|
<Component {...componentProps} />
|
||
|
</AdminComponent>,
|
||
|
);
|
||
|
}
|
||
|
|
||
|
ready(() => {
|
||
|
document.querySelectorAll('[data-admin-component]').forEach((element) => {
|
||
|
void mountReactComponent(element);
|
||
|
});
|
||
|
}).catch((reason) => {
|
||
|
throw reason;
|
||
|
});
|