open-index/open-npm huggingface dataset:
npm package: @removify/javascript-utils
Description: Collection of javascript utils
Author: Removify
Latest version: 0.0.2
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Removify Typescript Starter

This is a starter template for a typescript project.

## Usage

```bash
pnpm install

# to develop
pnpm run dev

# to build javascript files
pnpm run build
```
npm package: @removify/tailwind-preset
Description: Tailwind CSS preset for Removify
Latest version: 1.0.9

# Removify Tailwind preset.

This is tailwind preset for removify.

## Usage

```bash
npm install -D @removify/tailwind-preset

yarn add -D @removify/tailwind-preset

pnpm add -D @removify/tailwind-preset
```

### Generate Tailwind v4 CSS

```bash
pnpm generate:tailwind-v4
```

### Tailwind v4 CSS entry

Tailwind v4 does not automatically detect JavaScript configs, so make sure your CSS entry includes `@config`.

```css
@config "./tailwind.config.ts";
@import 'tailwindcss';
@import '@removify/tailwind-preset/tailwindcss-animate.css';
```

```ts
import type { Config } from 'tailwindcss';

// tailwind.config.{t,j}s
import { buildPreset } from '@removify/tailwind-preset';

export default {
  content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
  presets: [buildPreset()],
  ...restOfConfig,
} satisfies Config;
```
npm package: @removify/ui
Description: Removify UI Library
Latest version: 3.2.1

# UI Library

Vue 3 UI library based on [shadcn vue](https://www.shadcn-vue.com/).

In a nutshell, this library is just a wrap around [reka-ui](https://www.reka-ui.com/) with some predefined tailwindcss classes and icons.

For documentation of how to use the components, please visit [reka-ui](https://www.reka-ui.com/) for props and [shadcn vue](https://www.shadcn-vue.com/) for basic example. Most likely the only ting you need is a good language server to help you with find definition and auto-completion. All the types (props and emits) are also exported in case you need to use them.

## Usage

```bash
# You must have vue installed
pnpm add @removify/ui vue

# If you need data table
pnpm add @tanstack/vue-table

# If you want to use form
pnpm add vee-validate @vee-validate/zod zod

# If you want to use stripe elements
pnpm add @stripe/stripe-js

# If you want to use carousel
pnpm add embla-carousel-vue embla-carousel

# If you want to use sonner toast
pnpm add vue-sonner

# If you want to use drawer
pnpm add vaul-vue
```

```bash
# Install everything
pnpm add @removify/ui vue @tanstack/vue-table vee-validate @vee-validate/zod zod @stripe/stripe-js embla-carousel-vue vue-sonner vaul-vue
```

Next you need to import the css preset

```css
@import 'tailwindcss';

@import '@removify/tailwind-preset/index.css';
```

## Usage

```vue
<script setup lang="ts">
import { Button } from '@removify/ui/button';
</script>

<template>
  <Button></Button>
</template>
```

or

```vue
<script setup lang="ts">
import * as Button from '@removify/ui/button';
</script>

<template>
  <Button.Button></Button.Button>
</template>
```

## Development

```bash
pnpm install

# to develop
pnpm run dev

# to build javascript files
pnpm run build
```

## To add a new component

```bash
pnpx shadcn-vue@latest add {component}

```

## Known issue

Due to reka's useId will cause mismatch in ssr, before the upstream migrate to vue 3.5 native `useId` use below in ssr applications (nuxt):

```vue
<script setup lang="ts">
import { ConfigProvider } from '@removify/ui/config';
</script>

<template>
  <ConfigProvider>
    ... Your reset code
  </ConfigProvider>
</template>
```

## QA

**I want to just use reka.**

A: You can use reka directly, but you will have to add the tailwindcss classes and icons yourself.

## Work in progress

- [ ] vue plugin to include all components. (A bit hesitate to do this as the name of the components might conflict with other libraries, e.g. `Button`)
npm package: @remp/remp-segment-builder
Description: 1. Run `yarn install` 2. Be sure to have segment config filled in a global scope. It should look like this:
Author: Remp
Latest version: 0.1.4

## Install guide

1. Run `yarn install`
2. Be sure to have segment config filled in a global scope. It should look like this:

```js
window.Segments = {
  config: {
    AUTH_TOKEN: '',
    API_HOST: '',
    CANCEL_PATH: '',
    SEGMENT_ID: null
  }
};
```

3. `yarn serve` for development

## Build guide

- Run `yarn build` if you want to build whole application for the deployment. Then you can host contents of `/dist` folder as static files.
- Run `yarn build-lib` if you want to make build of remp-segment-builder as npm package (It's used for example in remp-scenario-builder).