Merge pull request #507 from objectstack-ai/copilot/update-objectstack-to-latest-again

Author: hotlong

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Changed
 
+- **@objectstack v3.0.4 Upgrade**: Upgraded all `@objectstack/*` packages from `^3.0.2` to `^3.0.4` across 42 references
 - **@objectstack v3.0.0 Upgrade**: Upgraded all `@objectstack/*` packages from `^2.0.7` to `^3.0.0` across 13 package.json files
 - **Breaking change migrations**:
   - `Hub` namespace → `Cloud` in @object-ui/types re-exports
@@ -22,6 +23,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Added
 
+- **Preview Mode** (`@object-ui/auth`): New `previewMode` prop on `AuthProvider` for auto-login with simulated identity — skip login/registration for marketplace demos and app showcases. Includes `PreviewBanner` component, `isPreviewMode` / `previewMode` on `useAuth()`, and `PreviewModeOptions` type. Aligns with `@objectstack/spec` kernel `PreviewModeConfig`.
+- **Discovery Preview Detection** (`@object-ui/react`): Extended `DiscoveryInfo` with `mode` and `previewMode` fields for server-driven preview mode detection.
+- **Console Preview Support**: `ConditionalAuthWrapper` auto-detects `mode === 'preview'` from server discovery and configures auth accordingly.
 - **Console Bundle Optimization**: Split monolithic 3.7 MB main chunk into 17 granular cacheable chunks via `manualChunks` — main entry reduced from 1,008 KB gzip to 48.5 KB gzip (95% reduction)
 - **Gzip + Brotli Compression**: Pre-compressed assets via `vite-plugin-compression2` — Brotli main entry at 40 KB
 - **Bundle Analysis**: Added `rollup-plugin-visualizer` generating interactive treemap at `dist/stats.html`; new `build:analyze` script

apps/console/package.json

@@ -58,13 +58,13 @@
     "@object-ui/plugin-view": "workspace:*",
     "@object-ui/react": "workspace:*",
     "@object-ui/types": "workspace:*",
-    "@objectstack/cli": "^3.0.2",
-    "@objectstack/client": "^3.0.2",
-    "@objectstack/driver-memory": "^3.0.2",
-    "@objectstack/objectql": "^3.0.2",
-    "@objectstack/plugin-msw": "^3.0.2",
-    "@objectstack/runtime": "^3.0.2",
-    "@objectstack/spec": "^3.0.2",
+    "@objectstack/cli": "^3.0.4",
+    "@objectstack/client": "^3.0.4",
+    "@objectstack/driver-memory": "^3.0.4",
+    "@objectstack/objectql": "^3.0.4",
+    "@objectstack/plugin-msw": "^3.0.4",
+    "@objectstack/runtime": "^3.0.4",
+    "@objectstack/spec": "^3.0.4",
     "@tailwindcss/postcss": "^4.1.18",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",

apps/console/src/App.tsx

@@ -7,7 +7,7 @@ import { SchemaRendererProvider } from '@object-ui/react';
 import { ObjectStackAdapter } from './dataSource';
 import type { ConnectionState } from './dataSource';
 import appConfig from '../objectstack.shared';
-import { AuthGuard, useAuth } from '@object-ui/auth';
+import { AuthGuard, useAuth, PreviewBanner } from '@object-ui/auth';
 
 // Components (eagerly loaded — always needed)
 import { ConsoleLayout } from './components/ConsoleLayout';
