open-index/open-npm huggingface dataset:
npm package: @ronashdkl/kod-product-images
Description: Product images for ecommerce websites
Author: Ronash Dhakal
Latest version: 0.0.0

# kodProduct Images Plugin

By Ronash Dhakal. Version 0.0.0

**Todo**

* [X] Image zoom

<br>
**Development Guide**

1. download the repository
2. cd into the project
3. `npm install` it and run it by
4. `npm start`
5. to build your project `npm build:prod`

<br>
**User Guide**

* Link style and script in html file from dist folder.
* copy assets directory to your project directory.
* copy and paste following code inside html body

```htmlbars
 <div class="kod_product_image">
        <div id="kod_thumbs_wrapper">
          <img src="/assets/n_p.png" class="kod_arrow up" alt="">
          <div id="kod_thumbs"></div>
          <img src="/assets/n_p.png" class="kod_arrow down" alt="">
        </div>
        <div id="kod_image"></div>
        <div id="kod_zoom"></div>
 </div>
```

* call <span class="colour" style="color:rgb(220, 220, 170)">KodProductImage() </span> inside script tag in html or create new custom.js and call it.

<span class="colour" style="color:rgb(220, 220, 170)">KodProductImage(image:array)</span> require images array. i.e url of image
<br>

```javascript
KodProductImage([
    '/assets/images/1.jpg',
    '/assets/images/2.jpg',
    '/assets/images/3.jpg',
    '/assets/images/4.jpg',
    '/assets/images/5.jpg',
    '/assets/images/6.jpg',
])();
```

**Screenshot**

