SPACE UI Core Framework

7.3.2 verified Sat Apr 25 auth: no javascript

Core UI framework for the Perazim SPACE No-Code Platform (v7.3.2). Abstracts UI building and transactional persistence, with Dump components excluded from persistence. Includes a rich library of components, but the associated style.css is not bundled. Primarily supports React environments, with ESM and CommonJS builds. The framework is tightly coupled with the SPACE platform and has limited public adoption. Documentation and community support are minimal; dependencies include React (>=16.8) and React-DOM. Development appears active based on the latest version.

Common errors

error Module not found: Can't resolve 'space-ui-core-framework' ↓

cause Package not installed or npm registry issue

fix

npm install space-ui-core-framework@7.3.2

error Attempted import error: 'SpaceProvider' is not exported from 'space-ui-core-framework' ↓

cause Misspelled import name or using wrong export

fix

Use correct named import: import { SpaceProvider } from 'space-ui-core-framework'

error Uncaught TypeError: Cannot read properties of null (reading 'useRef') ↓

cause React version mismatch (hooks not supported)

fix

Ensure React >= 16.8 is installed

Warnings

deprecated Dump components are deprecated and will not persist data; use transactional components instead. ↓

fix Replace Dump components with persistent versions (e.g., DumpInput -> Input).

gotcha style.css is not included in the package; you must manually import it from a separate location or request from maintainer. ↓

fix Contact shajee.l@perazim.io for CSS assets.

gotcha Components rely on specific DOM structure; ensure root element exists and is properly mounted. ↓

fix Wrap app in SpaceProvider and ensure #root div exists.

Install

npm install space-ui-core-framework

yarn add space-ui-core-framework

pnpm add space-ui-core-framework

Imports

Button

wrong

const Button = require('space-ui-core-framework').Button

correct

import { Button } from 'space-ui-core-framework'

ESM-only supported; use named import for each component.

Form

wrong

import Form from 'space-ui-core-framework/Form'

correct

import { Form } from 'space-ui-core-framework'

Do not import from subpath; all components from main entry.

createPersistence
```
import { createPersistence } from 'space-ui-core-framework'
```
Named export for persistence API; use with Provider.

SpaceProvider

wrong

import { Provider } from 'space-ui-core-framework'

correct

import { SpaceProvider } from 'space-ui-core-framework'

Correct export is SpaceProvider, not Provider.

Quickstart

Shows basic usage with SpaceProvider wrapping a Button component, including event handling.

import React from 'react';
import { render } from 'react-dom';
import { Button, SpaceProvider } from 'space-ui-core-framework';

const App = () => (
  <SpaceProvider>
    <Button label="Click Me" onClick={() => alert('Clicked!')} />
  </SpaceProvider>
);

render(<App />, document.getElementById('root'));