@@ -387,6 +387,7 @@ export function App() {
     <ThemeProvider defaultTheme="system" storageKey="object-ui-theme">
       <ConsoleToaster position="bottom-right" />
       <ConditionalAuthWrapper authUrl="/api/auth">
+        <PreviewBanner />
         <BrowserRouter basename={import.meta.env.BASE_URL?.replace(/\/$/, '') || '/'}>
             <Suspense fallback={<LoadingScreen />}>
             <Routes>

apps/console/src/components/ConditionalAuthWrapper.tsx

@@ -3,11 +3,13 @@
  * 
  * This component fetches discovery information from the server and conditionally
  * enables/disables authentication based on the server's auth service status.
+ * Also detects preview mode from the server and configures the auth provider accordingly.
  */
 
 import { useState, useEffect, ReactNode } from 'react';
 import { ObjectStackAdapter } from '../dataSource';
 import { AuthProvider } from '@object-ui/auth';
+import type { PreviewModeOptions } from '@object-ui/auth';
 import { LoadingScreen } from './LoadingScreen';
 import type { DiscoveryInfo } from '@object-ui/react';
 
@@ -23,11 +25,12 @@ interface ConditionalAuthWrapperProps {
  * 1. Creates a temporary data source connection
  * 2. Fetches discovery information from the server
  * 3. Checks if auth.enabled is true in the discovery response
- * 4. Conditionally wraps children with AuthProvider if auth is enabled
- * 5. Bypasses auth if discovery indicates auth is disabled (development/demo mode)
+ * 4. Detects preview mode from discovery (mode === 'preview')
+ * 5. Conditionally wraps children with AuthProvider with the appropriate config
  */
 export function ConditionalAuthWrapper({ children, authUrl }: ConditionalAuthWrapperProps) {
   const [authEnabled, setAuthEnabled] = useState<boolean | null>(null);
+  const [previewMode, setPreviewMode] = useState<PreviewModeOptions | undefined>(undefined);
   const [isLoading, setIsLoading] = useState(true);
 
   useEffect(() => {
@@ -47,10 +50,24 @@ export function ConditionalAuthWrapper({ children, authUrl }: ConditionalAuthWra
         const discovery = await adapter.getDiscovery() as DiscoveryInfo | null;
 
         if (!cancelled) {
-          // Check if auth is enabled in discovery
-          // Default to true if discovery doesn't provide this information
-          const isAuthEnabled = discovery?.services?.auth?.enabled ?? true;
-          setAuthEnabled(isAuthEnabled);
+          // Detect preview mode from discovery
+          if (discovery?.mode === 'preview') {
+            setPreviewMode({
+              autoLogin: discovery.previewMode?.autoLogin ?? true,
+              simulatedRole: discovery.previewMode?.simulatedRole ?? 'admin',
+              simulatedUserName: discovery.previewMode?.simulatedUserName ?? 'Preview User',
+              readOnly: discovery.previewMode?.readOnly ?? false,
+              expiresInSeconds: discovery.previewMode?.expiresInSeconds ?? 0,
+              bannerMessage: discovery.previewMode?.bannerMessage,
+            });
+            // In preview mode, auth is effectively bypassed
+            setAuthEnabled(false);
+          } else {
+            // Check if auth is enabled in discovery
+            // Default to true if discovery doesn't provide this information
+            const isAuthEnabled = discovery?.services?.auth?.enabled ?? true;
+            setAuthEnabled(isAuthEnabled);
+          }
         }
       } catch (error) {
         if (!cancelled) {
@@ -76,6 +93,15 @@ export function ConditionalAuthWrapper({ children, authUrl }: ConditionalAuthWra
     return <LoadingScreen />;
   }
 
+  // If in preview mode, wrap with a preview-configured AuthProvider
+  if (previewMode) {
+    return (
+      <AuthProvider authUrl={authUrl} previewMode={previewMode}>
+        {children}
+      </AuthProvider>
+    );
+  }
+
   // If auth is enabled, wrap with AuthProvider
   if (authEnabled) {
     return (

examples/crm/console-plugin.ts

@@ -9,4 +9,4 @@
  *   import { ConsolePlugin } from './console-plugin';
  *   kernel.use(ConsolePlugin);
  */
-export { ConsolePlugin } from '@object-ui/console';
+export { ConsolePlugin } from '../../apps/console/plugin';

examples/crm/objectstack.config.ts

@@ -8,7 +8,7 @@ import { OrderObject } from './src/objects/order.object';
 import { UserObject } from './src/objects/user.object';
 import { ProjectObject } from './src/objects/project.object';
 import { EventObject } from './src/objects/event.object';
-import { ConsolePlugin } from '@object-ui/console';
+import { ConsolePlugin } from '../../apps/console/plugin';
 
 export default defineStack({
   objects: [

examples/crm/package.json

@@ -19,20 +19,19 @@
   },
   "dependencies": {
     "@hono/node-server": "^1.19.9",
-    "@object-ui/console": "workspace:*",
-    "@objectstack/core": "^3.0.2",
-    "@objectstack/driver-memory": "^3.0.2",
-    "@objectstack/objectql": "^3.0.2",
-    "@objectstack/plugin-auth": "^3.0.2",
-    "@objectstack/plugin-hono-server": "^3.0.2",
-    "@objectstack/runtime": "^3.0.2",
-    "@objectstack/spec": "^3.0.2",
+    "@objectstack/core": "^3.0.4",
+    "@objectstack/driver-memory": "^3.0.4",
+    "@objectstack/objectql": "^3.0.4",
+    "@objectstack/plugin-auth": "^3.0.4",
+    "@objectstack/plugin-hono-server": "^3.0.4",
+    "@objectstack/runtime": "^3.0.4",
+    "@objectstack/spec": "^3.0.4",
     "hono": "^4.11.9",
     "pino": "^8.21.0",
     "pino-pretty": "^13.1.3"
   },
   "devDependencies": {
-    "@objectstack/cli": "^3.0.2",
+    "@objectstack/cli": "^3.0.4",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3"
   }

examples/crm/server.ts

@@ -7,7 +7,7 @@ import { InMemoryDriver } from '@objectstack/driver-memory';
 import { AuthPlugin } from '@objectstack/plugin-auth';
 import config from './objectstack.config';
 import { pino } from 'pino';
-import { ConsolePlugin } from '@object-ui/console';
+import { ConsolePlugin } from '../../apps/console/plugin';
 
 async function startServer() {
   const logger = pino({

examples/kitchen-sink/package.json

@@ -14,10 +14,10 @@
     "build": "objectstack compile objectstack.config.ts"
   },
   "dependencies": {
-    "@objectstack/spec": "^3.0.2"
+    "@objectstack/spec": "^3.0.4"
   },
   "devDependencies": {
-    "@objectstack/cli": "^3.0.2",
+    "@objectstack/cli": "^3.0.4",
     "typescript": "^5.9.3"
   }
 }

examples/msw-todo/package.json

@@ -11,12 +11,12 @@
   },
   "dependencies": {
     "@object-ui/example-todo": "workspace:*",
-    "@objectstack/client": "^3.0.2",
-    "@objectstack/driver-memory": "^3.0.2",
-    "@objectstack/objectql": "^3.0.2",
-    "@objectstack/plugin-msw": "^3.0.2",
-    "@objectstack/runtime": "^3.0.2",
-    "@objectstack/spec": "^3.0.2",
+    "@objectstack/client": "^3.0.4",
+    "@objectstack/driver-memory": "^3.0.4",
+    "@objectstack/objectql": "^3.0.4",
+    "@objectstack/plugin-msw": "^3.0.4",
+    "@objectstack/runtime": "^3.0.4",
+    "@objectstack/spec": "^3.0.4",
     "react": "19.2.4",
     "react-dom": "19.2.4"
   },