neue Homepage auf react basis

This commit is contained in:
2026-08-07 21:39:30 +02:00
parent 164bdd19ad
commit ee89442c04
52191 changed files with 1230242 additions and 58 deletions
@@ -0,0 +1,11 @@
import * as React from 'react';
interface TailwindDemoContainerProps {
children: React.ReactNode;
documentBody?: HTMLElement;
}
/**
* WARNING: This is an internal component used in documentation to inject the Tailwind script.
* Please do not use it in your application.
*/
export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
export {};
@@ -0,0 +1,11 @@
import * as React from 'react';
interface TailwindDemoContainerProps {
children: React.ReactNode;
documentBody?: HTMLElement;
}
/**
* WARNING: This is an internal component used in documentation to inject the Tailwind script.
* Please do not use it in your application.
*/
export declare function TailwindDemoContainer(props: TailwindDemoContainerProps): string | number | bigint | boolean | React.JSX.Element | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | Iterable<React.ReactNode> | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | React.ReactPortal | null | undefined> | null | undefined;
export {};
@@ -0,0 +1,64 @@
"use strict";
'use client';
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.TailwindDemoContainer = TailwindDemoContainer;
var React = _interopRequireWildcard(require("react"));
var _Box = _interopRequireDefault(require("@mui/material/Box"));
var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
var _jsxRuntime = require("react/jsx-runtime");
/**
* WARNING: This is an internal component used in documentation to inject the Tailwind script.
* Please do not use it in your application.
*/
function TailwindDemoContainer(props) {
const {
children,
documentBody
} = props;
const [isLoaded, setIsLoaded] = React.useState(false);
React.useEffect(() => {
const body = documentBody ?? document.body;
const script = document.createElement('script');
script.src = 'https://unpkg.com/@tailwindcss/browser@4';
let mounted = true;
const cleanup = () => {
mounted = false;
script.remove();
const head = body?.ownerDocument?.head;
if (!head) {
return;
}
const styles = head.querySelectorAll('style:not([data-emotion])');
styles.forEach(style => {
const styleText = style.textContent?.substring(0, 100);
const isTailwindStylesheet = styleText?.includes('tailwind');
if (isTailwindStylesheet) {
style.remove();
}
});
};
script.onload = () => {
if (!mounted) {
cleanup();
return;
}
setIsLoaded(true);
};
body.appendChild(script);
return cleanup;
}, [documentBody]);
return isLoaded ? children : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Box.default, {
sx: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: '100%'
},
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CircularProgress.default, {})
});
}
@@ -0,0 +1,57 @@
'use client';
import * as React from 'react';
import Box from '@mui/material/Box';
import CircularProgress from '@mui/material/CircularProgress';
import { jsx as _jsx } from "react/jsx-runtime";
/**
* WARNING: This is an internal component used in documentation to inject the Tailwind script.
* Please do not use it in your application.
*/
export function TailwindDemoContainer(props) {
const {
children,
documentBody
} = props;
const [isLoaded, setIsLoaded] = React.useState(false);
React.useEffect(() => {
const body = documentBody ?? document.body;
const script = document.createElement('script');
script.src = 'https://unpkg.com/@tailwindcss/browser@4';
let mounted = true;
const cleanup = () => {
mounted = false;
script.remove();
const head = body?.ownerDocument?.head;
if (!head) {
return;
}
const styles = head.querySelectorAll('style:not([data-emotion])');
styles.forEach(style => {
const styleText = style.textContent?.substring(0, 100);
const isTailwindStylesheet = styleText?.includes('tailwind');
if (isTailwindStylesheet) {
style.remove();
}
});
};
script.onload = () => {
if (!mounted) {
cleanup();
return;
}
setIsLoaded(true);
};
body.appendChild(script);
return cleanup;
}, [documentBody]);
return isLoaded ? children : /*#__PURE__*/_jsx(Box, {
sx: {
display: 'flex',
justifyContent: 'center',
alignItems: 'center',
height: '100%'
},
children: /*#__PURE__*/_jsx(CircularProgress, {})
});
}
+1
View File
@@ -0,0 +1 @@
export { TailwindDemoContainer } from "./TailwindDemoContainer.mjs";
+1
View File
@@ -0,0 +1 @@
export { TailwindDemoContainer } from "./TailwindDemoContainer.js";
+12
View File
@@ -0,0 +1,12 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
Object.defineProperty(exports, "TailwindDemoContainer", {
enumerable: true,
get: function () {
return _TailwindDemoContainer.TailwindDemoContainer;
}
});
var _TailwindDemoContainer = require("./TailwindDemoContainer");
+1
View File
@@ -0,0 +1 @@
export { TailwindDemoContainer } from "./TailwindDemoContainer.mjs";