open-index/open-npm huggingface dataset:
npm package: @railway/urls
Description: Generate links to Railway resources
Latest version: 0.2.0

# Railway URLs

[![NPM Version](https://img.shields.io/npm/v/%40railway%2Furls)](https://www.npmjs.com/package/@railway/urls)
[![CI](https://github.com/railwayapp/railway-urls/actions/workflows/ci.yml/badge.svg)](https://github.com/railwayapp/railway-urls/actions/workflows/ci.yml)

Generate URLs to [railway.com](https://railway.com) resources.

## Installation

```bash
bun add @railway/urls
```

## Usage

Use the default instance for standard Railway URLs:

```ts
import { railwayUrls } from "@railway/urls";

railwayUrls.project({ projectId: "abc123" });
// https://railway.com/project/abc123

railwayUrls.projectSettings({
  projectId: "abc123",
  environmentId: "prod",
});
// https://railway.com/project/abc123/settings?environmentId=prod
```

Create a custom instance for different base URLs:

```ts
import { RailwayUrls } from "railway-urls";

const urls = new RailwayUrls("http://localhost:3000");
urls.project({ projectId: "abc123" });
// http://localhost:3000/project/abc123
```

## Smart Resource Inference

The `resource()` method automatically determines the correct URL based on which IDs you provide:

```ts
// Project overview
railwayUrls.resource({ projectId: "abc" });
// https://railway.com/project/abc

// Service deployments
railwayUrls.resource({ projectId: "abc", serviceId: "svc-123" });
// https://railway.com/project/abc/service/svc-123

// Volume metrics
railwayUrls.resource({ projectId: "abc", volumeId: "vol-456" });
// https://railway.com/project/abc/volume/vol-456/metrics

// Bucket files
railwayUrls.resource({ projectId: "abc", bucketId: "bucket-789" });
// https://railway.com/project/abc/bucket/bucket-789
```

Priority order: service > volume > bucket > project
npm package: @railzai/railz-icons
Description: Stencil Component Starter
Latest version: 0.0.1-alpha.52

<p align="center">
  <a href="https://railz.ai/" rel="noopener" target="_blank"><img src="https://files.readme.io/080c7e0-small-Normal_Logo.png" alt="Railz logo"></a>
</p>

Railz is the Accounting Data as a Service™ solution that makes sense of your business customers' financial data.

<h1 align="center">Railz UIKit Icons</h1>

<p align="center">
  <a href="https://github.com/railz-ai/railz-uikit/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@railzai/railz-icons" alt="Software License"/></a>
  <a href="https://www.npmjs.com/package/@railzai/railz-icons"><img src="https://img.shields.io/npm/v/@railzai/railz-icons/latest.svg" alt="Latest Package on NPM"/></a>
  <a href="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml"><img src="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml/badge.svg" alt="Latest Deployment"/></a>
  <a href="https://stenciljs.com/docs/style-guide">
          <img src="https://img.shields.io/badge/code_style-stencil/stylelint/prettier-5851ff.svg?style=flat-square" alt="Code Style" />
      </a>
</p>
<h2>Contains icon components.</h2>

## [Installation](../../INSTALLATION.md)

## [Usage](../../USAGE.md)

## Contributing

The Railz UIKit Icon library and documentation are open to contributions. For more information, check
the [guidelines](../../../CONTRIBUTING.md).

## License

[MIT License](../../../LICENSE)

---
npm package: @railzai/railz-tokens
Description: Design Token Framework
Author: railz.ai
Latest version: 0.0.1-alpha.68

<p align="center">
  <a href="https://railz.ai/" rel="noopener" target="_blank"><img src="https://files.readme.io/080c7e0-small-Normal_Logo.png" alt="Railz logo"></a>
</p>

Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.

<h1 align="center">Accounting Data as a Service™ Tokens</h1>

<p align="center">
  <a href="https://github.com/railz-ai/railz-uikit/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@railzai/railz-tokens" alt="Software License"/></a>
  <a href="https://www.npmjs.com/package/@railzai/railz-tokens"><img src="https://img.shields.io/npm/v/@railzai/railz-tokens/latest.svg" alt="Latest Package on NPM"/></a>
  <a href="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml"><img src="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml/badge.svg" alt="Latest Deployment"/></a>
  <a href="https://stenciljs.com/docs/style-guide">
          <img src="https://img.shields.io/badge/code_style-stencil/stylelint/prettier-5851ff.svg?style=flat-square" alt="Code Style" />
      </a>
</p>
<h2>Contains Design Tokens.</h2>

## [Installation](./INSTALLATION.md)

## [Usage](./USAGE.md)

## Contributing

The Accounting Data as a Service™ UIKit Icon library and documentation are open to contributions. For more information, check
the [guidelines](../../CONTRIBUTING.md).

## License

[MIT License](../../LICENSE)

---
npm package: @railzai/railz-uikit
Description: Railz.ai Design Components
Latest version: 0.0.1-alpha.68

<p align="center">
  <a href="https://railz.ai/" rel="noopener" target="_blank"><img src="https://files.readme.io/080c7e0-small-Normal_Logo.png" alt="FIS logo"></a>
</p>

Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.

<h1 align="center">Accounting Data as a Service™ UIKit</h1>

<p align="center">
  <a href="https://github.com/railz-ai/railz-uikit/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@railzai/railz-uikit" alt="Software License"/></a>
  <a href="https://www.npmjs.com/package/@railzai/railz-uikit"><img src="https://img.shields.io/npm/v/@railzai/railz-uikit/latest.svg" alt="Latest Package on NPM"/></a>
  <a href="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml"><img src="https://github.com/railz-ai/railz-uikit/actions/workflows/publish.yml/badge.svg" alt="Latest Deployment"/></a>
  <a href="https://stenciljs.com/docs/style-guide">
          <img src="https://img.shields.io/badge/code_style-stencil/stylelint/prettier-5851ff.svg?style=flat-square" alt="Code Style" />
      </a>
</p>
<h2 align="center">Contains components libraries.</h2>

- [_Railz UIKit_](https://github.com/railz-ai/railz-uikit/design-components) is a library of components that features our implementation of [Accounting Data as a Service™ Connect](https://railz.ai/product/connect) widget and extended components.

## [Installation](./INSTALLATION.md)

## [Usage](./USAGE.md)

## Contributing

The Accounting Data as a Service™ UIKit library and documentation are open to contributions. For more information, check
the [guidelines](./CONTRIBUTING.md).

## License

[MIT License](./LICENSE)

---
npm package: @railzai/railz-uikit-angular
Description: Railz is the Accounting Data as a Service™ solution that makes sense of your business customers' financial data.
Author: Railz.ai
Latest version: 0.0.1-alpha.52

Railz is the Accounting Data as a Service™ solution that makes sense of your business customers' financial data.

# Railz UIKit Angular

<p>
  <a href="https://www.npmjs.com/package/@railzai/railz-uikit"><img src="https://img.shields.io/npm/v/@railzai/railz-uikit-angular" alt="Latest Version on NPM"/></a>
  <img src="https://badgen.net/bundlephobia/dependency-count/@railzai/railz-uikit-angular" alt="Tree shaking"/>
</p>

This is an angular wrapper for `@railzai/railz-visualization`.

## Installation

With NPM:

```bash
npm install @railzai/railz-uikit-angular
```

With Yarn:

```bash
yarn add @railzai/railz-uikit-angular
```

## Usage

In your own Angular Application, add the below in your code files

### app.component.html

```html
<railz-component first="Sade" last="Adu"></railz-component>
```

### app.module.ts

Import the `RailzUikitModule` into your component module or app.module.ts file

```typescript
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { RailzUikitModule } from '@railzai/railz-uikit-angular';
@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, RailzUikitModule],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
```
npm package: @railzai/railz-uikit-react
Description: React specific wrapper for @railzai/railz-uikit
Author: Railz.ai
Latest version: 0.0.1-alpha.68

Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.

# Accounting Data as a Service™ UIKit React

<p>
  <a href="https://www.npmjs.com/package/@railzai/railz-uikit"><img src="https://img.shields.io/npm/v/@railzai/railz-uikit-react" alt="Latest Version on NPM"/></a>
  <img src="https://badgen.net/bundlephobia/dependency-count/@railzai/railz-uikit-react" alt="Tree shaking"/>
</p>

## Installation

With NPM:

```bash
npm install @railzai/railz-uikit-react
```

With Yarn:

```bash
yarn add @railzai/railz-uikit-react
```

## Usage

In your own React Application, add the below in your code files

```typescript jsx
import React, { useEffect, useState } from 'react';
// import { RailzComponent } from '@railzai/railz-uikit-react';

function App() {
  return (
    <div className="App">
      // <RailzComponent first="Sade" last="Adu" />
    </div>
  );
}

export default App;
```
npm package: @railzai/railz-uikit-vue
Description: Railz.ai wrapper for railz-uikit
Author: railz.ai
Latest version: 0.0.1-alpha.52

Railz is the Accounting Data as a Service™ solution that makes sense of your business customers' financial data.

# Railz UIKit Vue

<p>
  <a href="https://www.npmjs.com/package/@railzai/railz-uikit"><img src="https://img.shields.io/npm/v/@railzai/railz-uikit-vue" alt="Latest Version on NPM"/></a>
  <img src="https://badgen.net/bundlephobia/dependency-count/@railzai/railz-uikit-vue" alt="Tree shaking"/>
</p>

This is an angular wrapper for `@railzai/railz-visualization`.

## Installation

With NPM:

```bash
npm install @railzai/railz-uikit-vue
```

With Yarn:

```bash
yarn add @railzai/railz-uikit-vue
```

## Usage

##### App.vue

```html
<railz-component first="Sade" last="Adu"></railz-component>
```

##### main.ts

Import the `RailzUikitModule` into your component module or app.module.ts file

```typescript
import { createApp } from 'vue';
import { RailzUikit } from '@railzai/railz-uikit-vue';

import App from './App.vue';
createApp(App).use(RailzUikit).mount('#app');
```
npm package: @railzai/railz-visualizations-angular
Description: Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.
Author: Railz.ai
Latest version: 0.0.8-alpha.52

Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.

# Accounting Data as a Service™ Visualizations Angular

<p align="center">
  <a href="https://www.npmjs.com/package/@railzai/railz-visualizations"><img src="https://img.shields.io/npm/v/@railzai/railz-visualizations-angular" alt="Latest Version on NPM"/></a>
  <img src="https://badgen.net/bundlephobia/dependency-count/@railzai/railz-visualizations-angular" alt="Tree shaking"/>
</p>

This is an angular wrapper for `@railzai/railz-visualization`, it was generated with [Angular CLI](https://github.com/angular/angular-cli) version 13.2.0.

## To Install

With NPM:

```bash
npm install @railzai/railz-visualizations-react
```

With Yarn:

```bash
yarn add @railzai/railz-visualizations-react
```

## Local Development

To build and test your components locally, you will need to link the packages together. This is a replacement for publishing packages to npm that allows you to develop and test locally.

To do this, we’ll use the npm link command, follow the steps below to setup local environment.

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Build the **packages/components** library and create a symlink to the library.

```bash
npm run build
npm link
```

### Link Your Packages

With the symlink created, the Angular component library will need to consume the stencil component library.
Go to `packages/components-angular` folder and run the below:

```bash
npm link @railzai/railz-visualizations
```

And with that, the angular component library is linked to the stencil component library are linked together.

In your angular component library, you need to create its own symlink.

```bash
npm run build
npm link
```

#### Usage

In your own Angular Application, you can run the below to link both libraries

```bash
npm link @railzai/railz-visualizations-angular
```

To make use of the Angular component library in your Angular application, set up your module file to import the visualizations module.

```typescript
import { RailzVisualizationsModule } from '@railzai/railz-visualizations-angular/dist';
```
npm package: @railzai/railz-visualizations-react
Description: React specific wrapper for @railzai/railz-visualizations
Author: Railz.ai
Latest version: 0.0.8-alpha.52

Accounting Data as a Service™ is the solution that makes sense of your business customers' financial data.

# components-react

This is a react wrapper for `@railzai/railz-visualization`, it is based of stencil sample template

## Local Development

### Link Your Packages

To build and test your components locally, you will need to link the packages together. This is a replacement for publishing packages to npm that allows you to develop and test locally.

To do this, we’ll use the npm link command, follow the steps below to setup local environment.

1. Clone this repository
2. Install dependencies using yarn install or npm install
3. Build the **packages/components** library and create a symlink to the library.

```bash
npm run build
npm link
```

With the symlink created, the React component library will need to consume the stencil component library.
Go to `packages/components-react` folder and run the below:

```bash
npm link @railzai/railz-visualizations
```

And with that, the react component library is linked to the stencil component library are linked together.

In your react component library, you need to create its own symlink.

```bash
npm run build
npm link
```

#### Usage

In your own React Application, you can run the below to link both libraries

```bash
npm link @railzai/railz-visualizations-react
```

To make use of the React component library in your React application, import the components from the React component library in the file where you want to use them.

```typescript jsx
import { RailzVisualizations } from '@railzai/railz-visualizations-react';
```