open-index/open-npm huggingface dataset:
npm package: @squadwe/docusaurus-plugin
Description: Squadwe plugin for docusaurus
Author: Pranav Raj S
Latest version: 1.0.0

### @squadwe/docusaurus-plugin

This plugin enables Squadwe in Docusaurus powered websites.

#### Install the plugin

1. Add the plugin to your project.

```
yarn add @squadwe/docusaurus-plugin
```

or

```
npm install @squadwe/docusaurus-plugin --save
```

2. Configure the plugin in `docusaurus.config.js`

```js
// docusaurus.config.js
module.exports = {
  plugins: ["@squadwe/docusaurus-plugin"],
  themeConfig: {
    squadwe: {
      websiteToken: "Your website inbox token",
      baseURL: "https://app.squadwe.com",  // optional
      enableInDevelopment: false,  // optional
    }
  }
};
```
npm package: @squadwe/node
Description: Node.js bindings for Squadwe APIs
Author: Pranav Raj S
Latest version: 0.0.3

# @squadwe/node

A node.js client for Squadwe APIs
https://www.squadwe.com

Note: This is a work in progress. Interface can change before a stable release.

### How to use

1. Install the library

```
yarn add @squadwe/node
```

or

```
npm install --save @squadwe/node
```

2. Create a Squadwe Client by providing the host URL and API Access Token

```js
const SquadweClient = require('@squadwe/node')

const config = { host: 'https://app.squadwe.com', apiAccessToken: 'your-access-token' }
const Squadwe = new SquadweClient({ config })
```

Supported config params are shown below.

| Key | Default Value | Required | Description |
| -- | -- | -- | -- |
| apiVersion | api/v1 | False | The version of the API, at the moment v1 is only available |
| apiAccessToken | | True | API access token to authenticate with the APIs. You can get the token from your Profile Settings |


1. Fire an API request

```js
// ...

const getContacts = async (accountId) => {
  try {
    const { data } = await Squadwe.contacts(accountId).get()
    console.log(data);
  } catch (error) {
    console.log(error);
  }
}

getContacts(1);
```
npm package: @squadwe/utils
Description: Squadwe utils
Latest version: 0.0.10

### Squadwe-utils

Common utils for Squadwe.

