@object-ui/providers

Reusable Context Providers for ObjectUI

A collection of framework-agnostic React context providers that can be used by third-party systems without console dependencies.

Installation

pnpm add @object-ui/providers

Providers

DataSourceProvider

Generic data source context that decouples ObjectUI from ObjectStack.

import { DataSourceProvider } from '@object-ui/providers';

<DataSourceProvider dataSource={myCustomDataSource}>
  <App />
</DataSourceProvider>

MetadataProvider

Schema/metadata management for objects, fields, and views.

import { MetadataProvider } from '@object-ui/providers';

<MetadataProvider metadata={myMetadata}>
  <App />
</MetadataProvider>

ThemeProvider

Theme management with system theme detection.

import { ThemeProvider } from '@object-ui/providers';

<ThemeProvider defaultTheme="system" storageKey="my-app-theme">
  <App />
</ThemeProvider>

Usage Example

import { DataSourceProvider, MetadataProvider, ThemeProvider } from '@object-ui/providers';

function App() {
  return (
    <ThemeProvider>
      <DataSourceProvider dataSource={myDataSource}>
        <MetadataProvider metadata={myMetadata}>
          {/* Your app components */}
        </MetadataProvider>
      </DataSourceProvider>
    </ThemeProvider>
  );
}

Compatibility

• React: 18.x or 19.x
• Node.js: ≥ 18
• TypeScript: ≥ 5.0 (strict mode)
• @objectstack/spec: ^3.3.0
• @objectstack/client: ^3.3.0
• Tailwind CSS: ≥ 3.4 (for packages with UI)

Links

• 📚 Documentation
• 📦 npm package
• 📝 Changelog
• 🐛 Report an issue
• 🤝 Contributing Guide
• 🗺️ Roadmap

License

MIT — see LICENSE.