open-index/open-npm huggingface dataset:
npm package: @pauleliet/vue-sticky-directive
Description: A powerful vue directive make element sticky.
Author: meh
Latest version: 0.0.11

# vue-sticky-directive

vue-sticky-directive is a powerful vue directive make element sticky.

# Install

```Bash
npm install vue-sticky-directive --save
```

ES2015
```JavaScript
// register globally
import Sticky from 'vue-sticky-directive'
Vue.use(Sticky)

// or for a single instance
import Sticky from 'vue-sticky-directive'
new Vue({
  directives: {Sticky}
})
```

# Usage

Use `v-sticky` directive to enable element postion sticky, and use `sticky-*` attributes to define its options. Sticky element will find its nearest element with `sticky-container` attribute or its parent node if faild as the releative element.

[basic example](https://mehwww.github.io/vue-sticky-directive/examples/basic/)

```HTML
<div sticky-container>
  <div v-sticky sticky-offset="offset" sticky-side="top">
    ...
  </div>
</div>
```

# Options
* `sticky-offset` - set sticky offset, it support a vm variable name or a js expression like `{top: 10, bottom: 20}`
  * `top`_(number)_ - set the top breakpoint (default: `0`)
  * `bottom`_(number)_ - set the bottom breakpoint (default: `0`)
* `sticky-side`_(string)_ - decide which side should be sticky, you can set `top`、`bottom` or `both` (default: `top`)
* `sticky-z-index` _(number)_ - to set the z-index of element to stick
* `on-stick` _(function)_ - callback when sticky and release, receiveing 1 argument with object indicating the state, like:

```javascript
// The element is sticked on top
{
  bottom: false,
  top: true,
  sticked: true
}
```

An expression that evaluates to false set on `v-sticky` can be used to disable stickiness condtionally.

```HTML
<div sticky-container>
  <div v-sticky="shouldStick">
    ...
  </div>
</div>
```
```JavaScript
export defaults {
  data () {
    shouldStick: false
  }
}
```

# License

MIT
npm package: @paulgg-code/onchain-metadata-musicnft
Description: NFT music metadata. Stored on-chain as Base64 encoded string. Works with OpenSea, Zora, Catalog, and all other music NFT Protocols.
Author: lolplz
Latest version: 1.0.0

# Music NFT Metadata Stored Onchain

- 73 Music NFT attributes stored on chain in your music nft metadata.

```diff
- WARNING: these contracts are unaudited
```

### You Newest Tool for Music NFTs (100% on chain)

- [Your Music NFT Smart Contract (ERC721)](https://mumbai.polygonscan.com/address/0x1c517d7037ce732bfd5dceb2322904d7db5453f0#code).
- [Your Music NFT in OpenSea](https://testnets.opensea.io/assets/mumbai/0x1c517d7037ce732bfd5dceb2322904d7db5453f0/1)
- Works out of the box.


### Get Started

To add music NFT metadata to your next music NFT drop, just

1. `npm i @paulgg-code/onchain-metadata-musicNFT`
2. `import "@paulgg-code/onchain-metadata-musicNFT/contracts/OnChainNFTMusicMetadata.sol";`
3. `contract MusicNFT is OnChainMusicMetadata`
4. use the `musicTokenUri(tokenId)` method freely.

### Example Music NFT:

```
// SPDX-License-Identifier: UNLICENSED
pragma solidity ^0.8.15;

import "@paulgg-code/onchain-metadata-musicNFT/contracts/MusicSample/MusicTokenSample.sol";
import "@openzeppelin/contracts/token/ERC721/ERC721.sol";

contract MusicNFT is ERC721, MusicTokenSample {
    uint256 songId;

    constructor() ERC721("Revolution Digital Music", "RDM") {
        songId = 0;
        setupSongMetadata();
        setupProjectMetadata();
    }

    function mint() public {
        songId++;
        _mint(msg.sender, songId);
    }

    function tokenURI(uint256 _tokenId)
        public
        view
        virtual
        override(ERC721)
        returns (string memory)
    {
        require(_exists(_tokenId), "tokenId doesn't exist");
        return musicTokenUri(_tokenId);
    }
}
```
npm package: @paulholden/sharepoint
Description: Promise-based library for interacting with SharePoint Online. Forked from @wmfs/sharepoint.
Author: Paul Holden
Latest version: 0.1.10

# sharepoint

Promise-based library for interacting with SharePoint Online.

## <a name="gettingStarted"></a>Getting Started

```
const Sharepoint = require('@paulholden2/sharepoint')
const sp = new Sharepoint('URL HERE')

sp.authenticate()
sp.getWebEndpoint()
sp.getContents(path)
sp.createFolder(path)
sp.deleteFolder(path)
sp.createFile(options) // options = { path, fileName, data }
sp.deleteFile(options) // options = { path, fileName }
sp.createFileChunked(options) // options = { path, fileName, stream, fileSize, chunkSize }
```

## <a name="test"></a>Test
First, set these to match your SharePoint environment:

| Env Variable | Value |
| ------------ | ----- |
| `SHAREPOINT_URL` | Your test/sandbox SharePoint site `https://example.sharepoint.com/sites/YourSite/`. |
| `SHAREPOINT_USERNAME` | User Principal Name of the user you wish to test with, e.g. `john.doe@example.com`. |
| `SHAREPOINT_PASSWORD` | Password for your `SHAREPOINT_USERNAME`. |
| `SHAREPOINT_DIR_PATH` | Path to where the files are. e.g. `/Shared Documents/General`. |
| `SHAREPOINT_LIST` | An existing list that can be tested against. |

* Alternatively, you can edit a `/.env` file if you prefer (as per [dotenv](https://www.npmjs.com/package/dotenv))

Then, run:
```
npm run test
```

## <a name="license"></a>License
[MIT](https://github.com/paulholden2/sharepoint/blob/master/LICENSE)
npm package: @pauliclark/color-selector
Description: Angular 4 colour picker component
Author: Paul I Clark
Latest version: 0.0.1

# bertie.vector
The vector object as used in the bertie 3D engine. For a reference to this class, check the autogenerated [documentation](https://www.pauliclark.co.uk/vendor/bertie-3d/bertie.vector/doc/bertie.vector.html)

## Install
```
npm install bertie.3d
```

## Usage

```
var v1 = new bertie.vector(100,100,100);

var v2 = new bertie.vector(-100,-100,100);

console.log(v1.dotProduct(v2)); // -0.3333333333333333

v1.flip();
console.log(JSON.stringify(v1.directions)); // [-100,-100,-100]
v1.flip();
console.log(JSON.stringify(v1.directions)); // [100,100,100]

console.log(JSON.stringify(v1.unitVector())); // [-0.5773502691896257,-0.5773502691896257,-0.5773502691896257]

console.log(JSON.stringify(v1.angleBetween(v2))); // 1.0471975511965979

console.log(v1.getLength()); // 173.20508075688772

v1.add(v2);
console.log(JSON.stringify(v1.directions)); // [0,0,200]

v2.rotateX(Math.PI/2);
console.log(JSON.stringify(v2.directions)); // [-100,-100,-100]
```
npm package: @pauliclark/log-context
Description: Coloured and Contextual console log
Author: pauliclark
Latest version: 0.1.3

# log-context

*NOTE: This package has only been written for ES Modules.*

Coloured and Contextual console log

```
  import {
    levels,
    log,
    contextLog
  } from '@pauliclark/log-context'

  const myLog = contextLog('My context name')

  log.log('my log message')
  log.debug('my debug message')
  log.info('my info message')
  log.trace('my trace message')
  log.warn('my warn message')
  log.error('my error message')

  myLog.log('my context log message')
  myLog.debug('my context debug message')
  myLog.info('my context info message')
  myLog.trace('my context trace message')
  myLog.warn('my context warn message')
  myLog.error('my context error message')

```

## Creating a contextual log

Once a contextual log is created, the console messages will be printed prefixed with the contextual name.

```
  import { contextLog } from '@pauliclark/log-context'

  const myLog = contextLog('My context name')

  myLog.log('my context log message')
  myLog.debug('my context debug message')
  myLog.info('my context info message')
  myLog.trace('my context trace message')
  myLog.warn('my context warn message')
  myLog.error('my context error message')

```

## Setting the log level

```
  import {
    levels,
    log
  } from '@pauliclark/log-context'

  log.setLogLevel(levels.TRACE)
```

Setting the log level to trace above, the methods for 'log', 'debug' and 'info' will be ignored.
The same method is also available in context logs.

## Set the colours and padding

```
  import {log, colours, styles, backgrounds} from '@pauliclark/log-context'

  log.styles.log = [styles.reset, colours.green, backgrounds.white ]
```

The styles can be different for each of levels.

 - log
 - debug
 - info
 - trace
 - warn
 - error

The context name displayed can also be adjusted...

```
  import {log} from '@pauliclark/log-context'

  log.styles.context = [styles.bold, colours.white, backgrounds.red ]
```

Available colours / backgrounds are:

 - black
 - red
 - green
 - yellow
 - blue
 - magenta
 - cyan
 - white
 - gray
 - grey
 - brightRed
 - brightGreen
 - brightYellow
 - brightBlue
 - brightMagenta
 - brightCyan
 - brightWhite

Available styles are:

 - reset
 - bold
 - dim
 - italic
 - underline
 - inverse
 - hidden
 - strikethrough
npm package: @pauliescanlon/gatsby-mdx-embed
Description: ...
Author: Paul Scanlon
Latest version: 0.0.29

<a href="https://gatsby-mdx-embed.netlify.com/" target="_blank">
<img src="https://gatsby-mdx-embed.netlify.app/mdx-embed-og-image.jpg" alt="gatsby-mdx-embed image" />
</a>

# gatsby-mdx-embed

With `gatsby-mdx-embed` you can embed media content from providers like Twitter, YouTube, Instagram and a number of others directly in `.mdx` ... **no imports required**

## 👁️ Preview

- [Live Demo](https://gatsby-mdx-embed.netlify.com/)

## 🚀 Getting started

### Install

```
npm install @pauliescanlon/gatsby-mdx-embed --save
```

### Install peer dependencies

```
npm install gatsby-plugin-mdx @mdx-js/mdx @mdx-js/react --save
```

### Setup

```js
// gatsby.config
module.exports = {
  ...
  plugins: [`@pauliescanlon/gatsby-mdx-embed`]
  ...
}
```

`gatsby-mdx-embed` automatically injects an `MDXProvider`. If it's the first and / or only plugin that uses this method you shouldn't have any clashes.

However, if you're using a theme or some other plugin that uses `.mdx` you may need to switch the order of the plugins.

A note on using multiple `MDXProvider`(s) directly from [@chrisbiscardi](https://twitter.com/chrisbiscardi)

> Multiple providers will merge the components object. **Last provider wins**

If the above doesn't help you might need to manually import the `MdxEmbedProvider` and use it to wrap your `MDXRenderer`

```js
// layout.js

import { MdxEmbedProvider } from '@pauliescanlon/gatsby-mdx-embed';

<MdxEmbedProvider>
  <MDXRenderer>{body}</MDXRenderer>
</MdxEmbedProvider>;
```

## General Observer update 07/05/2020

MDX Embed has been updated to include Intersection Observer support for all providers.

With Intersection Observer support now heavy provider scripts won't be loaded until the component in question scrolls in to view... Keeping your site blazing fast! ⚡

If you're using **gatsby-mdx-embed** in your project i'd love to hear from you [@pauliescanlon](https://twitter.com/PaulieScanlon)

[![ko-fi](https://www.ko-fi.com/img/githubbutton_sm.svg)](https://ko-fi.com/P5P31B7G8)

Thanks to the following projects which were used as references

- [gatsby-remark-oembed](https://github.com/raae/gatsby-remark-oembed)
- [gatsby-plugin-twitter](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-twitter)
- [gatsby-plugin-instagram-embed](https://github.com/MichaelDeBoey/gatsby-plugin-instagram-embed)
npm package: @pauliescanlon/gatsby-remark-grid-system
Description: gatsby-remark-grid-system is a plugin that creates responsive layouts from markdown files
Author: Paul Scanlon
Latest version: 0.0.4

# gatsby-remark-grid-system

gatsby-remark-grid-system is a plugin that creates responsive layouts from markdown files

**Motivation**
As much as i like blogs, do they all have to be single coloum? Arguably if you're using [gatsby-pugin-mdx](https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-mdx) this is not problem but... if your blog / site / app uses `.md` this might be worth a look.

## 👁️ Preview

- [Live Demo](https://gatsby-remark-grid-system.netlify.com/)

## 🚀 Getting started

### Install

```
npm install @pauliescanlon/gatsby-remark-grid-system
```

### Setup

Add `gatsby-transformer-remark` to your `gatsby-config.js` then add `@pauliescanlon/gatsby-remark-grid-system` as a plugin of that 😅

```js
module.exports = {
  ...
  plugins: [
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [`@pauliescanlon/gatsby-remark-grid-system`],
      },
    },
  ],
}
```

### Options

| Option      | Type    | Reqiured | Default               | Description                    |
| ----------- | ------- | -------- | --------------------- | ------------------------------ |
| breakpoints | array   | no       | [576, 768, 992, 1200] | bootstrap inspired breakpoints |
| padding     | number  | no       | 16                    | padding applied to each `col`  |
| debug       | boolean | no       | false                 | adds an outline to each `col`  |

```js
...
plugins: [
  {
    resolve: `@pauliescanlon/gatsby-remark-grid-system`,
      options: {
        ...
     }
  },
]
```

## 📝 Markdown

TODO explain markdown a bit more `:::` ... `row` ... `col` ...

```
::: div row

::: div col 12|6|7|9
   left content 1
:::

::: div col 12|6|5|3
   right content 1
:::

:::
```
npm package: @paulinasource/face-capture-landmarks-lib
Description: Biblioteca React para captura facial e detecção de landmarks em tempo real.
Author: DelcioLuis
Latest version: 1.0.10

# @paulinasource/face-capture-landmarks-lib

A modern React library for real-time face capture and landmark detection, featuring ready-to-use UI components for facial authentication, registration, and behavioral biometrics.

## ✨ Features

- Real-time face detection and tracking
- Accurate facial landmarks using TensorFlow.js and MediaPipe
- Reusable React UI components
- Fully typed with TypeScript
- Prebuilt CSS styling included

## ⚠️ Important

To ensure styles are applied correctly, **don't forget to import the library's CSS** in your project:

```ts
import '@paulinasource/face-capture-landmarks-lib/styles.css';
```

## 🚀 Getting Started

```tsx
import { FaceAuthenticator, ProviderComponent } from '@paulinasource/face-capture-landmarks-lib';

function App() {
  return (
    <ProviderComponent>
      <FaceAuthenticator
        onSuccess={(landmarks) => console.log('Authenticated:', landmarks)}
        onError={(err) => console.error('Error:', err)}
      />
    </ProviderComponent>
  );
}
```

## 🧱 Available Components

- `DetectionFrame`
- `ErrorFrame`
- `FaceAuthenticator`
- `FloatingCameraMonitor`
- `ProcessingFrame`
- `ProgressIndicator`
- `SuccessFrame`
- `FaceRegistrationModal`
- `ProviderComponent`
- `FaceCaptureFlow`

All components can be imported individually:

```tsx
import {
  DetectionFrame,
  ErrorFrame,
  FaceAuthenticator,
  FloatingCameraMonitor,
  ProcessingFrame,
  ProgressIndicator,
  SuccessFrame,
  FaceRegistrationModal,
  ProviderComponent,
  FaceCaptureFlow
} from '@paulinasource/face-capture-landmarks-lib';
```

## 🧰 Built With

- [@tensorflow/tfjs](https://github.com/tensorflow/tfjs)
- [@tensorflow-models/face-landmarks-detection](https://github.com/tensorflow/tfjs-models/tree/master/face-landmarks-detection)
- [@mediapipe/face_mesh](https://github.com/google/mediapipe)
- [react-webcam](https://github.com/mozmorris/react-webcam)
- [framer-motion](https://www.framer.com/motion/)
- [lucide-react](https://lucide.dev/)
- React 19 and React DOM 19
- Autoprefixer

## 🌐 Browser Compatibility

Fully compatible with modern browsers:

- ✅ Google Chrome
- ✅ Firefox
- ✅ Microsoft Edge
- ✅ Safari

## 📄 License

MIT

## 📁 Repository

Source code available on GitHub:

[https://github.com/DelcioLuis/face-capture-landmarks-lib](https://github.com/DelcioLuis/face-capture-landmarks-lib)

## 🤝 Contributing

Contributions are welcome! Feel free to:

- Open issues for bugs, suggestions, or questions
- Submit pull requests with new features or fixes
- Discuss ideas and use cases

---

Made with ❤️ by [PaulinaSource](https://paulinasource.com)



credito,
nome do curso,
assinatura.

assinatura.


Deteccao de placho.