@lowdefy/server-dev 4.5.2 → 4.7.0

package/{manager/utils/createLogger.mjs → lib/build/app.js}

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -13,21 +13,7 @@
   See the License for the specific language governing permissions and
   limitations under the License.
 */
-import pino from 'pino';
+import { serializer } from '@lowdefy/helpers';
+import raw from '../../build/app.json';
 
-function createLogger({ level = 'info' }) {
-  const logger = pino({
-    name: 'lowdefy build',
-    level,
-    base: { pid: undefined, hostname: undefined },
-    mixin: (context, level) => {
-      return {
-        ...context,
-        print: context.print ?? logger.levels.labels[level],
-      };
-    },
-  });
-  return logger;
-}
-
-export default createLogger;
+export default serializer.deserialize(raw);

package/lib/build/auth.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/auth.json';
+
+export default serializer.deserialize(raw);

package/lib/build/config.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/config.json';
+
+export default serializer.deserialize(raw);

package/lib/build/logger.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/logger.json';
+
+export default serializer.deserialize(raw);

package/lib/client/App.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -14,23 +14,25 @@
   limitations under the License.
 */
 
-import React from 'react';
+import React, { Suspense } from 'react';
 
 import { useRouter } from 'next/router';
 
 import Head from 'next/head';
 import Link from 'next/link';
 
+import BuildingPage from './BuildingPage.js';
 import Reload from './Reload.js';
 import Page from './Page.js';
 import setPageId from './setPageId.js';
+import { getReloadVersion } from './utils/useMutateCache.js';
 import useRootConfig from './utils/useRootConfig.js';
 
 import actions from '../../build/plugins/actions.js';
 import blocks from '../../build/plugins/blocks.js';
 import icons from '../../build/plugins/icons.js';
 import operators from '../../build/plugins/operators/client.js';
