open-index/open-npm huggingface dataset:
npm package: @sociate/style-discovery
Description: A style discovery component that can be easily integrated into any website.
Latest version: 1.0.8

# Sociate Style Discovery

A style discovery component that can be easily integrated into any website.

## Installation

Add the component to your website by including the script:

```html
<script src="https://unpkg.com/@sociate/style-discovery@1.0.1/dist/index.js"></script>
```

## Basic Usage

1. First, define an element that will serve as a trigger button:
```html
<button id="open-sociate">Open Sociate Style</button>
```

2. Then, add the Sociate Style component to your HTML:
```html
<sociate-style
  token="your-token-here"
  trigger-id="open-sociate"
  is-static-page="false"
></sociate-style>
```

## Attributes

- `token` (required): Your Sociate authentication token
- `trigger-id` (required): ID of the HTML element that will trigger the component
- `is-static-page` (optional): Indicates if the page is static (default: false)

## Complete Example

```html
<!DOCTYPE html>
<html>
<head>
  <title>Sociate Style Example</title>
</head>
<body>
  <button id="open-sociate">Discover Style</button>
  
  <sociate-style
    token="your-token-here"
    trigger-id="open-sociate"
  ></sociate-style>

  <script src="https://unpkg.com/@sociate/style-discovery@1/dist/index.js"></script>
</body>
</html>
```
npm package: @societyone/s1-component-lib
Description: ## Project setup ``` yarn install ```
Latest version: 0.1.57

# s1-component-lib

## Project setup
```
yarn install
```

### Compiles and hot-reloads for development
```
yarn run serve
```

### Compiles and minifies for production
```
yarn run build
```

### Run your tests
```
yarn run test
```

### Lints and fixes files
```
yarn run lint
```

### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/).
npm package: @societyone/s1-component-library
Description: ```yarn install```
Latest version: 0.2.6

# Project setup
```yarn install```

### Compiles and hot-reloads for development
```yarn run serve```

### Compiles and minifies for production
```yarn run build```

### Lints and fixes files
```yarn run lint```

# How to publish changes to the component library
Note: You will need to be added as an admin before you are able to publish to the npm module

1. clone repo to your local machine
2. Run `yarn install`
3. run `yarn run serve`
4. Make your changes, update the version in package.json (you will not be able to publish without doing this)
5. Once ready to commit your changes, run `yarn run build-bundle` (this generates you /dist/ files to be used in your projects)
6. Commit your changes and push
7. Run `npm publish` - and tada! You just published your changes
8. Finally, in your project (e.g. the Agri Portals), run `yarn add @societyone/s1-component-library@latest` to pull in the latest version of the module into your project

# How to use this library
To use this library in your project, you will need to have tailwind.js already set up. A guide to doing so can be found here https://tailwindcss.com/docs/installation.

Once the installation is complete, you should have a tailwind.js file that resembled that in this repository (see tailwind.js). To use the component library in your project you will need to import the tailwind config from this repo, into your projects local tailwind.js file. Follow the below steps to get set up:


1. Install Tailwind into your local project (https://tailwindcss.com/docs/installation), you should have a tailwind.js file included in your set up.
2. Install the component library in your project using `yarn add @societyone/s1-component-library@latest`
2. Copy the example.tailwind.js file into the local tailwind.js file in your project to import the component library config and link it to the generated classes in your local config.

# Access
To gain access to editor rights for the component library, you will need to be added by an admin.
npm package: @societyone/s1-components
Description: ## Project setup
Latest version: 0.1.56

# s1-component-library

## Project setup

```
yarn install
```

### Compiles and hot-reloads for development

```
yarn run serve
```

### Compiles and minifies for production

```
yarn run build
```

### Lints and fixes files

```
yarn run lint
```

# How to publish changes to the component library

Note: You will need to be added as an admin before you are able to publish to the npm module

```
1. clone repo to your local machine
2. Run `yarn install`
3. run `yarn run serve`
4. Make your changes, update the version in package.json (you will not be able to publish without doing this)
5. Once ready to commit your changes, run `yarn run build-bundle` (this generates you /dist/ files to be used in your projects)
6. Commit your changes and push
7. Run `npm publish` - and tada! You just published your changes
8. Finally, in your project (e.g. the Agri Portals), run `yarn add @societyone/s1-components@latest` to pull in the latest version of the module into your project
```

# How to use this library

To use this library in your project, you will need to have tailwind.js already set up. A guide to doing so can be found here https://tailwindcss.com/docs/installation.

Once the installation is complete, you should have a tailwind.js file that resembled that in this repository (see tailwind.js). To use the component library in your project you will need to import the tailwind config from this repo, into your projects local tailwind.js file. Follow the below steps to get set up:

```

1. Install Tailwind into your local project (https://tailwindcss.com/docs/installation), you should have a tailwind.js file included in your set up.
2. Install the component library in your project using `yarn add @societyone/s1-components@latest`
2. Copy the example.tailwind.js file into the local tailwind.js file in your project to import the component library config and link it to the generated classes in your local config.

```