eddev 2.0.0-beta.22 → 2.0.0-beta.24

package/dist/app/entry/MetaTags.d.ts

@@ -0,0 +1,6 @@
+import { RouteMetaTag } from "../lib/routing";
+type Props = {
+    tags: RouteMetaTag[];
+};
+export declare function MetaTags(props: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/app/entry/MetaTags.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment } from "react/jsx-runtime";
+export function MetaTags(props) {
+    return (_jsx(Fragment, { children: props.tags?.map((tag, i) => {
+            const Component = tag.tagName;
+            const props = { ...tag.attributes };
+            if (tag.inner) {
+                if (tag.tagName === "title") {
+                    props.children = tag.inner;
+                }
+                else {
+                    props.dangerouslySetInnerHTML = { __html: tag.inner };
+                }
+            }
+            return _jsx(Component, { ...props }, i);
+        }) }));
+}

package/dist/app/entry/ssr-root-client.d.ts

@@ -1,4 +1,6 @@
 import { ReactNode } from "react";
-export declare function SSRClientRoot({ assets }: {
+import { RouteMetaTag } from "../lib/routing/types.js";
+export declare function SSRClientRoot(props: {
     assets: ReactNode;
+    metaTags: RouteMetaTag[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/app/entry/ssr-root-client.js

@@ -1,9 +1,16 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { QueryClientProvider } from "@tanstack/react-query";
-import { Suspense } from "react";
+import { Suspense, useRef } from "react";
 import { getQueryClient } from "../utils/query-client.js";
 import { BrowserRouter } from "../lib/routing/components/BrowserRouter.js";
 import { DevUILoader } from "../lib/devtools/loader.js";
-export function SSRClientRoot({ assets }) {
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), assets] }), _jsx("body", { children: _jsxs(QueryClientProvider, { client: getQueryClient(), children: [_jsx(Suspense, { children: _jsx(BrowserRouter, {}) }), _jsx(DevUILoader, {})] }) })] }));
+import { MetaTags } from "./MetaTags.js";
+import { useRouteMeta } from "../lib/routing/hooks/useRouteMeta.js";
+export function SSRClientRoot(props) {
+    const router = useRef(null);
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), _jsx(DynamicMetaTags, { tags: props.metaTags, router: router }), props.assets] }), _jsx("body", { children: _jsxs(QueryClientProvider, { client: getQueryClient(), children: [_jsx(Suspense, { children: _jsx(BrowserRouter, { routerRef: router }) }), _jsx(DevUILoader, {})] }) })] }));
+}
+function DynamicMetaTags(props) {
+    const data = useRouteMeta();
+    return _jsx(MetaTags, { tags: data.tags ?? [] });
 }

package/dist/app/entry/ssr-root.d.ts

@@ -1,9 +1,10 @@
-import type { ReactNode } from "react";
-import type { RouteData } from "../lib/routing/types.js";
+import { type ReactNode } from "react";
+import type { RouteData, RouteMetaTag } from "../lib/routing/types.js";
 import type { RouteLoader } from "../lib/routing/loader.js";
-export declare function SSRRoot(args: {
+export declare function SSRRoot(props: {
     pathname: string;
     initialData: RouteData;
     assets: ReactNode;
     loader: RouteLoader;
+    metaTags: RouteMetaTag[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/app/entry/ssr-root.js

@@ -1,21 +1,24 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Suspense } from "react";
 import { QueryClientProvider } from "@tanstack/react-query";
 import { getQueryClient } from "../utils/query-client.js";
 import { SSRRouter } from "../lib/routing/components/SSRRouter.js";
 import { normalizeRoute } from "../lib/routing/utils.js";
-export function SSRRoot(args) {
-    const loader = args.loader;
-    loader.setAppData(args.initialData.appData.data);
-    loader.populateRouteData(args.pathname, args.initialData);
-    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), args.assets] }), _jsx("body", { children: _jsx(QueryClientProvider, { client: getQueryClient(), children: _jsx(SSRRouter, { loader: loader, route: normalizeRoute({
-                            id: "initial",
-                            component: loader.getRouteComponent(args.initialData.view),
-                            key: "",
-                            props: args.initialData.viewData.data,
-                            view: args.initialData.view,
-                            search: "",
-                            pathname: args.pathname,
-                            query: {},
-                            hash: "",
-                        }) }) }) })] }));
+import { MetaTags } from "./MetaTags.js";
+export function SSRRoot(props) {
+    const loader = props.loader;
+    loader.setAppData(props.initialData.appData.data);
+    loader.populateRouteData(props.pathname, props.initialData);
+    return (_jsxs("html", { lang: "en", children: [_jsxs("head", { children: [_jsx("link", { rel: "icon", href: "/favicon.ico" }), _jsx(MetaTags, { tags: props.metaTags }), props.assets] }), _jsx("body", { children: _jsx(QueryClientProvider, { client: getQueryClient(), children: _jsx(Suspense, { children: _jsx(SSRRouter, { loader: loader, route: normalizeRoute({
+                                id: "initial",
+                                component: loader.getRouteComponent(props.initialData.view),
+                                key: "",
+                                props: props.initialData.viewData.data,
+                                view: props.initialData.view,
+                                search: "",
+                                pathname: props.pathname,
+                                query: {},
+                                hash: "",
+                                meta: {},
+                            }) }) }) }) })] }));
 }