![image](https://github.com/ronashdkl/js-product-images/blob/master/Screenshot.png?raw=true)
npm package: @ronbravo/raylib-js
Description: Binding browser side Javascript with the raylib game programming library.
Author: ronbravo
Latest version: 0.16.0

# Raylib-Js

**NOTE:** Please do **NOT** use this library yet...
> This library is **not** ready for use. Once it is released (hopefully by November of 2022) then this doc will be updated with a better way to install and run.

Binding browser side Javascript with the raylib game programming library. The purpose in binding to browser side Javascript is to take advantage of development environmet tools (vitejs, nodemon, refresh on change, etc). Now this is not expected to run fast as the purpose is to allow an easy foot in the door and allow working with Javascript. As the developer matures and becomes more familiar with the Raylib API and programming in general, the hope is they begin to transition to C by porting some of their projects.

Hopefully in the future this project will support a C workflow in the browser as to facilitate that process even more.

## Install and Setup

First make sure to install the library

```
npm install @ronbravo/raylib-js
yarn add @ronbravo/raylib-js
```

**NOTE:** This install currently only works for a Debian Linux environment. In the future support for MacOS or Windows might be added.

Next run the setup and build command for the project where you will be asked to enter your **sudo creds**. To setup run:

```
npx rljs-setup
```

This installation might take some time (roughly 15 minutes or so...) depending on your environment setup. This is because a lot of packages for the OS and nodejs have to be installed after which the building of raylib will happen. So go grab a cup of coffee...

## Resources

### Raylib

* [Raylib](https://www.raylib.com/)
* [Raylib Cheatsheet](https://www.raylib.com/cheatsheet/cheatsheet.html)
* [Working on GNU Linux](https://github.com/raysan5/raylib/wiki/Working-on-GNU-Linux)
* [Working for Web (HTML5)](https://github.com/raysan5/raylib/wiki/Working-for-Web-(HTML5))

### WebAssembly

* [Mozilla Tutorials on WebAssembly](https://developer.mozilla.org/en-US/docs/WebAssembly/Concepts)
* [Emscripten](https://emscripten.org/index.html) - A toolchain for building WebAssembly
* [WASMFiddle](https://wasdk.github.io/WasmFiddle/)

### Javascript

* [VueJs](https://vuejs.org/) - Used to build out the UI environment
* [UIKit](https://getuikit.com/docs/card) - Styled components for the UI
* [AnimeJs](https://animejs.com/documentation/) - Animation and keyframeing library
* [Mozilla Requestframe](https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame)
* [Requestframe Tutorial](https://www.kirupa.com/html5/animating_with_requestAnimationFrame.htm)

### Misc

* [ts2c - Typscript to C](https://github.com/andrei-markeev/ts2c)
* [ts2c - Online Preview](https://andrei-markeev.github.io/ts2c/)
* [Blitz3d](https://kippykip.com/b3ddocs/commands/index.htm) - Raylib api feels similar to working in Blitz3d
* [QuickJs](https://bellard.org/quickjs/) - An embeddable JS Engine
* [8bit Workshop](https://8bitworkshop.com/)
npm package: @ronbun/cli
Description: CLI for searching and managing academic papers with ronbun
Latest version: 0.2.0

# @ronbun/cli

CLI for searching and managing academic papers with ronbun.

## Install

```bash
npm i -g @ronbun/cli
```

## Usage

```bash
ronbun --help
```

Set API connection environment variables when needed:

- `RONBUN_API_URL` (default: `http://localhost:8787`)
- `RONBUN_API_TOKEN` (required for ingest/write operations)
npm package: @roncrush/react-keyed-file-browser
Description: Folder based file browser given a flat keyed list of objects, powered by React.
Author: Uptick Pty Ltd
Latest version: 1.9.0

# react-keyed-file-browser

[![Build Status](https://travis-ci.org/uptick/react-keyed-file-browser.svg?branch=master)](https://travis-ci.org/uptick/react-keyed-file-browser)
[![npm version](https://badge.fury.io/js/react-keyed-file-browser.svg)](http://badge.fury.io/js/react-keyed-file-browser)
![Downloads](http://img.shields.io/npm/dm/react-keyed-file-browser.svg?style=flat)

Folder based file browser given a flat keyed list of objects, powered by React.

## Live Demo

Check out the live demo here: http://uptick.github.io/react-keyed-file-browser/

## Installation

Install the package with npm:

```
npm install react-keyed-file-browser
```

Then require and use with ES6 imports:

```javascript
import React from 'react'
import ReactDOM from 'react-dom'

import FileBrowser from 'react-keyed-file-browser'

var mount = document.querySelectorAll('div.browser-mount');
ReactDOM.render(
  <FileBrowser
    files={[]}
  />,
  mount[0]
);
```

Include icons from FontAwesome 4:

```javascript
import React from 'react'
import ReactDOM from 'react-dom'

import FileBrowser, {Icons} from 'react-keyed-file-browser'

var mount = document.querySelectorAll('div.browser-mount');
ReactDOM.render(
  <FileBrowser
    files={[]}
    icons={Icons.FontAwesome(4)}
  />,
  mount[0]
);
```

or your own icons by specifying as so:
```javascript
  <FileBrowser
    files={[]}
    icons={{
      File: <i className="file" aria-hidden="true" />,
      Image: <i className="file-image" aria-hidden="true" />,
      PDF: <i className="file-pdf" aria-hidden="true" />,
      Rename: <i className="i-cursor" aria-hidden="true" />,
      Folder: <i className="folder" aria-hidden="true" />,
      FolderOpen: <i className="folder-open" aria-hidden="true" />,
      Delete: <i className="trash" aria-hidden="true" />,
      Loading: <i className="circle-notch spin" aria-hidden="true" />,
    }}
  />
```

Optionally, include the built css with an import:

```scss
@import 'node_modules/react-keyed-file-browser/dist/react-keyed-file-browser.css';

```

or tag:

```html
<link
  href="static/node_modules/react-keyed-file-browser/dist/react-keyed-file-browser.css"
  rel="stylesheet"
>
```

Full reference documentation coming soon. For now, take a look at the reference implementation with
event handlers on the live demo at http://uptick.github.io/react-keyed-file-browser/.