open-index/open-npm huggingface dataset:
npm package: @framework-m/desk
Description: Business components, hooks, views, and providers for Framework M applications
Author: Framework M Team
Latest version: 0.7.0

# @framework-m/desk

Refine providers and UI components for Framework M applications.

## Installation

```bash
npm install @framework-m/desk

# With pnpm
pnpm add @framework-m/desk
```

## Usage

### Basic Setup

```tsx
import { Refine } from "@refinedev/core";
import {
  frameworkMDataProvider,
  authProvider,
  liveProvider,
} from "@framework-m/desk";

function App() {
  return (
    <Refine
      dataProvider={frameworkMDataProvider}
      authProvider={authProvider}
      liveProvider={liveProvider}
      options={{
        liveMode: "auto", // Enable real-time updates
      }}
      resources={[
        {
          name: "users",
          list: "/users",
          create: "/users/create",
          edit: "/users/edit/:id",
        },
      ]}
    >
      {/* Define your app routes */}
    </Refine>
  );
}
```

### Available Exports

#### Providers

- **`frameworkMDataProvider`**: DataProvider for CRUD operations
- **`authProvider`**: Cookie-based authentication
- **`liveProvider`**: WebSocket real-time updates

#### Configuration

- **`API_URL`**: Base API URL (default: `/api/v1`)
- **`META_URL`**: Meta API URL (default: `/api/meta`)
- **`WS_URL`**: WebSocket URL (default: `/api/v1/stream`)

#### Types

- **`ListResponse<T>`**: Paginated list response
- **`BaseDocument`**: Base document fields
- **`UserIdentity`**: User identity object
- **`ApiError`**: API error response
- **`FilterOperator`**: Supported filter operators
- **`SortOrder`**: Sort direction

### Custom Configuration

Override default endpoints via `window.__FRAMEWORK_CONFIG__`:

```html
<script>
  window.__FRAMEWORK_CONFIG__ = {
    apiBaseUrl: "https://api.example.com/v1",
    wsBaseUrl: "wss://api.example.com/v1/stream",
  };
</script>
```

### Real-time Updates

The live provider automatically subscribes to resource changes:

```tsx
// Enable real-time mode
<Refine
  liveProvider={liveProvider}
  options={{
    liveMode: "auto", // or "manual"
  }}
/>
```

Events:

- `created`: New record created
- `updated`: Record updated
- `deleted`: Record deleted

### Cleanup

Close all WebSocket connections on logout:

```tsx
import { closeAllConnections } from "@framework-m/desk";

const handleLogout = async () => {
  closeAllConnections();
  await authProvider.logout();
};
```

## Architecture

This package follows Framework M's architectural principles:

- **No Global State**: All context passed via props/hooks
- **Type Safety**: 100% TypeScript with strict mode
- **Async Native**: All I/O operations are async
- **Clean Separation**: Providers are independent and composable

## Contributing

See [CONTRIBUTING.md](../../CONTRIBUTING.md) for development guidelines.

## License

Apache-2.0
npm package: @framework-m/plugin-sdk
Description: Plugin infrastructure and runtime for Framework M multi-app composition
Author: Framework M Team
Latest version: 0.4.0

# @framework-m/plugin-sdk

Plugin infrastructure and runtime for Framework M multi-app composition.

## Installation

```bash
npm install @framework-m/plugin-sdk

# With pnpm
pnpm add @framework-m/plugin-sdk
```

## Core Concepts

- **Multi-App Composition**: Bundle multiple independent apps into a single unified interface.
- **Plugin Lifecycle**: Standardized registration and initialization for frontend extensions.
- **Shared Context**: Access to host application state and APIs from within plugins.

## Usage

```ts
import { definePlugin } from "@framework-m/plugin-sdk";

export default definePlugin({
  name: "my-plugin",
  setup(api) {
    api.addMenuItem({
      path: "/my-page",
      label: "My Plugin Page",
    });
  },
});
```

## License

Apache-2.0
npm package: @framework-m/ui
Description: Design system primitives for Framework M — presentational components with no business logic
Author: Framework M Team
Latest version: 0.5.0

# @framework-m/ui

Design system primitives for Framework M — presentational components with no business logic.

## Installation

```bash
npm install @framework-m/ui

# With pnpm
pnpm add @framework-m/ui
```

## Features

- **Tamagui Based**: Built on top of `tamagui/core` for high-performance styling.
- **Themeable**: Full support for light/dark modes and custom color systems.
- **Type-Safe**: 100% TypeScript with strict property checking.
- **Headless Core**: Clean separation from business logic and data providers.

## Usage

```tsx
import { Button, YStack } from "@framework-m/ui";

function MyComponent() {
  return (
    <YStack gap="$4">
      <Button theme="blue">Click Me</Button>
    </YStack>
  );
}
```

## License

Apache-2.0
npm package: @framework-m/vite-plugin
Description: Vite plugin for Framework M plugin auto-discovery and bundling
Author: Framework M Team
Latest version: 0.4.0

# @framework-m/vite-plugin

Vite plugin for Framework M plugin auto-discovery and bundling.

## Installation

```bash
npm install @framework-m/vite-plugin

# With pnpm
pnpm add @framework-m/vite-plugin
```

## Features

- **Auto-Discovery**: Automatically scan and register Framework M plugins in your workspace.
- **Module Federation**: Built-in support for ESM-based module federation.
- **Development Proxy**: Seamless integration with the Framework M backend for development.

## Usage

Add the plugin to your `vite.config.ts`:

```ts
import { defineConfig } from "vite";
import { frameworkMPlugin } from "@framework-m/vite-plugin";

export default defineConfig({
  plugins: [
    frameworkMPlugin({
      // Configuration options
    }),
  ],
});
```

## License

Apache-2.0
npm package: @framing-io/ng-security
Description: Framing for Angular - the security library
Author: framing
Latest version: 0.8.24

Framing for Angular
===================

The sources for this package are in the main [Framing for Angular](https://github.com/framing-io/ng-framing) repo. Please file issues and pull requests against that repo.

License: Apache License, Version 2.0
npm package: @framing-io/ng-tasknas-framers
Description: Framing for Angular - Framers for Tasknas Demo App
Author: framing
Latest version: 0.8.24

Framing for Angular
===================

The sources for this package are in the main [Framing for Angular](https://github.com/framing-io/ng-framing) repo. Please file issues and pull requests against that repo.

License: Apache License, Version 2.0