open-index/open-npm huggingface dataset:
npm package: @space-metaverse-ag/space-ui
Description: React component library for metaverse 3D and 2D apps.
Author: SPACE
Latest version: 1.6.3

[![npm version](https://badge.fury.io/js/@space-metaverse-ag%2Fspace-ui.svg)](https://badge.fury.io/js/@space-metaverse-ag%2Fspace-ui)

# space-ui
React component library for metaverse 3D and 2D apps.

## How to use the UI library

1.) `npm install @space-metaverse-ag/space-ui`

2.) Wrap `ThemeProvider` around your app. 

```
import { ThemeProvider } from '@space-metaverse-ag/space-ui'

const App = ({ Component, pageProps }: AppProps) => (
  <Provider store={store}>
    <ThemeProvider>
      <Component {...pageProps} />
    </ThemeProvider>
  </Provider>
)
```

3.) Import `index.css` into your app.

```
import "@space-metaverse-ag/space-ui/index.css"
```

### Example usage:

Components: 

`import { Button, TextInput } from "@space-metaverse-ag/space-ui";`

Icons: 

`import { Home, UpArrow } from "@space-metaverse-ag/space-ui/icons";`

## Develop locally

1. Install Node.js LTS

2. `npm install --force`

3. `npm run storybook`

4. Go-to: http://localhost:6006/

## NPM Package

https://www.npmjs.com/package/@space-metaverse-ag/space-ui

## Environments

https://storybook.dev.tryspace.com - `dev`

https://storybook.qa.tryspace.com - `qa`

https://storybook.tryspace.com - `main`
npm package: @space-oddity-design/basics
Description: Zbiór styli design systemu @space-oddity-design
Author: Piotr Bienias
Latest version: 0.0.6

# @space-oddity-design/basics

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @space-oddity-design/basics` to execute the unit tests.
npm package: @space-oddity-design/styles
Description: Zbiór styli design systemu @space-oddity-design
Author: Piotr Bienias
Latest version: 0.0.6

# @space-oddity-design/styles

This library was generated with [Nx](https://nx.dev).

## Running unit tests

Run `nx test @space-oddity-design/styles` to execute the unit tests.
npm package: @space-rock/jsonrpc-client
Description: JSON RPC fetch client for NEAR Protocol
Latest version: 0.4.2

# @space-rock/jsonrpc-client

Type-safe JSON-RPC client for NEAR Protocol with runtime validation and automatic type inference.

## Installation

```bash
npm install @space-rock/jsonrpc-client
# or
yarn add @space-rock/jsonrpc-client
# or
pnpm add @space-rock/jsonrpc-client
```

## Quick Start

```typescript
import { block, createRpcClient } from '@space-rock/jsonrpc-client';

// Initialize client
const client = createRpcClient('https://near.lava.build:443');

// Make type-safe requests with autocomplete
const response = await block(client, { finality: 'final' });

if ('error' in response) {
  console.log(response.error.message);
} else {
  console.log(response.result.header.hash);
}
```

## Advanced Usage

```typescript
import { block, createRpcClient } from '@space-rock/jsonrpc-client';

// Basic initialization
const client = createRpcClient('https://near.lava.build:443');

// Use the full JSON-RPC call method
const response = await block(client, { finality: 'final' });

// Initialize with custom headers
const client = createRpcClient('https://near.lava.build:443', {
  headers: {
    Authorization: 'Bearer your-token-here',
    'X-API-Key': 'your-api-key',
    'X-Custom-Header': 'custom-value',
  },
});

// Initialize with AbortController signal
// Create an abort controller
const controller = new AbortController();

const client = createRpcClient('https://near.lava.build:443', {
  signal: controller.signal,
});

// Abort after 10 seconds
setTimeout(() => controller.abort(), 10000);

try {
  const response = await block(client, { finality: 'final' });
} catch (error) {
  if (error.name === 'AbortError') {
    console.log('Request was aborted');
  }
}