![](https://img.shields.io/npm/v/@squadwe/utils?style=flat)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](http://makeapullrequest.com)
![](https://img.shields.io/npm/l/@squadwe/utils)

### Installation

Install the package

```sh
yarn add @squadwe/utils
```

## Feedback & Contributing

Feel free to send us feedback on [Twitter](https://twitter.com/squadweapp) or [file an issue](https://github.com/squadwe/utils/issues).


_Squadwe_ &copy; 2022, Squadwe Inc - Released under the MIT License.
npm package: @squapale/performance-analyzer-lib
Description: A comprehensive performance analysis library for React applications (Core - MIT License)
Author: Performance Analyzer Team
Latest version: 1.0.0

# Performance Analyzer Library

A comprehensive performance analysis library for React applications that provides monitoring, benchmarking, and optimization tools.

## Features

- **Performance Monitoring**: Real-time performance tracking with hooks and HOCs
- **Visual Dashboard**: Interactive dashboard with charts and metrics
- **Benchmarking**: Automated performance testing and comparison
- **Console Tools**: Command-line analysis and debugging utilities
- **Export Reports**: Generate and export performance reports
- **Modular Design**: Use only the components you need

## Installation

```bash
npm install performance-analyzer-lib
```

## Quick Start

```javascript
import { usePerformanceMonitoring, PerformanceDashboard } from 'performance-analyzer-lib';

// Use performance monitoring hook
function MyComponent() {
  const { startTiming, endTiming, getMetrics } = usePerformanceMonitoring();
  
  useEffect(() => {
    startTiming('data-fetch');
    fetchData().then(() => {
      endTiming('data-fetch');
    });
  }, []);
  
  return <div>My Component</div>;
}

// Add dashboard to your app
function App() {
  return (
    <div>
      <MyComponent />
      <PerformanceDashboard />
    </div>
  );
}
```

## Documentation

- [Comprehensive Guide](./docs/COMPREHENSIVE_PERFORMANCE_GUIDE.md)
- [Quick Reference](./docs/PERFORMANCE_QUICK_REFERENCE.md)
- [Examples](./examples/)

## API Reference

### Core
- `usePerformanceMonitoring()` - Main monitoring hook
- `withPerformanceMonitoring()` - HOC for class components
- `PerformanceMonitor` - Global monitoring instance

### Components
- `PerformanceDashboard` - Visual dashboard
- `PerformanceToggle` - Toggle for enabling/disabling monitoring

### Testing
- `PerformanceTestSuite` - Automated testing utilities
- `PerformanceComparator` - Before/after comparison tools

### Utils
- `performanceAnalysisExamples` - Console analysis tools
- `performanceExamples` - Advanced usage examples

## License

MIT
npm package: @square-one/model-decorators
Description: Model decorators that will allow for typescript classes to be built as models for ORM's and also be used within MVVM's like Angular 2 to build out custom elements.
Author: Terry Payne
Latest version: 1.0.9

# Model Decorators
Decorators that will allow for classes to be built as models for [mongoose][mongoose-url] and also be used within client side frameworks like [Angular 2][angular2-url] to build out custom elements.

## Example
```typescript
import { Field, FieldArray, Model, Method, StaticMethod } from "@add-io/model-decorators";

@Model("Example")
export class Example {

    @Field({ required: true })
    name: string;

    @Field()
    description: string;

    @Field({ ref: "ExampleRef" })
    example: ExampleRef;

    @FieldArray(String, { required: true })
    items: string[];

    @FieldArray(ExampleRef, { ref: "ExampleRef" })
    examples: ExampleRef[];

    @Method()
    save() {
        // Do save method stuff...
    }

    @StaticMethod()
    static loadExamples() {
        // Load examples from the database...
    }
}

@Model("ExampleRef")
export class ExampleRef {

    @Field({ required: true })
    name: string;
}
```

## License
This library is under the [MIT License][mit-url]

[mongoose-url]: http://mongoosejs.com
[angular2-url]: https://angular.io
[mit-url]: http://opensource.org/licenses/MIT
npm package: @square-one/view-inject
Description: HTML Library that will take multiple files and inject the block code within a custom <view-inject> tag into other areas of the main file.
Author: Terry Payne
Latest version: 1.0.9

# View Inject
HTML library that will take multiple files and insert the block code within a custom <view-inject> tag into other areas of the main file.

## <view-inject> - Options
### target *(string) required
This is a css selector that should be used to narrow down were in the target the injection
should go.
### action *(string) defaults: 'append'
The action that should be used when the selector finds a target, the available options are.
- `append`: Addes the element to the end of the tree in the target found
- `prepend`: Addes the element to the first of the tree in the target found
- `insert-before`: Will add the element in before the target that was found
- `insert-after`: Will add the element in after the target that was found
- `replace`: Will replace the target found

## Usage
main.html
```html
<html class="app html-app">
    <head>
        <title>This is the title</title>
    </head>
    <body>
        <div id="container">
            <content class="main-content">
                <p>This is some special content.</p>
            </content>
        </div>
    </body>
</html>
```

inject.html
```html
<view-inject target=".app .container">
    <content>
        <p>This is extra content</p>
    </content>
</view-inject>

<view-inject target=".app .container content.main-content" action="prepend">
    <p>Adding in some more content</p>
</view-inject>
```

app.js
```javascript
var fs = require('fs');
var ViewInject = require('@add-io').ViewInject;
var injector = new ViewInject('./main.html', ['./inject.html']);

injector.process().then(function(result) {
    fs.writeFile('output.html', result, function (err) {
        process.end();
    });
});
```

output.html
```html
<html class="app html-app">
    <head>
        <title>This is the title</title>
    </head>
    <body>
        <div id="container">
            <content class="main-content">
                <p>Adding in some more content</p>
                <p>This is some special content.</p>
            </content>
            <content>
                <p>This is extra content</p>
            </content>
        </div>
    </body>
</html>
```