merge master

mittwald · Dec 18, 2024 · 567d9f6 · 567d9f6
1 parent 576d58a
commit 567d9f6
Show file tree

Hide file tree

Showing 93 changed files with 3,728 additions and 1,022 deletions.
diff --git a/.idea/Flow - mittwald Design System.iml b/.idea/Flow - mittwald Design System.iml
diff --git a/.idea/compiler.xml b/.idea/compiler.xml
diff --git a/.pnp.cjs b/.pnp.cjs
diff --git a/demos/remote-dom/package.json b/demos/remote-dom/package.json
@@ -5,7 +5,7 @@
   "scripts": {
     "build": "run next build",
     "build:deps:watch": "run -T build:deps:watch @mittwald/flow-demo-remote-dom",
-    "dev": "run nx run-many --outputStyle=stream --projects=@mittwald/flow-demo-remote-dom --targets=start,build:deps:watch,build:imports",
+    "dev": "run nx run-many --outputStyle=stream --projects=@mittwald/flow-demo-remote-dom --targets=start,build:deps:watch",
     "start": "run next dev",
     "test:compile": "run tsc --noEmit"
   },
@@ -33,7 +33,7 @@
     "@types/react-dom": "^19.0.2",
     "@yarnpkg/pnpify": "^4.1.3",
     "eslint": "^9.16.0",
-    "nx": "^20.2.1",
+    "nx": "^20.2.2",
     "typescript": "^5.7.2"
   },
   "overrides": {

diff --git a/demos/remote-dom/src/app/host/[demo]/page.tsx b/demos/remote-dom/src/app/host/[demo]/page.tsx
@@ -4,5 +4,21 @@ import { useParams } from "next/navigation";
 
 export default function Page() {
   const { demo } = useParams<{ demo: string }>();
-  return <RemoteRenderer src={`http://localhost:3000/remote/${demo}`} />;
+  return (
+    <RemoteRenderer
+      src={`http://localhost:3000/remote/${demo}`}
+      iframeStyle={{
+        border: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        height: "50%",
+        minHeight: "300px",
+        position: "fixed",
+        width: "100%",
+        boxSizing: "border-box",
+        paddingInline: "10%",
+      }}
+    />
+  );
 }
diff --git a/demos/remote-dom/src/app/host/layout.tsx b/demos/remote-dom/src/app/host/layout.tsx
@@ -15,9 +15,11 @@ export default function Layout(props: PropsWithChildren) {
         <Link href="/host/modal">Modal</Link>
         <Link href="/host/simple-form">Simple Form</Link>
         <Link href="/host/action-form">Action Form</Link>
+        <Link href="/host/rhf-form">RHF Form</Link>
         <Link href="/host/suspense">Suspense</Link>
         <Link href="/host/svg">Icon/SVG</Link>
         <Link href="/host/list">List</Link>
+        <Link href="/host/performance">Performance</Link>
       </HeaderNavigation>
       <Separator />
       <main className={styles.mainContainer}>

diff --git a/demos/remote-dom/src/app/remote/layout.css b/demos/remote-dom/src/app/remote/layout.css
@@ -0,0 +1,21 @@
+body {
+  background-color: bisque;
+}
+
+script {
+  display: none;
+}
+
+* {
+  background-color: rgba(0, 0, 0, 0.1);
+  display: block;
+  font-family: sans-serif;
+}
+
+[flr-*] {
+  display: none;
+}
+
+* * {
+  padding-left: 20px;
+}
diff --git a/demos/remote-dom/src/app/remote/layout.tsx b/demos/remote-dom/src/app/remote/layout.tsx
@@ -1,6 +1,7 @@
 "use client";
 import { type PropsWithChildren } from "react";
 import { Root } from "@mittwald/flow-remote-react-components";
+import "./layout.css";
 
 export default function Page(props: PropsWithChildren) {
   return <Root>{props.children}</Root>;