open-index/open-npm huggingface dataset:
npm package: @scalecube/api
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/benchmark
Description: This package provides Scalecube's solution with default setting for working in node.
Author: Scalecube
Latest version: 0.0.1

[![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)

> This is part of [scalecube-js](https://github.com/scalecube/scalecube-js) project, see more at <https://github.com/scalecube/scalecube-js>  
> [Full documentation](https://scalecube.github.io/javascript-docs)

# Microservices-browser

This package provides Scalecube's solution with default setting for working in node.

### Usage

`yarn add @scalecube/node` or `npm i @scalecube/node`  

```typescript
import { createMicroservice, ASYNC_MODEL_TYPES } from '@scalecube/node';
```

**create a seed**

```typescript
export const MySeedAddress: 'ws://localhost:8000';

// Create a service
createMicroservice({
   address : MySeedAddress
});
```

**Create a service**

```typescript
// Create service definition
export const greetingServiceDefinition = {
  serviceName: 'GreetingService',
  methods: { 
    hello: {
      asyncModel: ASYNC_MODEL_TYPES.REQUEST_RESPONSE,
    }
  },
};
// Create a service
createMicroservice({
  service : [{
    definition: greetingServiceDefinition,
    reference: {
      hello : (name) => `Hello ${name}`
    }, 
   }],
   seedAddress : MySeedAddress,
   address : 'ws://localhost:8001'
});
```

**Use a service**

```typescript
const microservice = createMicroservice({
    seedAddress : MySeedAddress,
    address : 'ws://localhost:8002'
})

// With proxy
const greetingService = microservice.createProxy({
    serviceDefinition: greetingServiceDefinition
});

greetingService.hello('ME').then(console.log) // Hello ME
```

**Dependency Injection**

```typescript
createMicroservice({
  seedAddress : MySeedAddress,
  address : 'ws://localhost:8003',
  services: [
    {
      definition: serviceB,
      reference: ({ createProxy, createServiceCall }) => {
        const greetingService = createProxy({serviceDefinition: greetingServiceDefinition });

        return new ServiceB(greetingService);
      }
    }    
  ]
})
```

## documentation

please [Read](https://scalecube.github.io/javascript-docs) before starting to work with scalecube.
npm package: @scalecube/browser
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/cluster-browser
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/cluster-nodejs
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/node
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/routers
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/rsocket-adapter
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/rsocket-ws-gateway
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/rsocket-ws-gateway-client
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/scalecube-discovery
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/scalecube-microservice
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/transport-browser
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/transport-nodejs
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scalecube/utils
Description: [![Join the chat at https://gitter.im/scalecube-js/Lobby](https://badges.gitter.im/scalecube-js/Lobby.svg)](https://gitter.im/scalecube-js/Lobby?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
Author: Scalecube
Latest version: 0.2.11
npm package: @scaled-df/sdf-common
Description: <h1>sdf-common</h1>
Latest version: 0.1.2

<h1>sdf-common</h1>

sdf-common is a common component library developed for Verdentra LLC. It provides reusable components and utilities to streamline the development process. This library depends on mantine libraries and is published on npm. You can find the package on <https://npmjs.com/@scaled-df/sdf-common>.

<h2>Technologies Used</h2>

- React
- TypeScript
- Vite
- Vitest

<br>

<h2>Getting Started</h2>

Follow the instructions below to get started with sdf-common.

<h3><b>Installation</b></h3>

```
npm i @scaled-df/sdf-common
```

<h3><b>Usage</b></h3>

Import the components and utilities from sdf-common in your React application.

```
import { Button, ... } from '@scaled-df/sdf-common';
```

Use the imported components in your application code.

```
function App() {
  return (
    <div>
      <Button onClick={() => console.log('Button clicked!')}>Click Me</Button>
      ...
    </div>
  );
}
```

<br>

<h2>Available Components and Utilities</h2>

- Alert
- Anchor
- Avatar
- Badge
- Divider
- Image
- Modal
- Skeleton
- TextInput
- Tooltip

<br>