@lowdefy/server 4.7.3 → 5.1.0

package/lib/build/theme.js

@@ -0,0 +1,19 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+import { serializer } from '@lowdefy/helpers';
+import raw from '../../build/theme.json';
+
+export default serializer.deserialize(raw);

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) {
@@ -42,6 +45,7 @@ async function createCustomPluginTypesMap({ directories }) {
       events: {},
       providers: {},
     },
+    blockMetas: {},
     blocks: {},
     connections: {},
     icons: {},
@@ -50,18 +54,14 @@ 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,
+      packageTypes: types.default ?? types,
       typesMap: customTypesMap,
       packageName: plugin.name,
       version: plugin.version,

package/next.config.js

@@ -1,33 +1,16 @@
 const { withSentryConfig } = require('@sentry/nextjs');
-const withLess = require('next-with-less');
 const lowdefyConfig = require('./build/config.json');
+const blockPackages = require('./build/blockPackages.json');
 
-const nextConfig = withLess({
+const nextConfig = {
   basePath: lowdefyConfig.basePath,
   reactStrictMode: true,
-  webpack: (config, { isServer }) => {
-    if (!isServer) {
-      config.resolve.fallback = {
-        assert: false,
-        buffer: false,
-        crypto: false,
-        events: false,
-        fs: false,
-        path: false,
-        process: require.resolve('process/browser'),
-        util: false,
-      };
-    }
-    return config;
-  },
+  transpilePackages: ['@lowdefy/client', ...blockPackages],
+  turbopack: {},
   poweredByHeader: false,
   // productionBrowserSourceMaps: true
   output: process.env.LOWDEFY_BUILD_OUTPUT_STANDALONE === '1' ? 'standalone' : undefined,
-  outputFileTracing: true,
-  eslint: {
-    ignoreDuringBuilds: true,
-  },
-});
+};
 
 // Only wrap with Sentry if SENTRY_DSN is configured
 // This enables source map uploads when SENTRY_AUTH_TOKEN is present

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/server",
-  "version": "4.7.3",
+  "version": "5.1.0",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -31,46 +31,45 @@
     "pages/*",
     "public_default/*",
     "next.config.js",
+    "postcss.config.js",
     "package.original.json",
     ".eslintrc.yaml",
     ".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",
-    "@lowdefy/plugin-next-auth": "4.7.3",
+    "@ant-design/cssinjs": "2.1.2",
+    "@lowdefy/actions-core": "5.1.0",
+    "@lowdefy/api": "5.1.0",
+    "@lowdefy/block-utils": "5.1.0",
+    "@lowdefy/blocks-antd": "5.1.0",
+    "@lowdefy/blocks-basic": "5.1.0",
+    "@lowdefy/blocks-loaders": "5.1.0",
+    "@lowdefy/client": "5.1.0",
+    "@lowdefy/errors": "5.1.0",
+    "@lowdefy/helpers": "5.1.0",
+    "@lowdefy/layout": "5.1.0",
+    "@lowdefy/logger": "5.1.0",
+    "@lowdefy/node-utils": "5.1.0",
+    "@lowdefy/operators-js": "5.1.0",
+    "@lowdefy/plugin-next-auth": "5.1.0",
     "@sentry/nextjs": "8.53.0",
-    "next": "13.5.4",
-    "next-auth": "4.24.5",
+    "@tailwindcss/postcss": "4.2.1",
+    "antd": "6.3.1",
+    "dayjs": "1.11.19",
+    "next": "16.1.6",
+    "next-auth": "4.24.10",
     "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",
+    "tailwindcss": "4.2.1",
     "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.1.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",
-  "version": "4.7.3",
+  "version": "5.1.0",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -31,6 +31,7 @@
     "pages/*",
     "public_default/*",
     "next.config.js",
+    "postcss.config.js",
     "package.original.json",
     ".eslintrc.yaml",
     ".npmrc"
@@ -46,41 +47,39 @@
     "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",
-    "@lowdefy/plugin-next-auth": "4.7.3",
+    "@ant-design/cssinjs": "2.1.2",
+    "@lowdefy/actions-core": "5.1.0",
+    "@lowdefy/api": "5.1.0",
+    "@lowdefy/block-utils": "5.1.0",
+    "@lowdefy/blocks-antd": "5.1.0",
+    "@lowdefy/blocks-basic": "5.1.0",
+    "@lowdefy/blocks-loaders": "5.1.0",
+    "@lowdefy/client": "5.1.0",
+    "@lowdefy/errors": "5.1.0",
+    "@lowdefy/helpers": "5.1.0",
+    "@lowdefy/layout": "5.1.0",
+    "@lowdefy/logger": "5.1.0",
+    "@lowdefy/node-utils": "5.1.0",
+    "@lowdefy/operators-js": "5.1.0",
+    "@lowdefy/plugin-next-auth": "5.1.0",
     "@sentry/nextjs": "8.53.0",
-    "next": "13.5.4",
-    "next-auth": "4.24.5",
+    "@tailwindcss/postcss": "4.2.1",
+    "antd": "6.3.1",
+    "dayjs": "1.11.19",
+    "next": "16.1.6",
+    "next-auth": "4.24.10",
     "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",
+    "tailwindcss": "4.2.1",
     "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.1.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,10 +14,18 @@
   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 { useDarkMode } from '@lowdefy/client';
+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';
@@ -26,7 +34,7 @@ import loggerConfig from '../lib/build/logger.js';
 import setSentryUser from '../lib/client/sentry/setSentryUser.js';
 
 // Must be in _app due to next specifications.
-import '../build/plugins/styles.less';
+import '../build/globals.css';
 
 // Initialize Sentry client once on module load
 initSentryClient({
@@ -34,9 +42,34 @@ initSentryClient({
   sentryConfig: loggerConfig.sentry,
 });
 
+function ThemeTokenResolver({ lowdefyRef, children }) {
+  const { token } = antdTheme.useToken();
+  if (!lowdefyRef.current.theme) {
+    lowdefyRef.current.theme = {};
+  }
+  lowdefyRef.current.theme._resolvedAntdToken = token;
+  return children;
+}
+
 function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   const usageDataRef = useRef({});
   const lowdefyRef = useRef({ eventCallback: createLogUsage({ usageDataRef }) });
+  if (rootConfig?.theme) {
+    lowdefyRef.current.theme = rootConfig.theme;
+  }
+
+  const { algorithm, token, components } = useDarkMode({
+    antd: lowdefyRef.current.theme?.antd,
+    configDarkMode: lowdefyRef.current.theme?.darkMode,
+  });
+
+  const {
+    lightToken: _lightToken,
+    darkToken: _darkToken,
+    lightComponents: _lightComponents,
+    darkComponents: _darkComponents,
+    ...antdConfig
+  } = lowdefyRef.current.theme?.antd ?? {};
 
   const handleError = useCallback((error) => {
     if (lowdefyRef.current?._internal?.handleError) {
@@ -47,26 +80,43 @@ function App({ Component, pageProps: { session, rootConfig, pageConfig } }) {
   }, []);
 
   return (
-    <ErrorBoundary fullPage onError={handleError}>
-      <Auth session={session}>
-        {(auth) => {
-          usageDataRef.current.user = auth.session?.hashed_id;
-          // Set Sentry user context when auth changes
-          setSentryUser({
-            user: auth.session,
-            sentryConfig: loggerConfig.sentry,
-          });
-          return (
-            <Component
-              auth={auth}
-              lowdefy={lowdefyRef.current}
-              rootConfig={rootConfig}
-              pageConfig={pageConfig}
-            />
-          );
+    <StyleProvider layer>
+      <ConfigProvider
+        theme={{
+          ...antdConfig,
+          token,
+          components,
+          cssVar: { key: 'lowdefy' },
+          hashed: false,
+          algorithm,
         }}
-      </Auth>
-    </ErrorBoundary>
+      >
+        <AntdApp>
+          <ThemeTokenResolver lowdefyRef={lowdefyRef}>
+            <ErrorBoundary fullPage onError={handleError}>
+              <Auth session={session}>
+                {(auth) => {
+                  usageDataRef.current.user = auth.session?.hashed_id;
+                  // Set Sentry user context when auth changes
+                  setSentryUser({
+                    user: auth.session,
+                    sentryConfig: loggerConfig.sentry,
+                  });
+                  return (
+                    <Component
+                      auth={auth}
+                      lowdefy={lowdefyRef.current}
+                      rootConfig={rootConfig}
+                      pageConfig={pageConfig}
+                    />
+                  );
+                }}
+              </Auth>
+            </ErrorBoundary>
+          </ThemeTokenResolver>
+        </AntdApp>
+      </ConfigProvider>
+    </StyleProvider>
   );
 }
 

package/pages/_document.js

@@ -19,14 +19,66 @@ import Document, { Html, Head, Main, NextScript } from 'next/document';
 
 import appJson from '../lib/build/app.js';
 import lowdefyConfig from '../lib/build/config.js';
+import themeConfig from '../lib/build/theme.js';
 
 const basePath = lowdefyConfig.basePath ?? '';
+const VALID_COLOR_MODES = ['system', 'light', 'dark'];
+const configColorMode = VALID_COLOR_MODES.includes(themeConfig.darkMode)
+  ? themeConfig.darkMode
+  : 'system';
+const darkBg = themeConfig?.antd?.darkToken?.colorBgLayout ?? '#000';
+const lightBg = themeConfig?.antd?.lightToken?.colorBgLayout ?? '';
+
+// Escape characters that could break out of the enclosing <script> tag or
+// terminate a JS string literal. Used to defuse the js/bad-code-sanitization
+// class of injection for values embedded into the pre-hydration inline script.
+const SCRIPT_ESCAPES = {
+  '<': '\\u003C',
+  '>': '\\u003E',
+  '\b': '\\b',
+  '\f': '\\f',
+  '\n': '\\n',
+  '\r': '\\r',
+  '\t': '\\t',
+  '\0': '\\0',
+  '\u2028': '\\u2028',
+  '\u2029': '\\u2029',
+};
+function safeScriptJson(value) {
+  return JSON.stringify(value).replace(/[<>\b\f\n\r\t\0\u2028\u2029]/g, (c) => SCRIPT_ESCAPES[c]);
+}
 
 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})})();`,
+            }}
+          />
+          {/* Synchronous pre-hydration background script — prevents mode-mismatch
+              flash on page navigation. Mirrors useDarkMode.js resolution order:
+              configDarkMode → localStorage → prefers-color-scheme. Uses the user's
+              configured colorBgLayout tokens when present (theme.antd.darkToken and
+              theme.antd.lightToken), falling back to #000 in dark and no inline style
+              in light so default behavior is unchanged. */}
+          <script
+            dangerouslySetInnerHTML={{
+              __html: `(function(){var c=${safeScriptJson(configColorMode)};var db=${safeScriptJson(
+                darkBg
+              )};var lb=${safeScriptJson(
+                lightBg
+              )};var d;if(c==="dark")d=true;else if(c==="light")d=false;else{try{var p=localStorage.getItem("lowdefy_darkMode");if(p==="dark")d=true;else if(p==="light")d=false;else d=window.matchMedia("(prefers-color-scheme:dark)").matches}catch(e){d=window.matchMedia("(prefers-color-scheme:dark)").matches}}var bg=d?db:lb;if(bg)document.documentElement.style.backgroundColor=bg})();`,
+            }}
+          />
           <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`} />

package/postcss.config.js

@@ -0,0 +1 @@
+module.exports = { plugins: { '@tailwindcss/postcss': {} } };