open-index/open-npm huggingface dataset:
npm package: @sagasphere/cli
Description: Command line tool for the SagaSphere's services
Author: K0rdan
Latest version: 0.0.4

# NOVA

## Services CLI

### Description

Command line tool for the SagaSphere's services.

### Usage

Run the following commands to install the package for development :

```
yarn build
yarn link
```

If you want to keep the package up to date of your changing sources use the script :

```
yarn dev
```
npm package: @sagasphere/utils
Description: Utility tools for the SagaSphere's services
Author: K0rdan
Latest version: 0.0.3

## Utility tools

### Description

Utility tools for the SagaSphere's services.

### Usage

Run the following commands to install the package for development :

```
yarn build
yarn link
```

If you want to keep the package up to date of your changing sources use the script :

```
yarn dev
```
npm package: @sagb_24/mytimerjs
Description: Simple timer developed in Javascript.
Author: Sergio González
Latest version: 1.4.4

## MyTimerJS ⏱

![Screenshot (31)](https://user-images.githubusercontent.com/37419848/116169199-c7767a80-a6c9-11eb-90ff-3ca32598b67d.png)
In this project a timer was developed using Javascript; This in order to be able to easily implement this element in future projects. And in turn, learn to publish open source projects in NPM.

## Installation

Use the JavaScript package manager [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/) to install.

```bash
npm install @sagb_24/mytimerjs 
or
yarn add @sagb_24/mytimerjs
```

## Getting started

1. Set an id in the container where the timer will be displayed.

```html
<div id="timerJS">00:00:00</div>
```
2. Put the type "module" in the link of your external JavaScript file.

```html
<script type="module" src="./index.js"></script>
```
3. Don't forget to run your code from a local server.

## In your JavaScript file
- Import the "Timer" class using a relative path to your main JavaScript file.
- Then you must instantiate the class passing it as a parameter the id of the container that you set in the HTML and the format you want to use.
- Finally we will call the basic functions of the timer.

```javascript
import Timer from "../node_modules/@sagb_24/mytimerjs/dist/mytimer.min.js";

const init = new Timer({
  // USE HTML ELEMENT ID
  idContainer: 'timerJS',  
  // THE TYPE OF TIMER TO USE IS INDICATED
  // HOURS:MINUTES:SECONDS | 00:00:00
  // MINUTES:SECONDS | 00:00
  timerFormat: '00:00:00' 
});

init.start(); // METHOD THAT START THE TIMER
init.pause() // METHOD THAT PAUSES THE TIMER
init.stop(); // METHOD THAT STOPS THE TIMER
init.getCurrentTime(); // METHOD THAT RETURNS LAST STORED VALUE OF THE TIMER
```
## Sample project

- In the following link you can access the [demo site](https://my-timer-demo.vercel.app/) 🔮 where you can use the basic functions of myTimerJS.
- You can also clone the [demo repository](https://github.com/Sergio9815/my-timer-demo) and check the initial configuration.
npm package: @sage-bionetworks/esbuild-plugin-svgr
Description: A plugin for esbuild that enables importing *.svg files as React components.
Author: Kazi Jawad
Latest version: 0.0.4

# esbuild-plugin-svgr

A plugin for [esbuild](https://github.com/evanw/esbuild) that adds support for `*.svg` file imports as React components. This is a fork of [kazijawad/esbuild-plugin-svgr](https://github.com/kazijawad/esbuild-plugin-svgr) and is built on top of [SVGR](https://github.com/gregberge/svgr).

## Basic Usage

1. Install the plugin in your project:
```bash
npm install --save-dev @sage-bionetworks/esbuild-plugin-svgr
# or use yarn
yarn add --dev @sage-bionetworks/esbuild-plugin-svgr
```

2. Add this plugin to your esbuild build script:
```js
const svgrPlugin = require('@sage-bionetworks/esbuild-plugin-svgr');

esbuild.build({
    plugins: [
        svgrPlugin(),
    ],
});
```

3. Import your `*.svg` file from JavaScript:
```js
import Icon from './icon.svg';

function App() {
    return (
        <div>
            <Icon />
        </div>
    );
}
```

4. Pass in optional [supported](https://react-svgr.com/docs/options/) configuration options:
```js
esbuild.build({
    plugins: [
        svgrPlugin({ ref: true }),
    ],
});
```

## Author

This fork is maintained by [Sage Bionetworks](https://sagebionetworks.org/). Originally by [Kazi Jawad](https://github.com/kazijawad).

## License

This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/Sage-Bionetworks/esbuild-plugin-svgr/blob/main/LICENSE.md) file for details.

## Acknowledgements

[SVGR](https://github.com/gregberge/svgr)
npm package: @sage-bionetworks/markdown-it-container
Description: Plugin to create block-level custom containers for markdown-it markdown parser
Latest version: 4.0.1

# @sage-bionetworks/markdown-it-container

[![NPM version](https://img.shields.io/npm/v/@sage-bionetworks/markdown-it-container.svg?style=flat)](https://www.npmjs.org/package/@sage-bionetworks/markdown-it-container)

> Plugin for creating block-level custom containers for [markdown-it](https://github.com/markdown-it/markdown-it) markdown parser.

**v2.+ requires `markdown-it` v5.+, see changelog.**

With this plugin you can create block containers like:

```
::: warning
*here be dragons*
:::
```

.... and specify how they should be rendered. If no renderer defined, `<div>` with
container name class will be created:

```html
<div class="warning">
  <em>here be dragons</em>
</div>
```

Markup is the same as for [fenced code blocks](http://spec.commonmark.org/0.18/#fenced-code-blocks).
Difference is, that marker use another character and content is rendered as markdown markup.

## Installation

node.js, browser:

```bash
$ npm install markdown-it-container --save
$ bower install markdown-it-container --save
```

## API

```js
var md = require('markdown-it')()
            .use(require('markdown-it-container'), name [, options]);
```

Params:

- **name** - container name (mandatory)
- **options:**
  - **validate** - optional, function to validate tail after opening marker, should
    return `true` on success.
  - **render** - optional, renderer function for opening/closing tokens.
  - **marker** - optional (`:`), character to use in delimiter.

## Example

```js
var md = require('markdown-it')()

md.use(require('markdown-it-container'), 'spoiler', {
  validate: function (params) {
    return params.trim().match(/^spoiler\s+(.*)$/)
  },

  render: function (tokens, idx) {
    var m = tokens[idx].info.trim().match(/^spoiler\s+(.*)$/)

    if (tokens[idx].nesting === 1) {
      // opening tag
      return '<details><summary>' + md.utils.escapeHtml(m[1]) + '</summary>\n'
    } else {
      // closing tag
      return '</details>\n'
    }
  },
})

console.log(md.render('::: spoiler click me\n*content*\n:::\n'))

// Output:
//
// <details><summary>click me</summary>
// <p><em>content</em></p>
// </details>
```

## License

[MIT](https://github.com/markdown-it/markdown-it-container/blob/master/LICENSE)