open-index/open-npm huggingface dataset:
npm package: @ideepkaushik/hardcodes-remover
Description: An Angular component that replaces hardcoded text with variables
Author: Kuldeep kaushik
Latest version: 0.0.4

# HardcodesRemover

This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.1.0.

## Code scaffolding

Run `ng generate component component-name --project hardcodesRemover` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project hardcodesRemover`.
> Note: Don't forget to add `--project hardcodesRemover` or else it will be added to the default project in your `angular.json` file. 

## Build

Run `ng build hardcodesRemover` to build the project. The build artifacts will be stored in the `dist/` directory.

## Publishing

After building your library with `ng build hardcodesRemover`, go to the dist folder `cd dist/hardcodes-remover` and run `npm publish`.

## Running unit tests

Run `ng test hardcodesRemover` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
npm package: @idefi/sdk
Description: 🛠 An SDK for building applications on top of Idefi.
Latest version: 3.0.3

# Uniswap SDK

[![code style: prettier](https://img.shields.io/badge/code_style-prettier-ff69b4.svg?style=flat-square)](https://github.com/prettier/prettier)
[![Actions Status](https://github.com/Uniswap/uniswap-sdk/workflows/CI/badge.svg)](https://github.com/Uniswap/uniswap-sdk)
[![npm version](https://img.shields.io/npm/v/@uniswap/sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://uniswap.org/docs/v2/SDK/getting-started/).

## Running tests

To run the tests, follow these steps. You must have at least node v10 and [yarn](https://yarnpkg.com/) installed.

First clone the repository:

```sh
git clone https://github.com/Uniswap/uniswap-sdk.git
```

Move into the uniswap-sdk working directory

```sh
cd uniswap-sdk/
```

Install dependencies

```sh
yarn install
```

Run tests

```sh
yarn test
```

You should see output like the following:

```sh
yarn run v1.22.4
$ tsdx test
 PASS  test/constants.test.ts
 PASS  test/pair.test.ts
 PASS  test/fraction.test.ts
 PASS  test/miscellaneous.test.ts
 PASS  test/entities.test.ts
 PASS  test/trade.test.ts

Test Suites: 1 skipped, 6 passed, 6 of 7 total
Tests:       3 skipped, 82 passed, 85 total
Snapshots:   0 total
Time:        5.091s
Ran all test suites.
✨  Done in 6.61s.
```
npm package: @idefi/uikit
Description: Set of UI components for pancake projects
Latest version: 0.55.0

# 🥞 Pancake UIkit

[![Version](https://img.shields.io/npm/v/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit) [![Size](https://img.shields.io/bundlephobia/min/@pancakeswap-libs/uikit)](https://www.npmjs.com/package/@pancakeswap-libs/uikit)

Pancake UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

## Install

`yarn add @pancakeswap-libs/uikit`

## Setup

### Theme

Before using Pancake UIkit, you need to provide the theme file to styled-component.

```
import { ThemeProvider } from 'styled-components'
import { light, dark } from '@pancakeswap-libs/uikit'
...
<ThemeProvider theme={isDark}>...</ThemeProvider>
```

### Reset

A reset CSS is available as a global styled component.

```
import { ResetCSS } from '@pancakeswap-libs/uikit'
...
<ResetCSS />
```

### Types

This project is built with Typescript and export all the relevant types.

## How to use the UIkit

If you want to use components from the UIkit, check the [Storybook documentation](https://pancakeswap.github.io/pancake-uikit/)
npm package: @idegin/rnext
Description: A server for running Next.js and Vite applications together
Author: Ifeora Emeka
Latest version: 0.0.4

# RNext Server

## Overview

**RNext Server** is an Express-based server that serves two different applications:

1. **Next.js Application** (Primary App)
2. **Standalone React App** (CMS/Admin Panel under `/rnext-admin` route)

The server handles both applications seamlessly, ensuring proper routing and static file serving for the standalone React app.

---

## Features

- **Primary App**: Serves the Next.js app for all routes except `/rnext-admin`.
- **CMS/Admin Panel**: Serves the standalone React app (built with Vite) under `/rnext-admin` and its assets (CSS, JS, images, etc.).
- **Static File Handling**: Efficiently serves static files like `index.html`, `vite.svg`, and assets for the React app.

---

## File Structure

```
dist/
├── index.js         # RNext Server entry point
└── cms-build/       # Standalone React app build
    ├── index.html
    ├── assets/
    │   ├── *.js
    │   └── *.css
    └── vite.svg
```

---

## Usage

1. Build your standalone React app and place the output in `cms-build`.
2. Start the server:
   ```bash
   node dist/index.js
   ```
3. Access the applications:
    - Next.js App: `http://localhost:3000`
    - CMS/Admin Panel: `http://localhost:3000/rnext-admin`

---

## Requirements

- Node.js
- Express
- Next.js
npm package: @idekubagus/widget
Description: Ping widget
Author: Alisa | Side Protocol
Latest version: 0.3.9

# Ping Widget

## install

- npm

```
npm install ping-widget
```

- cdn

```
https://unpkg.com/ping-widget@0.0.2/dist/ping-widget.js
```

## Usage

```js
import pingWidget from '../dist/ping-widget.js';

// web components
<ping-hello />;
```

This template should help get you started developing with Vue 3 and TypeScript in Vite. The template uses Vue 3 `<script setup>` SFCs, check out the [script setup docs](https://v3.vuejs.org/api/sfc-script-setup.html#sfc-script-setup) to learn more.

## Recommended IDE Setup

- [VS Code](https://code.visualstudio.com/) + [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) (and disable Vetur) + [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin).

## Type Support For `.vue` Imports in TS

TypeScript cannot handle type information for `.vue` imports by default, so we replace the `tsc` CLI with `vue-tsc` for type checking. In editors, we need [TypeScript Vue Plugin (Volar)](https://marketplace.visualstudio.com/items?itemName=Vue.vscode-typescript-vue-plugin) to make the TypeScript language service aware of `.vue` types.

If the standalone TypeScript plugin doesn't feel fast enough to you, Volar has also implemented a [Take Over Mode](https://github.com/johnsoncodehk/volar/discussions/471#discussioncomment-1361669) that is more performant. You can enable it by the following steps:

1. Disable the built-in TypeScript Extension
   1. Run `Extensions: Show Built-in Extensions` from VSCode's command palette
   2. Find `TypeScript and JavaScript Language Features`, right click and select `Disable (Workspace)`
2. Reload the VSCode window by running `Developer: Reload Window` from the command palette.