open-index/open-npm huggingface dataset:
npm package: @samelogic-steps/beacons
Description: >
Author: Samelogic Inc.
Latest version: 0.10.1

# @samelogic/react-feedback

>

[![NPM](https://img.shields.io/npm/v/@samelogic/react-feedback.svg)](https://www.npmjs.com/package/@samelogic/react-feedback) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

## Install

```bash
npm install --save @samelogic/react-feedback
```

## Usage

```tsx
import * as React from "react";

import MyComponent from "@samelogic/beacon";

class Example extends React.Component {
  render() {
    return <MyComponent />;
  }
}
```

## License

MIT © [njbrown](https://github.com/njbrown)
npm package: @samelogic-steps/microsurveys
Description: After copy and replacing content of  microsurveys/dist/runner.js and map file, run:
Author: Samelogic Inc.
Latest version: 2.1.7


## Deployment

After copy and replacing content of  microsurveys/dist/runner.js and map file, run:

```
cd steps/microsurveys
npm publish
```
npm package: @samelogic/js-client
Description: Build and Serve
Latest version: 0.0.11

### Development

Build and Serve

```
npm run dev
```

Install:

```
<script>
const changes = [
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div:nth-child(2)",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > p",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div.ck-mb-6",
  },
  {
    type: "insert",
    htmlContent:
      '\n    <div role="button" tabindex="0" class="ck-relative ck-w-full ck-mt-6 ck-mb-6">\n      <input\n        accept="video/mp4"\n        type="file"\n        tabindex="-1"\n        style="display: none"\n      /><span\n        class="ck-relative ck-flex ck-justify-center ck-rounded ck-button-primary ck-text-lg ck-button-lg ck-btn-theme-500 hover:ck-btn-theme-600"\n        ><span class="ck-inline-flex ck-items-center"\n          ><svg\n            class="ck-fill-current"\n            xmlns="http://www.w3.org/2000/svg"\n            width="22"\n            height="22"\n            viewBox="0 0 24 24"\n          >\n            <path\n              d="M19.5 14c-2.483 0-4.5 2.015-4.5 4.5s2.017 4.5 4.5 4.5 4.5-2.015 4.5-4.5-2.017-4.5-4.5-4.5zm2.5 5h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1zm-8.498 2h-7.502v-8h10v.032c1.872-1.203 4.113-1.319 6-.53v-11.502h-22v22h14.82c-.553-.576-1.006-1.251-1.318-2zm4.498-18h2v2h-2v-2zm0 4h2v2h-2v-2zm-12-4h10v8h-10v-8zm-2 18h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2z"\n            ></path></svg\n          ><span class="ck-ml-2">Add Video (Optional)</span></span\n        ></span\n      >\n    </div>\n    ',
    targetIndex: 1,
    insertionMode: "index",
    targetSelector: "div#section-2 > div > div:nth-of-type(4)",
  },
];

  async function main() {
    const slPromise = await import('http://localhost:5000/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
  }
  main();
  const slPromise = await import('https://cdn.jsdelivr.net/npm/@samelogic/js-client@0.0/dist/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
</script>
```
npm package: @samelogic/js-command-center
Description: Build and Serve
Latest version: 0.0.10

### Development

Build and Serve

```
npm run dev
```

Install:

```
<script>
const changes = [
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div:nth-child(2)",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > p",
  },
  {
    type: "remove",
    targetSelector: "#section-2 > div > div.ck-mt-4 > div.ck-mb-6",
  },
  {
    type: "insert",
    htmlContent:
      '\n    <div role="button" tabindex="0" class="ck-relative ck-w-full ck-mt-6 ck-mb-6">\n      <input\n        accept="video/mp4"\n        type="file"\n        tabindex="-1"\n        style="display: none"\n      /><span\n        class="ck-relative ck-flex ck-justify-center ck-rounded ck-button-primary ck-text-lg ck-button-lg ck-btn-theme-500 hover:ck-btn-theme-600"\n        ><span class="ck-inline-flex ck-items-center"\n          ><svg\n            class="ck-fill-current"\n            xmlns="http://www.w3.org/2000/svg"\n            width="22"\n            height="22"\n            viewBox="0 0 24 24"\n          >\n            <path\n              d="M19.5 14c-2.483 0-4.5 2.015-4.5 4.5s2.017 4.5 4.5 4.5 4.5-2.015 4.5-4.5-2.017-4.5-4.5-4.5zm2.5 5h-2v2h-1v-2h-2v-1h2v-2h1v2h2v1zm-8.498 2h-7.502v-8h10v.032c1.872-1.203 4.113-1.319 6-.53v-11.502h-22v22h14.82c-.553-.576-1.006-1.251-1.318-2zm4.498-18h2v2h-2v-2zm0 4h2v2h-2v-2zm-12-4h10v8h-10v-8zm-2 18h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2zm0-4h-2v-2h2v2z"\n            ></path></svg\n          ><span class="ck-ml-2">Add Video (Optional)</span></span\n        ></span\n      >\n    </div>\n    ',
    targetIndex: 1,
    insertionMode: "index",
    targetSelector: "div#section-2 > div > div:nth-of-type(4)",
  },
];

  async function main() {
    const slPromise = await import('http://localhost:5000/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
  }
  main();
  const slPromise = await import('https://cdn.jsdelivr.net/npm/@samelogic/js-client@0.0/dist/index.mjs')
      .then(async (mod) => await mod.SamelogicClient.init({changes}))
</script>
```