-import jsMap from '../../build/plugins/operators/clientJsMap.js';
+import staticJsMap from '../../build/plugins/operators/clientJsMap.js';
 
 const App = ({ auth, lowdefy }) => {
   const router = useRouter();
@@ -44,24 +46,26 @@ const App = ({ auth, lowdefy }) => {
   return (
     <Reload basePath={router.basePath} lowdefy={lowdefy}>
       {(resetContext) => (
-        <Page
-          auth={auth}
-          Components={{ Head, Link }}
-          config={{
-            rootConfig,
-          }}
-          jsMap={jsMap}
-          lowdefy={lowdefy}
-          pageId={pageId}
-          resetContext={resetContext}
-          router={router}
-          types={{
-            actions,
-            blocks,
-            icons,
-            operators,
-          }}
-        />
+        <Suspense key={`${pageId}_${getReloadVersion()}`} fallback={<BuildingPage />}>
+          <Page
+            auth={auth}
+            Components={{ Head, Link }}
+            config={{
+              rootConfig,
+            }}
+            jsMap={staticJsMap}
+            lowdefy={lowdefy}
+            pageId={pageId}
+            resetContext={resetContext}
+            router={router}
+            types={{
+              actions,
+              blocks,
+              icons,
+              operators,
+            }}
+          />
+        </Suspense>
       )}
     </Reload>
   );

package/lib/client/BuildErrorPage.js

@@ -0,0 +1,91 @@
+/*
+  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 React from 'react';
+
+const typeColors = {
+  ConfigError: '#cf1322',
+  ConfigWarning: '#d48806',
+  PluginError: '#531dab',
+  ServiceError: '#096dd9',
+  LowdefyInternalError: '#cf1322',
+};
+
+function getTypeColor(type) {
+  return typeColors[type] ?? '#595959';
+}
+
+const ErrorItem = ({ type, message, source }) => {
+  const color = getTypeColor(type);
+  return (
+    <div
+      style={{
+        borderLeft: `3px solid ${color}`,
+        paddingLeft: 12,
+        marginBottom: 16,
+      }}
+    >
+      <span
+        style={{
+          fontSize: 11,
+          fontWeight: 600,
+          color,
+          textTransform: 'uppercase',
+          letterSpacing: '0.05em',
+        }}
+      >
+        {type}
+      </span>
+      <p style={{ fontSize: 14, margin: '4px 0', fontFamily: 'monospace' }}>{message}</p>
+      {source && <p style={{ fontSize: 13, color: '#8c8c8c', margin: 0 }}>{source}</p>}
+    </div>
+  );
+};
+
+const BuildErrorPage = ({ errors, message, source }) => {
+  // Support both new errors array and legacy single message/source props
+  const errorList = errors ?? (message ? [{ type: 'Error', message, source }] : []);
+
+  return (
+    <div
+      style={{
+        height: '100vh',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontFamily:
+          "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+        padding: '0 24px',
+      }}
+    >
+      <div style={{ maxWidth: 720, width: '100%' }}>
+        <h2 style={{ color: '#cf1322', marginBottom: 16 }}>
+          {errorList.length > 1 ? `Build Errors (${errorList.length})` : 'Build Error'}
+        </h2>
+        {errorList.map((err, i) => (
+          <ErrorItem key={i} type={err.type} message={err.message} source={err.source} />
+        ))}
+        <p style={{ fontSize: 13, color: '#8c8c8c', marginTop: 24 }}>
+          Fix the error{errorList.length > 1 ? 's' : ''} in your config and the page will rebuild
+          automatically.
+        </p>
+      </div>
+    </div>
+  );
+};
+
+export default BuildErrorPage;

package/lib/client/BuildingPage.js

@@ -0,0 +1,74 @@
+/*
+  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 React from 'react';
+
+const BuildingPage = () => {
+  return (
+    <div
+      style={{
+        height: '100vh',
+        textAlign: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontFamily:
+          "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+      }}
+    >
+      <style>
+        {`
+          @keyframes building-progress {
+            0% { transform: translateX(-100%); }
+            100% { transform: translateX(100%); }
+          }
+        `}
+      </style>
+      <div
+        style={{
+          position: 'fixed',
+          top: 0,
+          left: 0,
+          width: '100%',
+          height: 3,
+          backgroundColor: '#f0f0f0',
+          overflow: 'hidden',
+        }}
+      >
+        <div
+          style={{
+            width: '40%',
+            height: '100%',
+            backgroundColor: '#1890ff',
+            animation: 'building-progress 1.5s ease-in-out infinite',
+          }}
+        />
+      </div>
+      <div
+        style={{
+          verticalAlign: 'middle',
+          display: 'inline-block',
+        }}
+      >
+        <h3>Building page...</h3>
+        <p>The page will appear when the build completes.</p>
+      </div>
+    </div>
+  );
+};
+
+export default BuildingPage;

package/lib/client/InstallingPluginsPage.js

@@ -0,0 +1,50 @@
+/*
+  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 React from 'react';
+
+const InstallingPluginsPage = ({ packages }) => {
+  return (
+    <div
+      style={{
+        height: '100vh',
+        textAlign: 'center',
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        fontFamily:
+          "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
+      }}
+    >
+      <div
+        style={{
+          verticalAlign: 'middle',
+          display: 'inline-block',
+        }}
+      >
+        <h3>Installing Plugin Packages</h3>
+        <p>
+          This page requires packages that are not yet installed:{' '}
+          <strong>{(packages ?? []).join(', ')}</strong>.
+        </p>
+        <p>The server will restart automatically. The page will reload when ready.</p>
+      </div>
+    </div>
+  );
+};
+
+export default InstallingPluginsPage;

package/lib/client/Page.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -17,6 +17,8 @@
 import React from 'react';
 import Client from '@lowdefy/client';
 
+import BuildErrorPage from './BuildErrorPage.js';
+import InstallingPluginsPage from './InstallingPluginsPage.js';
 import RestartingPage from './RestartingPage.js';
 import usePageConfig from './utils/usePageConfig.js';
 
@@ -37,9 +39,25 @@ const Page = ({
     router.replace(`/404`);
     return '';
   }
+  if (pageConfig.buildError) {
+    return (
+      <BuildErrorPage
+        errors={pageConfig.errors}
+        message={pageConfig.message}
+        source={pageConfig.source}
+      />
+    );
+  }
+  if (pageConfig.installing) {
+    return <InstallingPluginsPage packages={pageConfig.packages} />;
+  }
   if (resetContext.restarting) {
     return <RestartingPage />;
   }
+
+  // Merge dynamic JS entries fetched after JIT build with the static jsMap
+  const mergedJsMap = pageConfig._jsEntries ? { ...jsMap, ...pageConfig._jsEntries } : jsMap;
+
   return (
     <Client
       auth={auth}
@@ -48,7 +66,7 @@ const Page = ({
         ...config,
         pageConfig,
       }}
-      jsMap={jsMap}
+      jsMap={mergedJsMap}
       lowdefy={lowdefy}
       resetContext={resetContext}
       router={router}

package/lib/client/Reload.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/lib/client/RestartingPage.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -26,6 +26,8 @@ const RestartingPage = () => {
         flexDirection: 'column',
         alignItems: 'center',
         justifyContent: 'center',
+        fontFamily:
+          "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif",
       }}
     >
       <div

package/lib/client/auth/Auth.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -19,7 +19,7 @@ import React from 'react';
 import AuthConfigured from './AuthConfigured.js';
 import AuthNotConfigured from './AuthNotConfigured.js';
 
-import authConfig from '../../../build/auth.json';
+import authConfig from '../../build/auth.js';
 
 function Auth({ children, session }) {
   if (authConfig.configured === true) {

package/lib/client/auth/AuthConfigured.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -18,7 +18,7 @@
 import React, { useEffect, useRef } from 'react';
 import { getSession, SessionProvider, signIn, signOut, useSession } from 'next-auth/react';
 
-import lowdefyConfig from '../../../build/config.json';
+import lowdefyConfig from '../../build/config.js';
 
 function Session({ children }) {
   const wasAuthenticated = useRef(false);

package/lib/client/auth/AuthNotConfigured.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/lib/client/setPageId.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.

package/lib/client/utils/request.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -26,11 +26,8 @@ async function request({ url, method = 'GET', body }) {
     return null;
   }
   if (!res.ok) {
-    // TODO: check
     const body = await res.json();
-    console.log(res);
-    console.log(body);
-    throw new Error(body.message || 'Request error');
+    throw new Error(body?.['~e']?.message ?? body?.message ?? 'Request error');
   }
   return res.json();
 }

package/lib/client/utils/useMutateCache.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.
@@ -16,10 +16,23 @@
 
 import { useSWRConfig } from 'swr';
 
+let reloadVersion = 0;
+
+function getReloadVersion() {
+  return reloadVersion;
+}
+
 function useMutateCache(basePath) {
   const { mutate } = useSWRConfig();
-  return () =>
-    mutate((key) => key.startsWith(`${basePath}/api/page`) || key === `${basePath}/api/root`);
+  return () => {
+    // Increment the reload version so that usePageConfig SWR keys change.
+    // Old cached page entries become orphaned (different key), forcing fresh
+    // fetches when navigating to any page after a reload.
+    reloadVersion += 1;
+    // Revalidate root config in the background (stale-while-revalidate, no suspend).
+    return mutate((key) => key === `${basePath}/api/root`);
+  };
 }
 
+export { getReloadVersion };
 export default useMutateCache;

package/lib/client/utils/usePageConfig.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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
@@ -13,14 +13,60 @@
 
 import useSWR from 'swr';
 
-import request from './request.js';
+import { getReloadVersion } from './useMutateCache.js';
 
-function fetchPageConfig(url) {
-  return request({ url });
+function parseJsModule(text) {
+  const fn = new Function('exports', text.replace('export default', 'exports.default ='));
+  const mod = {};
+  fn(mod);
+  return mod.default ?? {};
+}
+
+async function fetchJsEntries(basePath) {
+  try {
+    const res = await fetch(`${basePath}/api/js/client`);
+    if (!res.ok) return {};
+    return parseJsModule(await res.text());
+  } catch {
+    return {};
+  }
+}
+
+async function fetchPageConfig(url) {
+  const res = await fetch(url, {
+    headers: { 'Content-Type': 'application/json' },
+  });
+  if (res.status === 404) {
+    return null;
+  }
+  const data = await res.json();
+  if (data?.buildError) {
+    return data;
+  }
+  if (data?.installing) {
+    return data;
+  }
+  if (!res.ok) {
+    throw new Error(data.message || 'Request error');
+  }
+
+  // Fetch jsMap after page build completes (JIT build may have added new entries).
+  // Extract basePath from the URL to construct the jsMap endpoint.
+  const basePath = url.replace(/\/api\/page\/.*$/, '');
+  const jsEntries = await fetchJsEntries(basePath);
+  data._jsEntries = jsEntries;
+
+  return data;
 }
 
 function usePageConfig(pageId, basePath) {
-  const { data } = useSWR(`${basePath}/api/page/${pageId}`, fetchPageConfig, { suspense: true });
+  const url = `${basePath}/api/page/${pageId}`;
+  // Include reloadVersion in the SWR key so that after a config reload,
+  // previously cached page data is not reused. The fetcher receives
+  // [url, version] but only uses url — the version just busts the cache.
+  const { data } = useSWR([url, getReloadVersion()], ([fetchUrl]) => fetchPageConfig(fetchUrl), {
+    suspense: true,
+  });
   return { data };
 }
 

package/lib/client/utils/useRootConfig.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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

package/lib/client/utils/waitForRestartedServer.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2024 Lowdefy, Inc
+  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.