open-index/open-npm huggingface dataset:
npm package: @saticoy/ui
Description: UI components for Saticoy.
Author: Daryl Stark
Latest version: 0.0.6-dev

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
npm package: @satilian/library
Description: Library of react components
Author: Satilian
Latest version: 1.0.4

## Available Scripts

In the project directory, you can run:

### `yarn start`

Runs the app in the development mode.<br />
Open [http://localhost:8000](http://localhost:8000) to view it in the browser.

The page will reload if you make edits.<br />
You will also see any lint errors in the console.

### `yarn build`

Builds the app for production to the `build` folder.<br />
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br />
Your app is ready to be deployed!
npm package: @satis-sun/modularity-plugin
Description: 动态配置工程模块化
Author: sunshaobei
Latest version: 1.0.5

# modularity-plugin
### 简介
自动配置工程模块化

### 使用方式
### 1.在项目工程hvigor目录中的hvigor-config.json5文件中配置
```text
{
  "dependencies": {
    //1：配置安装插件
    "@satis-sun/modularity-plugin": "^1.0.5"
  }
}
```

### 2.配置项目工程根目录的hvigorfile.ts文件(不是module下的hvigorfile.ts)
```text
import { hspTasks } from '@ohos/hvigor-ohos-plugin';
//1：导入插件包
import {ModularityPlugin } from "@satis-sun/modularity-plugin"

export default {
    system: hspTasks,
    plugins:[ModularityPlugin()] 
}
```
npm package: @satisfactor/web-integration-angular
Description: This package helps you integrate the satisfaction survey into any website implemented in angular
Author: Andros Serrano
Latest version: 1.0.2

# @angular/web-integration-angular

> This package helps you integrate the satisfaction survey into any website implemented in angular

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

## Install

```bash
npm install --save @satisfactor/web-integration-angular
```

## Usage

### App Module

```js
import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";

import { AppComponent } from "./app.component";
import { SatisfactorModule } from "@satisfactor/web-integration-angular";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, SatisfactorModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}
```

### App Component

```js
import { Component } from "@angular/core";
import { UserSurveyModel } from "@satisfactor/web-integration-angular";

@Component({
  selector: "app-root",
  template: `
    <div>
      <span>{{ title }} app is running!</span>
      <satisfactor [userSurvey]="userSurvey" [projectToken]="projectToken"></satisfactor>
    <div>
  `,
  styleUrls: ["./app.component.css"]
})
export class AppComponent {
  title = "Test Angular Integration";
  userSurvey: UserSurveyModel;
  projectToken: string;
  constructor() {
    this.loadUserDataSurvey();
  }

  loadUserDataSurvey() {
    this.projectToken = "LCr8nhtFgB7nrFa7WD8o1h8iHWo9VNLc";
    this.userSurvey = new UserSurveyModel(
      "1",
      "Testing testify",
      "test@gmail.com",
      "+1 9876543210",
      "Testing Company"
    );
  }
}
```

## License

MIT © [](https://github.com/)