open-index/open-npm huggingface dataset:
npm package: @school-as-code/school-as-code-package
Description: NPM package to automate the learning space of school-as-code
Author: school-as-code
Latest version: 1.0.5

# School as Code: NPM package

This is the package used in the GitHub actions to set up the School As Code [template repository](https://github.com/school-as-code/school-as-code).

Why an NPM package?

- it can be used to set up the repository locally
- it can be run by an action to set up the repository with one click
- easier to develop than an action

---

## In the Bin

- **`/avatars.js`**: Fetches and saves the GitHub avatar for each learner into
  the `.school/assets/avatars` folder. These are used in the rendered README.
- **`/collaborators.js`**: Adds each learner as a collaborator in the
  repository.
- **`/full-setup.js`**: Does all of these things. Does not render the README
  until after the projecting is setup, it needs board and milestone numbers to
  render the README.
- **`/projecting.js`**: Setups up a project board, creates configured labels,
  and one milestone per material. It persists an updated config with the
  milestone and board numbers added (this is used to render the README).
- **`/render-readme.js`**: Renders a README with the configured materials,
  learners, and links filtering over repository issues & project board.
npm package: @school24/paymentjs-rn
Description: React Native WebView wrapper for PaymentJS (Adyen)
Author: School24
Latest version: 2.3.0

# @school24/paymentjs-rn

Webview wrapper for paymentjs for use inside School24 projects & react native apps

---

## Installation

```bash
npm install @school24/paymentjs-rn react-native-webview
npm package: @schoolbelle/sbe-survey-core
Description: This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.8.
Latest version: 0.0.0
Deprecated: nomore

# SbeSurveyCore

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.8.

## Development server

Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.

## Code scaffolding

Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.

## Build

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).
npm package: @schoolfunrun/cxsync
Description: A CSS-in-JS solution for functional CSS in functional UI components
Author: Ben O'Neal
Latest version: 1.1.0


# ϟ cxsync

Everything that CXS offers, except:
- styles are added synchronously so you don't get janky FOUS between UI state changes and CSS updates
- actually fucking uses its cache to avoid doing unecessary work. Jesus. 
- no longer tries to be "helpful" by extracing common properties into their own classes (for dubious benefit), fixing bugs related to media queries attempting to override these properties
- it accepts any number of style objects passed as args (combining them into one and returning a single className)
- it always prefixes all styles (so it's useful in production)
- it correctly handles IE's `ms` vendor prefix
- it only appends new selectors (that don't already exist in the `<head>`)
- it only prefixes necessary properties (those required by the environment) and only when necessary
- it handles `content: ''` to not require `content: '""'`
- it `console.warn`s when you attempt to use a property or value that isn't supported in the current environmnet

TODO: 
- media query smart ordering (hard problem)
- handle server-side rendering by doing all the vendor prefixing
npm package: @schoolgram-by-arbisoft/mod-boilerplate
Description: A CLI tool to generate boilerplate folder structure for sg mod plugin in moodle
Author: Muhammad Omer Nawaz
Latest version: 1.0.3

# SG Mod Boilerplate Generator

`sgmodgen` is a CLI tool to generate a boilerplate folder structure for an sg mod plugin in Moodle.

## Installation

To install `sgmodgen`, run:

```bash
npm install -g @schoolgram-by-arbisoft/mod-boilerplate
```

If you prefer not install it globally remove the ```-g ``` flag.

```bash
npm install @schoolgram-by-arbisoft/mod-boilerplate
```
## Usage

### Syntax

You can simply use thee ```sgmodgen``` command. The syntax is as follows: 

```sgmodgen [modname] [readable_name] [target_dir]```

Parameters:
```modname```: The name of the mod plugin e.g sgchasingthief
```readable_name```: The readable name of the plugin used as Title in modform and other places e.g "Chasing The Thief"
```target_dir```: path to the 'mod' folder, can be relative and absolute.

Note: If ```target_dir``` argument is missing, it will create the folder in the current working directory


### Global Install (using -g with npm install)

Simply run the ```sgmodgen``` command in the terminal.

For Example:

```sgmodgen sgelectronconfig "Electron Configuration"  ./mod/```

```sgmodgen sgelectronconfig "Electron Configuration" /Applications/MAMP/htdocs/schoolgram-web/mod/'```


### Local Install (omit -g flag)

If you omit the -g flag, you just need to use npx to run the command. 

For example:

```npx sgmodgen sgelectronconfig "Electron Configuration"  ./mod/```
npm package: @schoolhouse/avatars
Description: React component for avataaars 
Author: Fang-Pen Lin
Latest version: 0.0.6

# React component for Avataaars

The core React component for [Avataaars Generator](https://getavataaars.com/) developed by
[Fang-Pen Lin](https://twitter.com/fangpenlin), based on the Sketch library
[Avataaars](https://avataaars.com/) designed by [Pablo Stanley](https://twitter.com/pablostanley).

<p align="center"><img src='avataaars-example.png?raw=true' style='width: 300px; height: 300px;' /></p>

## Features

- SVG based
- Light weight
- Scalable
- Easy to use
- Easy to integrate with custom editor
- Comes with [official editor](https://getavataaars.com/)

## Usage

First, you need to install the avataaars component package, here you run

```bash
yarn add @schoolhouse/avatars
# OR
npm install @schoolhouse/avatars
```

if you are using npm. Then, in your React app, import the Avataaar component and put it where you
like it to be, for example

```jsx
import React from 'react'
import Avatar from '@schoolhouse/avatars'

export default class MyComponent extends React.Component {
  render() {
    return
    ;<div>
      Your avatar:
      <Avatar
        style={{ width: '100px', height: '100px' }}
        avatarStyle="Circle"
        topType="LongHairMiaWallace"
        accessoriesType="Prescription02"
        hairColor="BrownDark"
        facialHairType="Blank"
        clotheType="Hoodie"
        clotheColor="PastelBlue"
        eyeType="Happy"
        eyebrowType="Default"
        mouthType="Smile"
        skinColor="Light"
      />
    </div>
  }
}
```

To showcase individual pieces of the avatar you can use the Piece component, for example:

```jsx
import React from 'react'
import { Piece } from '@schoolhouse/avatars'

export default class MyComponent extends React.Component {
  render() {
    return
    ;<div>
      <Piece pieceType="mouth" pieceSize="100" mouthType="Eating" />
      <Piece pieceType="eyes" pieceSize="100" eyeType="Dizzy" />
      <Piece pieceType="eyebrows" pieceSize="100" eyebrowType="RaisedExcited" />
      <Piece pieceType="accessories" pieceSize="100" accessoriesType="Round" />
      <Piece pieceType="top" pieceSize="100" topType="LongHairFro" hairColor="Red" />
      <Piece pieceType="facialHair" pieceSize="100" facialHairType="BeardMajestic" />
      <Piece pieceType="clothe" pieceSize="100" clotheType="Hoodie" clotheColor="Red" />
      <Piece pieceType="graphics" pieceSize="100" graphicType="Skull" />
      <Piece pieceType="skin" pieceSize="100" skinColor="Brown" />
    </div>
  }
}
```

To explore avatar options and generate the React code, please use
[Avataaars Generator](https://getavataaars.com/)

## Collect options

To build your own avatar editor, you may want to use lower level `Avatar` component along with
`OptionContext`. For more details usage, please reference to source code of
[avataaars-generator](https://github.com/fangpenlin/avataaars-geneator), see how it uses
`OptionContext` to collection available options.
npm package: @schoolhouse/avatars-customizer
Description: Customizer for React Avatars
Author: cgross
Latest version: 0.0.2

# avatars-customizer

Embeddable custom avatar generator

![Screenshot](avatars-customizer.png)

## Install

```bash
npm install @schoolhouse/avatars-customizer
# OR
yarn add @schoolhouse/avatars-customizer
```

React, react-dom, avatars, and lodash are peer dependencies.

## Usage

```jsx
import React from 'react'

import AvatarsCustomerizer from '@schoolhouse/avatars-customizer'

function Example() {
  const [customizedAttributes,setCustomizedAttributes] = React.useState({
    topType:'LongHairMiaWallace',
    accessoriesType:'Prescription02',
    hairColor:'BrownDark',
    facialHairType:'Blank',
    clotheType:'Hoodie',
    clotheColor:'PastelBlue',
    eyeType:'Happy',
    eyebrowType:'Default',
    mouthType:'Smile',
    skinColor:'Light',
  });

  return (
    <AvatarsCustomizer value={customizedAttributes} onChange={setCustomizedAttributes}/>
  )
}
```

## License

MIT © [cgross](https://github.com/cgross)
npm package: @schoolhouse/zoomapi
Description: NodeJS library for working with the Zoom API.
Author: Sanders DeNardi
Latest version: 1.0.3

# zoomapi

NodeJS library for working with the Zoom API.

`zoomapi` provides server-side access to the [Zoom APIs](https://marketplace.zoom.us/docs/api-reference/introduction) via [JWT access tokens (deprecation scheduled for June 2023)](https://marketplace.zoom.us/docs/guides/build/jwt-app/) or [server-to-server OAuth](https://marketplace.zoom.us/docs/guides/build/server-to-server-oauth-app/). It's written completely in Typescript, and only has one dependency. Works on NodeJS version 8 and higher.

```sh
npm i @schoolhouse/zoomapi
# or
yarn add @schoolhouse/zoomapi
```

## Usage

```js
import zoomApi from '@schoolhouse/zoomapi';

// JWT app
const client = zoomApi({
  apiKey: process.NODE_ENV.ZoomApiKey,
  apiSecret: process.NODE_ENV.ZoomApiSecret,
  webhookSecretToken: process.NODE_ENV.webhookSecretToken
});
// or Server-to-Server OAuth app
const client = zoomApi({
  accountId: process.NODE_ENV.ZoomAccountId,
  oauthClientId: process.NODE_ENV.ZoomOAuthClientId,
  oauthClientSecret: process.NODE_ENV.ZoomOAuthClientSecret,
  webhookSecretToken: process.NODE_ENV.webhookSecretToken,
  /**
   * optional function called when access token is retrieved
   */
  onSetAccessToken: async (token) => {
    return await setToken(token);
  },
  /**
   * optional function to explicitly supply an access token,
   * instead of fetching a new one
   */
  onGetAccessToken: async () => {
    return await getToken();
  }
});

const users = await client.users.ListUsers();
```

## API Progress

This library doesn't (yet) implement every API call. PRs are welcome and encouraged.

## Tests

None yet.

## Contributing

Pull requests are more than welcome! Please follow existing naming and style conventions, and correct any linting errors.

## License

MIT