// Disable validation globally
const client = createRpcClient('https://near.lava.build:443', {
  disableValidation: true,
});

// Or disable validation for specific method
const response = await block(
  client,
  { finality: 'final' },
  {
    disableValidation: true,
  },
);
```

## License

MIT
npm package: @space-rock/jsonrpc-types
Description: TypeScript types for NEAR Protocol JSON RPC client
Author: NEAR Inc
Latest version: 0.4.2

# @space-rock/jsonrpc-types

TypeScript types and Valibot schemas for NEAR Protocol JSON-RPC API, automatically generated from the official OpenAPI specification.

## Installation

```bash
npm install @space-rock/jsonrpc-types
# or
yarn add @space-rock/jsonrpc-types
# or
pnpm add @space-rock/jsonrpc-types
```

## Usage

### TypeScript Types

Import types for full type safety without runtime overhead:

```typescript
import type { BlockReference } from '@space-rock/jsonrpc-types';

// Use types in your code
const blockRef: BlockReference = {
  finality: 'final',
};

// Types for specific methods
import type {
  ApiParams,
  ApiRequest,
  ApiResponse,
} from '@space-rock/jsonrpc-types';

// Request params type for a method
type BlockParams = ApiParams<'block'>;

// Full request type for a method
type BlockRequest = ApiRequest<'block'>;

// Response type for a method
type BlockResponse = ApiResponse<'block'>;
```

## Integration with @space-rock/jsonrpc-client

The types package is designed to work seamlessly with the client:

```typescript
import { block, createRpcClient } from '@space-rock/jsonrpc-client';
import type { ApiParams, ApiResponse } from '@space-rock/jsonrpc-types';

// Initialize client
const client = createRpcClient('https://near.lava.build:443');

const params: ApiParams<'block'> = { finality: 'final' };

// Types are automatically inferred
const response: ApiResponse<'block'> = await block(client, params);

if ('error' in response) {
  console.log(response.error.message);
} else {
  console.log(response.result.header.hash);
}
```

## License

MIT
npm package: @space-runners/ablo-ts-sdk
Description: A TypeScript SDK for Ablo Services
Author: Karim Varela and Mihovil Kovacevic
Latest version: 1.2.6

# Ablo Typescript SDK

This is the official Ablo Typescript SDK.

## Installation

```bash
npm install ablo-ts-sdk
```

## Usage

To use the Ablo Typescript SDK, you need to initialize it with your API key. Here's a basic example of how to use the SDK:

```typescript
import { Ablo } from 'ablo-ts-sdk'

const ablo = new Ablo('your-api-key')

// Example usage of the SDK
// GET /styles
const styles = await ablo.styles.getAll()
console.log('Styles:', styles)
// Background Removal
const backgroundRemovalResult = await ablo.backgroundRemoval.byUrl(
  imageUrl: 'https://example.com/image.jpg',
)
console.log('Background removed image:', backgroundRemovalResult.image)

// FontMaker
const fontMakerResult = await ablo.fontMaker.run({
  text: 'Hello World',
  styleId: 'some-fontmaker-style-id',
})
console.log('FontMaker generated images:', fontMakerResult.images)

// Image Maker
const imageMakerResult = await ablo.imageMaker.run({
  freeText: 'A beautiful sunset over the ocean',
  styleId: 'some-imagemaker-style-id',
})
console.log('Image Maker generated images:', imageMakerResult.images)

// Photo Transformer
const photoTransformerResult = await ablo.photoTransformer.fromUrl({
  imageUrl: 'https://example.com/image.jpg',
  styleId: 'some-phototransformer-style-id',
})
console.log('Photo Transformer result:', photoTransformerResult.images)

// Inpainting
const inpaintingResult = await ablo.inpainting.run({
  imageUrl: 'https://example.com/image.jpg',
  maskUrl: 'https://example.com/mask.jpg',
})
console.log('Inpainting result:', inpaintingResult.images)