package/dist/app/lib/blocks/ErrorBoundaryFrontend.d.ts

@@ -10,6 +10,6 @@ export declare class ErrorBoundaryFrontend extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(err: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<ReactNode> | null | undefined;
+    render(): string | number | boolean | Iterable<ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};

package/dist/app/lib/blocks/editor/ErrorBoundaryEditor.d.ts

@@ -10,6 +10,6 @@ export declare class ErrorBoundaryEditor extends Component<Props, State> {
     state: State;
     static getDerivedStateFromError(err: Error): State;
     componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
-    render(): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode> | null | undefined;
+    render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
 }
 export {};

package/dist/app/lib/devtools/hooks/useTailwind.d.ts

@@ -882,20 +882,15 @@ export declare function useTailwindConfig(): {
         } | undefined;
         readonly corePlugins?: readonly (import("tailwindcss/types/generated/corePluginList.js").CorePluginList | undefined)[] | {
             readonly filter?: boolean | undefined;
-            readonly backgroundColor?: boolean | undefined;
-            readonly fontSize?: boolean | undefined;
-            readonly inset?: boolean | undefined;
-            readonly borderRadius?: boolean | undefined;
-            readonly padding?: boolean | undefined;
-            readonly fontFamily?: boolean | undefined;
             readonly fill?: boolean | undefined;
-            readonly display?: boolean | undefined;
-            readonly flex?: boolean | undefined;
             readonly translate?: boolean | undefined;
             readonly content?: boolean | undefined;
             readonly height?: boolean | undefined;
             readonly width?: boolean | undefined;
             readonly cursor?: boolean | undefined;
+            readonly display?: boolean | undefined;
+            readonly fontFamily?: boolean | undefined;
+            readonly fontSize?: boolean | undefined;
             readonly fontStyle?: boolean | undefined;
             readonly fontWeight?: boolean | undefined;
             readonly letterSpacing?: boolean | undefined;
@@ -911,6 +906,11 @@ export declare function useTailwindConfig(): {
             readonly transform?: boolean | undefined;
             readonly visibility?: boolean | undefined;
             readonly size?: boolean | undefined;
+            readonly backgroundColor?: boolean | undefined;
+            readonly inset?: boolean | undefined;
+            readonly borderRadius?: boolean | undefined;
+            readonly padding?: boolean | undefined;
+            readonly flex?: boolean | undefined;
             readonly blur?: boolean | undefined;
             readonly resize?: boolean | undefined;
             readonly preflight?: boolean | undefined;
@@ -1927,20 +1927,15 @@ export declare function useTailwindConfig(): {
                 } | undefined;
                 readonly corePlugins?: readonly (import("tailwindcss/types/generated/corePluginList.js").CorePluginList | undefined)[] | {
                     readonly filter?: boolean | undefined;
-                    readonly backgroundColor?: boolean | undefined;
-                    readonly fontSize?: boolean | undefined;
-                    readonly inset?: boolean | undefined;
-                    readonly borderRadius?: boolean | undefined;
-                    readonly padding?: boolean | undefined;
-                    readonly fontFamily?: boolean | undefined;
                     readonly fill?: boolean | undefined;
-                    readonly display?: boolean | undefined;
-                    readonly flex?: boolean | undefined;
                     readonly translate?: boolean | undefined;
                     readonly content?: boolean | undefined;
                     readonly height?: boolean | undefined;
                     readonly width?: boolean | undefined;
                     readonly cursor?: boolean | undefined;
+                    readonly display?: boolean | undefined;
+                    readonly fontFamily?: boolean | undefined;
+                    readonly fontSize?: boolean | undefined;
                     readonly fontStyle?: boolean | undefined;
                     readonly fontWeight?: boolean | undefined;
                     readonly letterSpacing?: boolean | undefined;
@@ -1956,6 +1951,11 @@ export declare function useTailwindConfig(): {
                     readonly transform?: boolean | undefined;
                     readonly visibility?: boolean | undefined;
                     readonly size?: boolean | undefined;
+                    readonly backgroundColor?: boolean | undefined;
+                    readonly inset?: boolean | undefined;
+                    readonly borderRadius?: boolean | undefined;
+                    readonly padding?: boolean | undefined;
+                    readonly flex?: boolean | undefined;
                     readonly blur?: boolean | undefined;
                     readonly resize?: boolean | undefined;
                     readonly preflight?: boolean | undefined;
@@ -2947,20 +2947,15 @@ export declare function useTailwindConfig(): {
     } | undefined;
     readonly corePlugins?: readonly (import("tailwindcss/types/generated/corePluginList.js").CorePluginList | undefined)[] | {
         readonly filter?: boolean | undefined;
-        readonly backgroundColor?: boolean | undefined;
-        readonly fontSize?: boolean | undefined;
-        readonly inset?: boolean | undefined;
-        readonly borderRadius?: boolean | undefined;
-        readonly padding?: boolean | undefined;
-        readonly fontFamily?: boolean | undefined;
         readonly fill?: boolean | undefined;
-        readonly display?: boolean | undefined;
-        readonly flex?: boolean | undefined;
         readonly translate?: boolean | undefined;
         readonly content?: boolean | undefined;
         readonly height?: boolean | undefined;
         readonly width?: boolean | undefined;
         readonly cursor?: boolean | undefined;
+        readonly display?: boolean | undefined;
+        readonly fontFamily?: boolean | undefined;
+        readonly fontSize?: boolean | undefined;
         readonly fontStyle?: boolean | undefined;
         readonly fontWeight?: boolean | undefined;
         readonly letterSpacing?: boolean | undefined;
@@ -2976,6 +2971,11 @@ export declare function useTailwindConfig(): {
         readonly transform?: boolean | undefined;
         readonly visibility?: boolean | undefined;
         readonly size?: boolean | undefined;
+        readonly backgroundColor?: boolean | undefined;
+        readonly inset?: boolean | undefined;
+        readonly borderRadius?: boolean | undefined;
+        readonly padding?: boolean | undefined;
+        readonly flex?: boolean | undefined;
         readonly blur?: boolean | undefined;
         readonly resize?: boolean | undefined;
         readonly preflight?: boolean | undefined;
@@ -3992,20 +3992,15 @@ export declare function useTailwindConfig(): {
             } | undefined;
             readonly corePlugins?: readonly (import("tailwindcss/types/generated/corePluginList.js").CorePluginList | undefined)[] | {
                 readonly filter?: boolean | undefined;
-                readonly backgroundColor?: boolean | undefined;
-                readonly fontSize?: boolean | undefined;
-                readonly inset?: boolean | undefined;
-                readonly borderRadius?: boolean | undefined;
-                readonly padding?: boolean | undefined;
-                readonly fontFamily?: boolean | undefined;
                 readonly fill?: boolean | undefined;
-                readonly display?: boolean | undefined;
-                readonly flex?: boolean | undefined;
                 readonly translate?: boolean | undefined;
                 readonly content?: boolean | undefined;
                 readonly height?: boolean | undefined;
                 readonly width?: boolean | undefined;
                 readonly cursor?: boolean | undefined;
+                readonly display?: boolean | undefined;
+                readonly fontFamily?: boolean | undefined;
+                readonly fontSize?: boolean | undefined;
                 readonly fontStyle?: boolean | undefined;
                 readonly fontWeight?: boolean | undefined;
                 readonly letterSpacing?: boolean | undefined;
@@ -4021,6 +4016,11 @@ export declare function useTailwindConfig(): {
                 readonly transform?: boolean | undefined;
                 readonly visibility?: boolean | undefined;
                 readonly size?: boolean | undefined;
+                readonly backgroundColor?: boolean | undefined;
+                readonly inset?: boolean | undefined;
+                readonly borderRadius?: boolean | undefined;
+                readonly padding?: boolean | undefined;
+                readonly flex?: boolean | undefined;
                 readonly blur?: boolean | undefined;
                 readonly resize?: boolean | undefined;
                 readonly preflight?: boolean | undefined;