@lowdefy/server-e2e 4.7.3 → 5.0.0

package/lib/client/Page.js

@@ -22,6 +22,7 @@ import Head from 'next/head';
 import Link from 'next/link';
 
 import actions from '../../build/plugins/actions.js';
+import blockMetas from '../../build/plugins/blockMetas.json';
 import blocks from '../../build/plugins/blocks.js';
 import icons from '../../build/plugins/icons.js';
 import operators from '../../build/plugins/operators/client.js';
@@ -42,6 +43,7 @@ const Page = ({ auth, lowdefy, pageConfig, rootConfig }) => {
       router={router}
       types={{
         actions,
+        blockMetas,
         blocks,
         icons,
         operators,

package/lowdefy/createCustomPluginTypesMap.mjs

@@ -15,12 +15,15 @@
   limitations under the License.
 */
 
+import { createRequire } from 'node:module';
 import path from 'path';
 import { get } from '@lowdefy/helpers';
 import { readFile } from '@lowdefy/node-utils';
 import { createPluginTypesMap } from '@lowdefy/build';
 import YAML from 'yaml';
 
+const require = createRequire(import.meta.url);
+
 async function getPluginDefinitions({ directories }) {
   let lowdefyYaml = await readFile(path.join(directories.config, 'lowdefy.yaml'));
   if (!lowdefyYaml) {
@@ -47,16 +50,12 @@ async function createCustomPluginTypesMap({ directories }) {
       server: {},
     },
     requests: {},
-    styles: {
-      packages: {},
-      blocks: {},
-    },
   };
 
   const pluginDefinitions = await getPluginDefinitions({ directories });
 
   for (const plugin of pluginDefinitions) {
-    const { default: types } = await import(`${plugin.name}/types`);
+    const types = require(`${plugin.name}/types`);
     createPluginTypesMap({
       packageTypes: types,
       typesMap: customTypesMap,

package/next.config.js

@@ -1,9 +1,9 @@
-const withLess = require('next-with-less');
 const lowdefyConfig = require('./build/config.json');
 
-const nextConfig = withLess({
+const nextConfig = {
   basePath: lowdefyConfig.basePath,
   reactStrictMode: true,
+  transpilePackages: ['@lowdefy/client', '@lowdefy/blocks-loaders', '@lowdefy/blocks-markdown'],
   webpack: (config, { isServer }) => {
     if (!isServer) {
       config.resolve.fallback = {
@@ -21,10 +21,9 @@ const nextConfig = withLess({
   },
   poweredByHeader: false,
   output: process.env.LOWDEFY_BUILD_OUTPUT_STANDALONE === '1' ? 'standalone' : undefined,
-  outputFileTracing: true,
   eslint: {
     ignoreDuringBuilds: true,
   },
-});
+};
 
 module.exports = nextConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-e2e",
-  "version": "4.7.3",
+  "version": "5.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy e2e testing server with cookie-based user injection",
   "homepage": "https://lowdefy.com",
@@ -38,38 +38,40 @@
     ".npmrc"
   ],
   "dependencies": {
-    "@lowdefy/actions-core": "4.7.3",
-    "@lowdefy/api": "4.7.3",
-    "@lowdefy/block-utils": "4.7.3",
-    "@lowdefy/blocks-antd": "4.7.3",
-    "@lowdefy/blocks-basic": "4.7.3",
-    "@lowdefy/blocks-loaders": "4.7.3",
-    "@lowdefy/blocks-markdown": "4.7.3",
-    "@lowdefy/client": "4.7.3",
-    "@lowdefy/connection-axios-http": "4.7.3",
-    "@lowdefy/connection-mongodb": "4.7.3",
-    "@lowdefy/errors": "4.7.3",
-    "@lowdefy/helpers": "4.7.3",
-    "@lowdefy/layout": "4.7.3",
-    "@lowdefy/logger": "4.7.3",
-    "@lowdefy/node-utils": "4.7.3",
-    "@lowdefy/operators-js": "4.7.3",
-    "@lowdefy/operators-nunjucks": "4.7.3",
-    "@lowdefy/operators-uuid": "4.7.3",
-    "next": "13.5.4",
+    "@ant-design/cssinjs": "2.1.2",
+    "@lowdefy/actions-core": "5.0.0",
+    "@lowdefy/api": "5.0.0",
+    "@lowdefy/block-utils": "5.0.0",
+    "@lowdefy/blocks-antd": "5.0.0",
+    "@lowdefy/blocks-basic": "5.0.0",
+    "@lowdefy/blocks-loaders": "5.0.0",
+    "@lowdefy/blocks-markdown": "5.0.0",
+    "@lowdefy/client": "5.0.0",
+    "@lowdefy/connection-axios-http": "5.0.0",
+    "@lowdefy/connection-mongodb": "5.0.0",
+    "@lowdefy/errors": "5.0.0",
+    "@lowdefy/helpers": "5.0.0",
+    "@lowdefy/layout": "5.0.0",
+    "@lowdefy/logger": "5.0.0",
+    "@lowdefy/node-utils": "5.0.0",
+    "@lowdefy/operators-js": "5.0.0",
+    "@lowdefy/operators-nunjucks": "5.0.0",
+    "@lowdefy/operators-uuid": "5.0.0",
+    "antd": "6.3.1",
+    "dayjs": "1.11.19",
+    "next": "16.1.6",
     "pino": "8.16.2",
     "process": "0.11.10",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "4.12.0",
+    "react-icons": "5.6.0",
     "uuid": "13.0.0"
   },
   "devDependencies": {
-    "@lowdefy/build": "4.7.3",
-    "@next/eslint-plugin-next": "13.5.4",
-    "less": "4.2.0",
-    "less-loader": "11.1.3",
-    "next-with-less": "3.0.1",
+    "@lowdefy/build": "5.0.0",
+    "@next/eslint-plugin-next": "16.1.6",
+    "@tailwindcss/postcss": "4.2.1",
+    "tailwindcss": "4.2.1",
     "webpack": "5.94.0",
     "yaml": "2.3.4",
     "yargs": "17.7.2"

package/package.original.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server-e2e",
-  "version": "4.7.3",
+  "version": "5.0.0",
   "license": "Apache-2.0",
   "description": "Lowdefy e2e testing server with cookie-based user injection",
   "homepage": "https://lowdefy.com",
@@ -48,38 +48,40 @@
     "prepublishOnly": "pnpm build"
   },
   "dependencies": {
-    "@lowdefy/actions-core": "4.7.3",
-    "@lowdefy/api": "4.7.3",
-    "@lowdefy/block-utils": "4.7.3",
-    "@lowdefy/blocks-antd": "4.7.3",
-    "@lowdefy/blocks-basic": "4.7.3",
-    "@lowdefy/blocks-loaders": "4.7.3",
-    "@lowdefy/blocks-markdown": "4.7.3",
-    "@lowdefy/client": "4.7.3",
-    "@lowdefy/connection-axios-http": "4.7.3",
-    "@lowdefy/connection-mongodb": "4.7.3",
-    "@lowdefy/errors": "4.7.3",
-    "@lowdefy/helpers": "4.7.3",
-    "@lowdefy/layout": "4.7.3",
-    "@lowdefy/logger": "4.7.3",
-    "@lowdefy/node-utils": "4.7.3",
-    "@lowdefy/operators-js": "4.7.3",
-    "@lowdefy/operators-nunjucks": "4.7.3",
-    "@lowdefy/operators-uuid": "4.7.3",
-    "next": "13.5.4",
+    "@ant-design/cssinjs": "2.1.2",
+    "@lowdefy/actions-core": "5.0.0",
+    "@lowdefy/api": "5.0.0",
+    "@lowdefy/block-utils": "5.0.0",
+    "@lowdefy/blocks-antd": "5.0.0",
+    "@lowdefy/blocks-basic": "5.0.0",
+    "@lowdefy/blocks-loaders": "5.0.0",
+    "@lowdefy/blocks-markdown": "5.0.0",
+    "@lowdefy/client": "5.0.0",
+    "@lowdefy/connection-axios-http": "5.0.0",
+    "@lowdefy/connection-mongodb": "5.0.0",
+    "@lowdefy/errors": "5.0.0",
+    "@lowdefy/helpers": "5.0.0",
+    "@lowdefy/layout": "5.0.0",
+    "@lowdefy/logger": "5.0.0",
+    "@lowdefy/node-utils": "5.0.0",
+    "@lowdefy/operators-js": "5.0.0",
+    "@lowdefy/operators-nunjucks": "5.0.0",
+    "@lowdefy/operators-uuid": "5.0.0",
+    "antd": "6.3.1",
+    "dayjs": "1.11.19",
+    "next": "16.1.6",
     "pino": "8.16.2",
     "process": "0.11.10",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "4.12.0",
+    "react-icons": "5.6.0",
     "uuid": "13.0.0"
   },
   "devDependencies": {
-    "@lowdefy/build": "4.7.3",
-    "@next/eslint-plugin-next": "13.5.4",
-    "less": "4.2.0",
-    "less-loader": "11.1.3",
-    "next-with-less": "3.0.1",
+    "@lowdefy/build": "5.0.0",
+    "@next/eslint-plugin-next": "16.1.6",
+    "@tailwindcss/postcss": "4.2.1",
+    "tailwindcss": "4.2.1",
     "webpack": "5.94.0",
     "yaml": "2.3.4",
     "yargs": "17.7.2"

package/pages/_app.js

@@ -14,21 +14,40 @@
   limitations under the License.
 */
 
+// CSS layer order — MUST be the first CSS import. Next.js treats this as critical
+// CSS that loads before hydration, locking the cascade priority (antd > base/preflight)
+// before antd's StyleProvider injects @layer antd {} at runtime.
+import '../build/layer-order.css';
+
 import React, { useCallback, useRef } from 'react';
 import dynamic from 'next/dynamic';
 
 import { ErrorBoundary } from '@lowdefy/block-utils';
+import { StyleProvider } from '@ant-design/cssinjs';
+import { App as AntdApp, ConfigProvider, theme as antdTheme } from 'antd';
 
 import Auth from '../lib/client/auth/Auth.js';
 import createLogUsage from '../lib/client/createLogUsage.js';
 
 // Must be in _app due to next specifications.
-import '../build/plugins/styles.less';
+import '../build/globals.css';
+
+const algorithmMap = {
+  default: antdTheme.defaultAlgorithm,
+  dark: antdTheme.darkAlgorithm,
+  compact: antdTheme.compactAlgorithm,
+};
+
+function resolveAlgorithm(algorithm) {
+  if (Array.isArray(algorithm)) {
+    return algorithm.map((a) => algorithmMap[a] || antdTheme.defaultAlgorithm);
+  }
+  return algorithmMap[algorithm] || antdTheme.defaultAlgorithm;
+}
 
 function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   const usageDataRef = useRef({});
   const lowdefyRef = useRef({ eventCallback: createLogUsage({ usageDataRef }) });
-
   const handleError = useCallback((error) => {
     if (lowdefyRef.current?._internal?.handleError) {
       lowdefyRef.current._internal.handleError(error);
@@ -38,21 +57,34 @@ function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   }, []);
 
   return (
-    <ErrorBoundary fullPage onError={handleError}>
-      <Auth session={session}>
-        {(auth) => {
-          usageDataRef.current.user = auth.session?.hashed_id;
-          return (
-            <Component
-              auth={auth}
-              lowdefy={lowdefyRef.current}
-              rootConfig={rootConfig}
-              pageConfig={pageConfig}
-            />
-          );
+    <StyleProvider layer>
+      <ConfigProvider
+        theme={{
+          ...lowdefyRef.current.theme?.antd,
+          cssVar: { key: 'lowdefy' },
+          hashed: false,
+          algorithm: resolveAlgorithm(lowdefyRef.current.theme?.antd?.algorithm),
         }}
-      </Auth>
-    </ErrorBoundary>
+      >
+        <AntdApp>
+          <ErrorBoundary fullPage onError={handleError}>
+            <Auth session={session}>
+              {(auth) => {
+                usageDataRef.current.user = auth.session?.hashed_id;
+                return (
+                  <Component
+                    auth={auth}
+                    lowdefy={lowdefyRef.current}
+                    rootConfig={rootConfig}
+                    pageConfig={pageConfig}
+                  />
+                );
+              }}
+            </Auth>
+          </ErrorBoundary>
+        </AntdApp>
+      </ConfigProvider>
+    </StyleProvider>
   );
 }
 

package/pages/_document.js

@@ -25,8 +25,19 @@ const basePath = lowdefyConfig.basePath ?? '';
 class LowdefyDocument extends Document {
   render() {
     return (
-      <Html>
+      <Html className="lowdefy">
         <Head>
+          {/* Synchronous script that creates the @layer order declaration and keeps
+              it as the first child of <head> via MutationObserver. antd's CSS-in-JS
+              uses prependQueue to inject <style> tags at the top of <head>, which
+              would otherwise make @layer antd the first (lowest priority) layer.
+              MutationObserver fires before paint, so the browser never sees the
+              wrong cascade order. */}
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `(function(){var s=document.createElement("style");s.id="__lf-layer-order";s.textContent="@layer theme, base, antd, components, utilities;";document.head.prepend(s);new MutationObserver(function(){if(document.head.firstChild!==s)document.head.prepend(s)}).observe(document.head,{childList:true})})();`,
+            }}
+          />
           <link rel="manifest" href={`${basePath}/manifest.webmanifest`} />
           <link rel="icon" type="image/svg+xml" href={`${basePath}/icon.svg`} />
           <link rel="apple-touch-icon" href={`${basePath}/apple-touch-icon.png`} />