```
npm package: @space-santa/login-modal
Description: This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Author: Space Santa
Latest version: 0.0.4

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:

```js
export default tseslint.config({
    extends: [
        // Remove ...tseslint.configs.recommended and replace with this
        ...tseslint.configs.recommendedTypeChecked,
        // Alternatively, use this for stricter rules
        ...tseslint.configs.strictTypeChecked,
        // Optionally, add this for stylistic rules
        ...tseslint.configs.stylisticTypeChecked,
    ],
    languageOptions: {
        // other options...
        parserOptions: {
            project: ['./tsconfig.node.json', './tsconfig.app.json'],
            tsconfigRootDir: import.meta.dirname,
        },
    },
});
```

You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:

```js
// eslint.config.js
import reactX from 'eslint-plugin-react-x';
import reactDom from 'eslint-plugin-react-dom';

export default tseslint.config({
    plugins: {
        // Add the react-x and react-dom plugins
        'react-x': reactX,
        'react-dom': reactDom,
    },
    rules: {
        // other rules...
        // Enable its recommended typescript rules
        ...reactX.configs['recommended-typescript'].rules,
        ...reactDom.configs.recommended.rules,
    },
});
```
npm package: @space-santa/react-auth-kit
Description: Reusable React auth UI (Google, Microsoft, credentials) with DI-based backend API
Latest version: 0.1.3

# @space-santa/react-auth-kit

Reusable React auth UI (Google, Microsoft, credentials) with DI-based backend API.

## Features

-   AuthProvider and hooks to expose auth status and login helpers
-   Components: OAuthLoginModal, GoogleOAuthLogin, MicrosoftOAuthLogin, UsernamePasswordLogin
-   Backend decoupled via an `AuthApi` interface; includes a default fetch-based implementation
-   Peer dependencies for UI and OAuth providers so host apps control versions

## Install

```bash
npm install @space-santa/react-auth-kit
# peer deps you likely already have
npm install react react-dom react-bootstrap react-icons @react-oauth/google @azure/msal-react @azure/msal-browser
```

## Usage

```tsx
import { AuthProvider, OAuthLoginModal, makeHttpAuthApi } from "@space-santa/react-auth-kit";
import { GoogleOAuthProvider } from "@react-oauth/google";
import { MsalProvider, PublicClientApplication } from "@azure/msal-react";
import { makeMsalConfig } from "@space-santa/react-auth-kit";

const api = makeHttpAuthApi({ baseUrl: "" });
const msalInstance = new PublicClientApplication(makeMsalConfig({ clientId: "YOUR_MS_APP_ID", tenantId: "common" }));

export function Root() {
    return (
        <AuthProvider api={api}>
            <GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
                <MsalProvider instance={msalInstance}>
                    <App />
                </MsalProvider>
            </GoogleOAuthProvider>
        </AuthProvider>
    );
}

function App() {
    const [show, setShow] = useState(false);
    return (
        <>
            <button onClick={() => setShow(true)}>Sign in</button>
            <OAuthLoginModal show={show} onHide={() => setShow(false)} onSuccess={() => console.log("Logged in")} />
        </>
    );
}
```

### Custom API

You can inject your own API client by implementing `AuthApi`:

```ts
import type { AuthApi } from "@space-santa/react-auth-kit";

