open-index/open-npm huggingface dataset:
npm package: @fourjs/tslint-rules
Description: Standard tslint rules
Author: Tushar Nimje
Latest version: 2.2.0

# tslint-rules
[![Build Status](https://semaphoreci.com/api/v1/nimjetushar/tslint-rules/branches/master/shields_badge.svg)](https://semaphoreci.com/nimjetushar/tslint-rules)
<br>
![npm](https://img.shields.io/npm/v/@fourjs/tslint-rules)
[![GitHub license](https://img.shields.io/github/license/nimjetushar/tslint-rules)](https://github.com/nimjetushar/tslint-rules/blob/master/LICENSE)

Standard tslint rules 

## Installation

` npm i @fourjs/tslint-rules -D `

Extend `@fourjs/tslint-rules` to apply rules.

```
{
  "extends": "@fourjs/tslint-rules"
}
```

Override rules by adding rules as mentioned below 
```
{
  "extends": "@fourjs/tslint-rules",
  "rules": {
    // add rules here...
  }
}
```
npm package: @fourkitchens/gltf-converter
Description: [![Build Status](https://travis-ci.org/fourkitchens/gltf-converter.svg?branch=master)](https://travis-ci.org/fourkitchens/gltf-converter)
Author: Elliott Foster
Latest version: 1.0.0

# glTF converter

[![Build Status](https://travis-ci.org/fourkitchens/gltf-converter.svg?branch=master)](https://travis-ci.org/fourkitchens/gltf-converter)

A lambda for converting obj assets to glTF.
npm package: @fouro/all-in-one
Description: javascript kit
Latest version: 1.0.30

## 主要包括以下内容
- utils/kit 一些通用的工具函数封装
- utils/element-loader  elementui 的按需加载，解决打包问题
- mixin/*.js 一些常用的 vue 的 mixins:
   - dialog 模态框
   - form 表单校验，依赖 elementui (async-validator 实现)
   - listpage table 列表页数据请求/分页/交互
   - table 动态计算 table 高度
   - validate 基于 async-validator 的表单验证扩展


   npm publish --access=public
npm package: @fourpost/gatsby-source-eventbrite
Description: Gatsby source plugin for integration of eventbrite events.
Author: Luis Höfer
Latest version: 1.0.3


# gatsby-source-eventbrite

[![Greenkeeper badge](https://badges.greenkeeper.io/GatsbyCentral/gatsby-source-eventbrite.svg)](https://greenkeeper.io/)
[![Build Status](https://travis-ci.org/GatsbyCentral/gatsby-source-eventbrite.svg?branch=master)](https://travis-ci.org/GatsbyCentral/gatsby-source-eventbrite)

Source plugin for pulling events and related data from eventbrite. 

WORK IN PROGRESS: At the moment it just fetches `events` and `venues` from eventbrite.com without further processing or filtering. Other Endpoints are configurable but haven't been tested yet.
Works with Eventbrite's API v3.

## Install

`npm install --save gatsby-source-eventbrite`

## How to use

```javascript
// In your gatsby-config.js
plugins: [
  {
    resolve: `gatsby-source-eventbrite`,
    options: {
      organizationId: `The ID of your organization`,
      accessToken: `your_access_token`,
      // OPTIONAL: Defaults are Events and Venues
      entities: ['events', 'venues','...']
    },
  },
]
```
npm package: @fourprinciples/amana-component-library
Description: Amana Component Library
Author: Four Principles
Latest version: 0.1.0

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @foursquare/foursquare-places
Description: This is a javascript wrapper for Foursquare's APIs
Author: @dwyfrequency
Latest version: 1.0.3

# Summary

framework agnostic javascript wrapper for foursquare's APIs

[![CircleCI](https://circleci.com/gh/foursquare/foursquare-places/tree/master.svg?style=svg)](https://circleci.com/gh/foursquare/foursquare-places/tree/master)

## Tests

yarn or npm `yarn test`

## Commit Policy

please test any functions added and put the tests in the `/tests` folder

## React Example

Here is a simple react application:

1. Setup React Project

`npx create-react-app mr-jitters`

2. Install Package

`cd mr-jitters`

`npm install -i @foursquare/foursquare-places`

3. Create ./.env file and add CLIENT_ID and CLIENT_SECRET

```
REACT_APP_CLIENT_ID=InsertClientId
REACT_APP_CLIENT_SECRET=InsertClientSecret
```

4. Add Env file to .gitignore

```
# env
.env
```

5. Modify your src/App.js

```
import React, { useState, useEffect } from "react";
import Foursquare from "@foursquare/foursquare-places";

// need to create an .env file - see instructions in link
// https://stackoverflow.com/questions/48699820/how-do-i-hide-api-key-in-create-react-app
const CLIENT_ID = process.env.REACT_APP_CLIENT_ID;
const CLIENT_SECRET = process.env.REACT_APP_CLIENT_SECRET;
const foursquare = new Foursquare(CLIENT_ID, CLIENT_SECRET);

const App = () => {
  const [items, setItems] = useState([]);
  const [params, setParams] = useState({
    ll: "37.7749,-122.4194",
    query: "Blue Bottle"
  });

  useEffect(() => {
    foursquare.venues.getVenues(params).then(res => {
      setItems(res.response.venues);
    });
  }, [params]);

  return (
    <div>
      <div>Items:</div>
      {items.map(({ id, name }) => (
        <div key={id}>{name}</div>
      ))}
    </div>
  );
};

export default App;
```

6. Start your React App

`npm start`
npm package: @fourteenmeister/cra-template-typescript
Description: The base TypeScript template for Create React App.
Latest version: 0.0.1-alpha.3

# cra-template-typescript

This is the official TypeScript template for [Create React App](https://github.com/facebook/create-react-app).

To use this template, add `--template typescript` when creating a new app.

For example:

```sh
npx create-react-app my-app --template typescript

# or

yarn create react-app my-app --template typescript
```

For more information, please refer to:

- [Getting Started](https://create-react-app.dev/docs/getting-started) – How to create a new app.
- [User Guide](https://create-react-app.dev) – How to develop apps bootstrapped with Create React App.
npm package: @fourthofaugust/udutha-ui
Description: a set of angular components built using vanilla-framework css by canonical
Latest version: 1.0.8
Deprecated: this package has been deprecated

# Udutha UI

Udutha UI is an open source [Angular v9](https://github.com/angular) component library based on [Vanilla Framework](https://vanillaframework.io/) by [Canonical](https://canonical.com/).

## Installation

1.  Install the Angular package through npm:

    ```bash
    npm i @fourthofaugust/udutha-ui
    ```

2.  Import the `UduthaUiModule` into your Angular application's module. 

    ```typescript
    // Sample app.module.ts
    import { NgModule } from '@angular/core';
    import { BrowserModule } from '@angular/platform-browser';
    import { UduthaUiModule } from '@foa/udutha-ui';
    import { AppComponent } from './app.component';

    @NgModule({
        imports: [
            BrowserModule,
            UduthaUiModule,
         ],
         declarations: [ AppComponent ],
         bootstrap: [ AppComponent ]
    })
    export class AppModule {}
    ```
3. Add the following file to the styles array in `angular.json`
    ```javascript
     "styles": [
               "node_modules/@fourthofaugust/udutha-ui/src/lib/styles/udutha.scss"
           ]
    ```

## Documentation

Click [here](/docs/COMPONENTS.md) for documentation including a list of components, usage,
and examples.

## Feedback

If you find a bug or want to request a new feature, please open a [GitHub issue](https://github.com/fourthofaugust/udutha-ui/issues).

## Contributors
* [Phani Mahesh](https://github.com/fourthofaugust)
* [Aditya Peesapati](https://github.com/adityapeesapati)

## License

MIT
npm package: @fourwaves/tiptap-extension-video
Description: a video embed extension for tiptap
Latest version: 1.0.1

# @fourwaves/tiptap-extension-video

## Introduction

This project is a fork of [@tiptap/extension-youtube](https://github.com/ueberdosis/tiptap/tree/main/packages/extension-youtube) that has been modified to support both Vimeo and YouTube videos. It works with the Tiptap editor, which is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors.

## Official Documentation

For general Tiptap usage and setup, please refer to the [Tiptap website](https://tiptap.dev/).

## Installation

```bash
npm install @fourwaves/tiptap-extension-video
```

## Usage

```typescript
import { Vimeo, Youtube } from '@fourwaves/tiptap-extension-video';

const editor = new Editor({
  extensions: [Vimeo, Youtube],
});
```
npm package: @fourwaves/tiptap-extension-vimeo
Description: a vimeo embed extension for tiptap
Latest version: 1.0.2

# @fourwaves/tiptap-extension-vimeo

## Introduction

This project is a fork of [@tiptap/extension-youtube](https://github.com/ueberdosis/tiptap/tree/main/packages/extension-youtube) that has been modified to support embedding Vimeo videos instead of YouTube. It works with the Tiptap editor, which is a headless wrapper around ProseMirror – a toolkit for building rich text WYSIWYG editors.

## Official Documentation

For general Tiptap usage and setup, please refer to the [Tiptap website](https://tiptap.dev/).

## Installation

```bash
npm install @fourwaves/tiptap-extension-vimeo
```

## Usage

```typescript
import { Vimeo } from '@fourwaves/tiptap-extension-vimeo';

const editor = new Editor({
  extensions: [Vimeo],
});
```

### Configuration Options

The following options can be passed to `Vimeo.configure` along with their default values:

- `addPasteHandler`: `true` – Enable or disable handling of pasted Vimeo URLs.
- `autoplay`: `false` – Enable or disable autoplay.
- `autopause`: `undefined` – Automatically pause other videos when playing this one.
- `background`: `undefined` – Play video as a background without sound.
- `byline`: `undefined` – Show or hide the byline on the video.
- `color`: `undefined` – Set a specific color for the video player.
- `colors`: `undefined` – Specify colors to use for the player interface.
- `controls`: `true` – Show or hide video controls.
- `dnt`: `undefined` – Disable tracking (Do Not Track).
- `keyboard`: `undefined` – Enable or disable keyboard shortcuts.
- `loop`: `false` – Enable or disable looping.
- `muted`: `undefined` – Mute or unmute the video.
- `pip`: `undefined` – Enable or disable picture-in-picture mode.
- `playsinline`: `undefined` – Play video inline on iOS devices.
- `portrait`: `undefined` – Show or hide the portrait on the video.
- `quality`: `undefined` – Set the quality of the video (e.g., '1080p').
- `speed`: `undefined` – Enable or disable playback speed controls.
- `texttrack`: `undefined` – Specify text track language for subtitles.
- `title`: `undefined` – Show or hide the title of the video.
- `transparent`: `undefined` – Enable or disable transparent background.
- `transcript`: `undefined` – Show or hide the transcript.
- `HTMLAttributes`: `{}` – Set additional HTML attributes for the player.
- `inline`: `false` – Enable or disable inline video display.
- `width`: `640` – Set the width of the video player.
- `height`: `480` – Set the height of the video player.

## License

This project is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).
npm package: @fourze/server
Description: ## Usage
Author: Chizuki
Latest version: 0.31.3

# Fourze Server

## Usage

```
import { defineRouter } from "@fourze/core";
import { createServer } from "@fourze/server"

const server = createServer({
    host: "localhost",
    base: "/api"
})

server.use(defineRouter(router=>{
  router.get("/hello",(req,res)=>{
    return "hello,world"
  })
}))

server.listen(7609)

```
` GET http://localhost:7609/api/hello `
```
{
  "hello": "world"
}
```
npm package: @fourze/vite
Description: ## Usage
Author: Chizuki
Latest version: 0.31.3

# Fourze Vite Plugin

## Usage

`pnpm add @fourze/vite`

vite.config.ts

```ts
import fourze from "@fourze/vite";

export default defineConfig({
  plugins: [
    fourze({
      base: "/api"
    })
  ],
});
```

then you can fetch `/api/hello` to get response.