open-index/open-npm huggingface dataset:
npm package: @ibsys/vuepress-theme
Description: vuepress-theme
Author: brandonkelly
Latest version: 2.0.2

# Craft Documentation Theme for VuePress

This is the [VuePress](https://vuepress.vuejs.org/) theme used for [Craft CMS documentation](https://docs.craftcms.com/).

It makes the following changes over the default VuePress theme:

- Adds support for [code language toggles](#code-toggles) and [split page views](#split-views).
- Disables [interpolation](https://vuepress.vuejs.org/guide/using-vue.html#interpolation) by wrapping all page content in a big `v-pre` block.
- Improves `<table>` styling.

## Setup

1. [Install](https://vuepress.vuejs.org/guide/getting-started.html) VuePress like normal
2. Require this theme

   ```
   yarn add -D vuepress-theme-craftdocs # or npm install -D vuepress-theme-craftdocs
   ```

3. Set these things in `.vuepress/config.js`:

   ```js
   module.exports = {
     // ...
     theme: "craftdocs",
     themeConfig: {
       // ...
       codeLanguages: {
         php: "PHP",
         twig: "Twig",
         // any other code language labels you want to include in code toggles...
       },
     },
     markdown: {
       anchor: { level: [2, 3] },
       extendMarkdown(md) {
         let markup = require("vuepress-theme-craftdocs/markup");
         md.use(markup);
       },
     },
   };
   ```

## Code Toggles

You can create code toggles by wrapping multiple fenced code blocks with a `code` container:

````markdown
::: code

```php
echo "Hey, $name";
```

```twig
Hey, {{ name }}
```

:::
````

By default, toggle labels will be pulled from the value in `themeConfig.codeLanguages` that matches the code block’s language. If you want to provide a custom label instead, just type it after the code block language:

````markdown
::: code

```php Craft 2
$success = craft()->entries->saveEntry($entry);
```

```php Craft 3
$success = Craft::$app->elements->saveElement($entry);
```

:::

````
## Split Views

You can create split view pages by adding `split: true` to your page’s frontmatter:

```yaml
---
split: true
---
```

In split view, any content that contains a horizontal rule (`---`) will be divided into `left` and `right` portions, starting and ending at the closest H2/H3 headings.

```markdown
## Cool Headings

Left-side content

---

Right-side content
```

In split view, code toggles can share a single page-wide toggle UI, floated at the top of the right-hand content pane. To do this, add a `code` list to your page’s frontmatter:

```yaml
---
split: true
code:
  - php
  - twig
---
```

(Use the same language handles defined by `themeConfig.codeLanguages` in `.vuepress/config.js`.)


## Upgrading from v1.3.x

1. Follow the VuePress [Migration from 0.x](https://vuepress.vuejs.org/miscellaneous/migration-guide.html) guide.
2. Update any custom styles that relied on `.content` to reference `.theme-default-content` instead.
3. If you’re using Algolia DocSearch, make sure your index configuration’s selectors are still valid.
npm package: @ibuild-community/preset-applet
Description: 云筑智联小程序 babel preset
Author: jean.h.ma
Latest version: 0.1.0

# preset-applet

![](https://img.shields.io/npm/v/@ibuild-community/preset-applet.svg)
![](https://img.shields.io/github/issues/ibuild-community/preset-applet.svg)
![](https://img.shields.io/github/forks/ibuild-community/preset-applet.svg)
![](https://img.shields.io/github/stars/ibuild-community/preset-applet.svg)

云筑智联小程序preset

## Install

```bash
$ npm i @ibuild-community/preset-applet --save-dev
```

## Usage

`preset-applet` 共包含两个 `babel-plugin` 

- 转换 `Import('./a')` 这种语法为 `Import(require('./a'))` 

- 转换 `import React from react` 为 

- ```javascript
const _react = __AppletRequire('react'); 
  const React = _react;
  ```


`.babelrc`中进行配置

```json
{
    presets:[...,"module:@ibuild-community/preset-applet"]
}
```

也可以只单独使用某个 `plugin`

```json
{
  plugins: [
    [
      "@ibuild-community/preset-applet/plugins/transform-import-expression"
    ]
  ]
}
```
npm package: @ibunker/bitcoin-react
Description: - Create buttons to accept bitcoins via QR codes. - Customize QR codes with a fixed amount to show when scan the client.
Author: IsmaelTerreno
Latest version: 0.1.13-cd

# Bitcoin Reactjs tool
## Features
- Create buttons to accept bitcoins via QR code scanner.
- Customize QR codes with a fixed amount to show when scan the client.
- Compatibility with any wallet that uses the [Bitcoin URI protocol](https://github.com/bitcoin/bips/blob/master/bip-0021.mediawiki).
## Live Demo
[Go to this site for a quick demo with your wallet.](https://ismaelterreno.github.io/bitcoin-react/)

## How to use the component
Install the package via NPM with the following command:

```shell
npm i @ibunker/bitcoin-react
```
Just import the following:

```js
import { BitcoinQR } from '@ibunker/bitcoin-react';
```

And the base styles :

```js
import '@ibunker/bitcoin-react/dist/index.css';
```

Later you can use the component like this:

Example: Send donations to this project
```js
<BitcoinQR
    bitcoinAddress="bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7"
    message="Donate bitcoin to support this project"
    title="Donate bitcoin"
/>
```
Example: Send 0.1 BTC donation to this project

```js
<BitcoinQR
    amount={0.1}
    bitcoinAddress="bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7"
    message="Donate bitcoin to support this project"
    title="Donate bitcoin"
/>
```

Property | Description | type
------------ | ------------- | -------------
showHeartDonation | Show a Heart animation under the QR code. | Boolean
title | Will show a title at the top of the QR code. | String
message | Will add a message to the QR. | String
bitcoinAddress | bitcoin address to send the payment. Can be any BTC format address. | String

## How to quick donate to this project
Did this help you in anything useful? or Do you feel that it is your lucky day and you are generous? consider donating to the author to support this project. Use your favorite wallet!  ;)

![Donate bitcoin to support this project :D bc1qr3ja0feke2d7zg8jr0sjhr4aw5ppezt7n954u7](https://github.com/IsmaelTerreno/bitcoin-react/blob/master/src/donate-to-project.png?raw=true)



This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
and [create-react-library](https://www.npmjs.com/package/create-react-library). I do recommend those libraries for some magic ;).