fix(ts6): fix TypeScript 6.0.2 compatibility errors across packages

Agent-Logs-Url: https://github.com/objectstack-ai/objectui/sessions/219a023f-18c7-4a92-80f1-313c9be66e8b

Co-authored-by: hotlong <50353452+hotlong@users.noreply.github.com>

Author: Copilot

apps/site/tsconfig.json

@@ -1,6 +1,7 @@
 {
   "compilerOptions": {
     "baseUrl": ".",
+    "ignoreDeprecations": "6.0",
     "target": "ESNext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,

packages/core/src/errors/index.ts

@@ -120,8 +120,8 @@ export class ObjectUIError extends Error {
     this.name = 'ObjectUIError';
 
     // Maintains proper stack trace for where error was thrown (only in V8)
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, this.constructor);
+    if ((Error as any).captureStackTrace) {
+      (Error as any).captureStackTrace(this, this.constructor);
     }
   }
 
@@ -203,7 +203,7 @@ function interpolate(
   params: Record<string, string>,
 ): string {
   return template.replace(/\$\{(\w+)\}/g, (_match, key: string) => {
-    if (!(key in params) && typeof process !== 'undefined' && process.env?.NODE_ENV !== 'production') {
+    if (!(key in params) && (globalThis as any).process?.env?.NODE_ENV !== 'production') {
       console.warn(`[ObjectUI] Missing interpolation parameter "${key}" in error message template.`);
     }
     return params[key] ?? `\${${key}}`;
@@ -254,8 +254,7 @@ export function createError(
  */
 export function formatErrorMessage(
   error: ObjectUIError,
-  isDev: boolean = typeof process !== 'undefined' &&
-    process.env?.NODE_ENV !== 'production',
+  isDev: boolean = (globalThis as any).process?.env?.NODE_ENV !== 'production',
 ): string {
   const entry = ERROR_CODES[error.code];
 

packages/core/src/protocols/DndProtocol.ts

@@ -95,13 +95,8 @@ export function resolveDndConfig(config: DndConfig): ResolvedDndConfig {
  * @returns Component props object for a draggable element
  */
 export function createDragItemProps(item: DragItem): DragItemProps {
-  const ariaLabel = typeof item.ariaLabel === 'string'
-    ? item.ariaLabel
-    : item.ariaLabel?.defaultValue;
-
-  const label = typeof item.label === 'string'
-    ? item.label
-    : item.label?.defaultValue;
+  const ariaLabel = item.ariaLabel;
+  const label = item.label;
 
   return {
     draggable: !(item.disabled ?? false),
@@ -127,13 +122,8 @@ export function createDragItemProps(item: DragItem): DragItemProps {
  * @returns Component props object for a droppable area
  */
 export function createDropZoneProps(zone: DropZone): DropZoneProps {
-  const ariaLabel = typeof zone.ariaLabel === 'string'
-    ? zone.ariaLabel
-    : zone.ariaLabel?.defaultValue;
-
-  const label = typeof zone.label === 'string'
-    ? zone.label
-    : zone.label?.defaultValue;
+  const ariaLabel = zone.ariaLabel;
+  const label = zone.label;
 
   return {
     'aria-dropeffect': zone.dropEffect ?? 'move',

packages/core/src/protocols/KeyboardProtocol.ts

@@ -83,9 +83,7 @@ export interface KeyboardEventLike {
  * @returns Fully resolved keyboard navigation configuration
  */
 export function resolveKeyboardConfig(config: KeyboardNavigationConfig): ResolvedKeyboardConfig {
-  const ariaLabel = typeof config.ariaLabel === 'string'
-    ? config.ariaLabel
-    : config.ariaLabel?.defaultValue;
+  const ariaLabel = config.ariaLabel;
 
   return {
     shortcuts: config.shortcuts ?? [],

packages/core/src/protocols/NotificationProtocol.ts

@@ -142,7 +142,7 @@ function resolveTranslatableString(value: string | { key: string; defaultValue?:
  */
 export function specNotificationToToast(notification: SpecNotification): ToastNotification {
   const actions: ToastAction[] = (notification.actions ?? []).map((a: NotificationAction) => ({
-    label: typeof a.label === 'string' ? a.label : a.label?.defaultValue ?? '',
+    label: a.label,
     action: a.action,
     variant: a.variant ?? 'primary',
   }));

packages/core/src/utils/debug.ts

@@ -93,7 +93,8 @@ export function isDebugEnabled(): boolean {
     if (g === true || g === 'true') return true;
 
     // 3. process.env
-    if (typeof process !== 'undefined' && process.env?.OBJECTUI_DEBUG === 'true') return true;
+    const proc = (globalThis as any).process;
+    if (proc?.env?.OBJECTUI_DEBUG === 'true') return true;
 
     return false;
   } catch {

packages/data-objectstack/src/errors.ts

@@ -28,8 +28,8 @@ export class ObjectStackError extends Error {
     this.name = 'ObjectStackError';
 
     // Maintains proper stack trace for where error was thrown (only in V8)
-    if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, this.constructor);
+    if ((Error as any).captureStackTrace) {
+      (Error as any).captureStackTrace(this, this.constructor);
     }
   }
 

packages/plugin-grid/src/ObjectGrid.tsx

@@ -91,11 +91,10 @@ function useGridTranslation() {
   }
 }
 
-/** Resolve an I18nLabel (string | {key, defaultValue}) to a plain string. */
+/** Resolve an I18nLabel (string) to a plain string. */
 function resolveColumnLabel(label: string | I18nLabel | undefined): string | undefined {
   if (label == null) return undefined;
-  if (typeof label === 'string') return label;
-  return label.defaultValue || label.key;
+  return typeof label === 'string' ? label : undefined;
 }
 
 export interface ObjectGridProps {

packages/plugin-grid/vite.config.ts

@@ -9,6 +9,7 @@ export default defineConfig({
     dts({
       insertTypesEntry: true,
       include: ['src'],
+      compilerOptions: { rootDir: '../../' },
     }),
   ],
   resolve: {

packages/react/src/SchemaRenderer.tsx

@@ -72,7 +72,7 @@ export class SchemaErrorBoundary extends Component<
   render() {
     if (this.state.hasError && this.state.error) {
       const error = this.state.error;
-      const isDev = process.env.NODE_ENV !== 'production';
+      const isDev = (globalThis as any).process?.env?.NODE_ENV !== 'production';
       const objuiError = isObjectUIError(error) ? error as ObjectUIError : null;
 
       return (
@@ -189,7 +189,7 @@ export const SchemaRenderer = forwardRef<any, { schema: SchemaNode } & Record<st
     return (
       <div className="p-4 border border-red-500 rounded text-red-500 bg-red-50 my-2" role="alert">
         <p className="font-medium">Unknown component type: <strong>{evaluatedSchema.type}</strong></p>
-        {process.env.NODE_ENV !== 'production' && (
+        {(globalThis as any).process?.env?.NODE_ENV !== 'production' && (
           <p className="text-xs mt-1">💡 {errorInfo.suggestion} (OBJUI-001)</p>
         )}
         <pre className="text-xs mt-2 overflow-auto">{JSON.stringify(evaluatedSchema, null, 2)}</pre>