open-index/open-npm huggingface dataset:
npm package: @nippur72/jsx-templates-loader
Description: jsx-templates webpack loader
Author: Antonino Porcino
Latest version: 1.2.2

# jsx-templates-loader

`@nippur72/jsx-templates-loader` is the webpack loader for [jsx-templates](https://github.com/nippur72/jsx-templates).

Allows to `require()` template source files directly from JavaScript,
letting Webpack compile them and put in the bundle.

## Installation

Install in your Webpack build directory with:
```
npm install --save-dev @nippur72/jsx-templates-loader
```

## Configuration

Modify `webpack.config.js` (or any other Webpack config file):

```

let jsxTemplatesLoader = require("@nippur72/jsx-templates-loader").option({
   tyescript: true,
   // any other option
});

module.exports = {
  // ...
  module: {
    // ...
    loaders: [{
      test: /\.html?$/,
      loader: jsxTemplatesLoader
    }]
    // ...
  }
  // ...
}
```

## Usage

From JavaScript and React:
```
// === if it's a stateless component ===
const MyComponent = require("./my-component.tag.html");

// === if it's a stateful component ===
class MyComponent extends React.Component {
   render = require("./my-component.tag.html");
}

ReactDOM.render(React.createElement(MyComponent), document.body);
```

## How it works

When building the bundle, Webpack will intercept all `require()` with filenames
ending in `.html`, then it calls `jsx-templates` to compile the template
and the resulting `.jsx` code is given as result for the `require()` call.
npm package: @nips-finance/uikit
Description: Set of UI components for pancake projects
Latest version: 0.1.3

# 🥞 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/)