const api: AuthApi = {
    async fetchAuthStatus() {
        /* ... */
    },
    async logout() {
        /* ... */
    },
    async loginWithGoogleToken(token) {
        /* ... */ return { success: true };
    },
    async loginWithMicrosoftToken(token) {
        /* ... */ return { success: true };
    },
    async loginWithCredentials(u, p) {
        /* ... */ return { success: true };
    },
};
```

## Notes

-   Include Bootstrap CSS in your app for the default styling.
-   The package does not access `window` at module scope (safe for SSR). For MSAL in SSR, prefer passing a pre-created instance.
-   CSRF handling defaults to a `csrftoken` cookie; you can override via `getCsrfToken` in `makeHttpAuthApi`.
npm package: @space-santa/react-components
Description: Space Santa's React component library
Latest version: 0.1.3

# @space-santa/react-auth-kit

Reusable React auth UI (Google, Microsoft, credentials) with DI-based backend API.

## Features

-   AuthProvider and hooks to expose auth status and login helpers
-   Components: OAuthLoginModal, GoogleOAuthLogin, MicrosoftOAuthLogin, UsernamePasswordLogin
-   Backend decoupled via an `AuthApi` interface; includes a default fetch-based implementation
-   Peer dependencies for UI and OAuth providers so host apps control versions

## Install

```bash
npm install @space-santa/react-auth-kit
# peer deps you likely already have
npm install react react-dom react-bootstrap react-icons @react-oauth/google @azure/msal-react @azure/msal-browser
```

## Usage

```tsx
import { AuthProvider, OAuthLoginModal, makeHttpAuthApi } from "@space-santa/react-auth-kit";
import { GoogleOAuthProvider } from "@react-oauth/google";
import { MsalProvider, PublicClientApplication } from "@azure/msal-react";
import { makeMsalConfig } from "@space-santa/react-auth-kit";

const api = makeHttpAuthApi({ baseUrl: "" });
const msalInstance = new PublicClientApplication(makeMsalConfig({ clientId: "YOUR_MS_APP_ID", tenantId: "common" }));

export function Root() {
    return (
        <AuthProvider api={api}>
            <GoogleOAuthProvider clientId={import.meta.env.VITE_GOOGLE_CLIENT_ID}>
                <MsalProvider instance={msalInstance}>
                    <App />
                </MsalProvider>
            </GoogleOAuthProvider>
        </AuthProvider>
    );
}

function App() {
    const [show, setShow] = useState(false);
    return (
        <>
            <button onClick={() => setShow(true)}>Sign in</button>
            <OAuthLoginModal show={show} onHide={() => setShow(false)} onSuccess={() => console.log("Logged in")} />
        </>
    );
}
```

### Custom API

You can inject your own API client by implementing `AuthApi`:

```ts
import type { AuthApi } from "@space-santa/react-auth-kit";

const api: AuthApi = {
    async fetchAuthStatus() {
        /* ... */
    },
    async logout() {
        /* ... */
    },
    async loginWithGoogleToken(token) {
        /* ... */ return { success: true };
    },
    async loginWithMicrosoftToken(token) {
        /* ... */ return { success: true };
    },
    async loginWithCredentials(u, p) {
        /* ... */ return { success: true };
    },
};
```

## Notes

-   Include Bootstrap CSS in your app for the default styling.
-   The package does not access `window` at module scope (safe for SSR). For MSAL in SSR, prefer passing a pre-created instance.
-   CSRF handling defaults to a `csrftoken` cookie; you can override via `getCsrfToken` in `makeHttpAuthApi`.
npm package: @space-uy/cra-template-admin-spacedev
Description: The official template used by SpaceDev 🚀 for Create React App.
Latest version: 1.0.0

# cra-template-admin-spacedev

[![Node.js Package](https://github.com/SpaceUY/cra-template-admin-spacedev/actions/workflows/npm-publish.yml/badge.svg)](https://github.com/SpaceUY/cra-template-admin-spacedev/actions/workflows/npm-publish.yml)

The official template used by SpaceDev for [Create React App](https://github.com/facebook/create-react-app) to create admin or backoffice applications

## Usage

```sh
npx create-react-app my-app --template @space-uy/cra-template-admin-spacedev
```

## What this includes

Here are the libraries and extras we included:

* [`react-admin`](https://marmelab.com/react-admin/Readme.html)
* `commitlint` and `eslint` run automatically before each commit through `husky`
* `bitbucket-pipelines` to run linting and deploy the app

### How do I structure my project?

Refer to `CONTRIBUTING.md` for a more detailed explanation.

## :computer: Contributing

Contributions are very welcome. Please check out the [contributing document](CONTRIBUTING.md).

## :bookmark: License

This project is [MIT](LICENSE) licensed.