open-index/open-npm huggingface dataset:
npm package: @mikkelfrederiksen/fetcher
Description: ajax fetch wrapper
Author: Mikkel Frederiksen
Latest version: 2.0.3

# Ajax fetcher

This package makes it eazy to use fetch on website

## Npm install
```
npm i @mikkelfrederiksen/fetcher
```

## Usage

```javascript
import fetcher from "https://unpkg.com/@mikkelfrederiksen/fetcher@2.0.3/fetcher.js";
```
this line will import everything you need.

When you have imported the package you need to use it.

<br>

#### GET Method

When you use the 'GET' Method you need to change 'METHOD' to **get** and feed the function 2 parameters. First a link to the api. Then the key for your api.

```javascript
fetcher.get("LINK", "API Key")
.then(response => console.log(response))
```

<br>

#### POST Method

It's almost the same as 'GET'. Swich 'METHOD' to **post** and add the same 2 parameters as in the **get** method and add another one that is gonna be the data that has to be added to the api. 

the data has to be done in a specific way. It has to be an object that is in a variable.

```javascript
var data = { first_name: 'example' }
```

That variable is the one you put as the 3. parameter


```javascript
fetcher.post("LINK", "API Key", data)
.then(response => console.log(response))
```
<br>

#### PATCH Method

the 'PATCH' method is set up the same way as the 'POST' method only things that is different is that the METHOD has to be changed to **patch**

```javascript
fetcher.patch("LINK", "API Key", data)
.then(response => console.log(response))
```
<br>

#### DELETE Method

The 'DELETE' Method is most like the get method the only thing different is the METHOD.

```javascript
fetcher.delete("LINK", "API Key")
.then(response => console.log(response))
```
This will delete the place you are in the api.
npm package: @mikkelfrederiksen/rainbow-log
Description: Create a colourful console log
Author: Mikkel Frederiksen
Latest version: 2.0.0

# Rainbow-log
This awesome package makes a colourful console log.
It's epic. EPIC, I TEALL YOU

## Usage
`npm i @mikkelfrederiksen/rainbow-log`


```javascript
var rainbowLog = require("@mikkelfrederiksen/rainbow-log");

rainbowLog("I am awesome");

```
npm package: @mikker/btn
Description: A btn for use with Tachyons
Author: mikker
Latest version: 1.1.1

# @mikker/btn

**[DEMO and usage](https://mikker.github.io/btn/demo/)**

A `.btn` class for use with [Tachyons](http://tachyons.io).

Even though Tachyons' strictly functional style is great I always find myself re-adding some kind of base button to every project. This is it.

## Usage

Put this in your html **before** you include Tachyons.

```html
<link rel='stylesheet' href='https://unpkg.com/@mikker/btn@latest/css/btn.css' />
```

Or add it directly to your project:

```sh
npm install @mikker/btn
# or
yarn add @mikker/btn
```

Then using postcss or however you'd like

```css
@import '~tachyons';

@import '~btn';
/* or if you want to customize variables */
@import '~btn/src/btn';
```

**NB: Be sure to include `btn.css` _before_ `tachyons.css.**

## License

MIT
npm package: @mikker/chk
Description: A checkbox for use with Tachyons
Author: mikker
Latest version: 1.0.4

# @mikker/chk

A `.chk` checkbox class for use with [Tachyons](http://tachyons.io).

## Usage

Put this in your html **before** you include Tachyons.

```html
<link rel='stylesheet' href='https://unpkg.com/@mikker/chk@latest/css/chk.css' />
```

Or add it directly to your project:

```sh
npm install @mikker/chk
# or
yarn add @mikker/chk
```

Then using postcss or however you'd like

```css
@import '~tachyons';

@import '~chk;
/* or if you want to customize variables */
@import '~chk/src/chk;
```

**NB: Be sure to include `chk.css` _before_ `tachyons.css.**

## License

MIT
npm package: @mikker/contracts
Author: Mikkel Malmberg
Latest version: 0.6.1

```
        ████████████
      ██            ██
    ██              ██▓▓
    ██            ████▓▓▓▓▓▓
    ██      ██████▓▓▒▒▓▓▓▓▓▓▓▓
    ████████▓▓▓▓▓▓▒▒▒▒▒▒▒▒▒▒▒▒
    ██    ████████▓▓▒▒▒▒▒▒▒▒▒▒
    ██            ██▓▓▒▒▒▒▒▒▒▒
    ██              ██▓▓▓▓▓▓▓▓
    ██    ██      ██    ██       '||''|.                    ||           '||
    ██                  ██        ||   ||  ... ..   ....   ...  .. ...    || ...    ...   ... ... ...
      ██              ██          ||'''|.   ||' '' '' .||   ||   ||  ||   ||'  || .|  '|.  ||  ||  |
        ██          ██            ||    ||  ||     .|' ||   ||   ||  ||   ||    | ||   ||   ||| |||
          ██████████             .||...|'  .||.    '|..'|' .||. .||. ||.  '|...'   '|..|'    |   |
```

General purpose contracts for NFT-skewed Ethereum development.
npm package: @mikker/input
Description: An input for use with Tachyons
Author: mikker
Latest version: 1.0.2

# @mikker/input

**[DEMO and usage](https://mikker.github.io/input/demo/)**

A `.input` class for use with [Tachyons](http://tachyons.io).

Even though Tachyons' strictly functional style is great I always find myself re-adding some kind of base input to every project. This is it.

**NB: Be sure to include `input.css` _before_ `tachyons.css.**

### See also

* [btn](https://github.com/mikker/btn)

## License

MIT
npm package: @mikkio/randomid-generator
Description: this package allows you to use the function that generate random string containing:
Latest version: 1.0.2

# Random ID Generator

this package allows you to use the function that generate random string containing:

- big letters
- small leters
- numbers

You can install it through the following line:\
`npm i @mikkio/randomid-generator`

or in yarn:\
`yarn add @mikkio/randomid-generator`

after the import you can use the function:\
`randomID(number)`

`number` is the length of the generated ID
npm package: @mikkmartin/figma-js
Description: A simple wrapper for the Figma API
Latest version: 1.13.4

# Figma.js

A simple wrapper for the Figma API.

Cool projects using this:
- [figma-graphql](https://github.com/braposo/figma-graphql)
- [figmint](https://github.com/tiltshift/figmint)

## Usage

[Full documentation](http://jongold.github.io/figma-js) is available on the web and most everything is typed with TypeScript.

### Creating a client

Quickest start is to grab a personal access token from your Figma account settings page

```typescript
import * as Figma from 'figma-js';

const token = '12345';

const client = Figma.Client({
  personalAccessToken: token
});
```

Or if you're building an app with OAuth authentication, after you get back the OAuth access token…

```typescript
import * as Figma from 'figma-js';

const token = '12345';

const client = Figma.Client({
  accessToken: token
});
```

### Doing cool things

Once you have instantiated a client, have fun!

```typescript
client.file('file-id').then(({ data }) => {
  console.log(data);
});
```

### Just reusing types

All of the types in the Figma file format / API are exported.

```typescript
import * as Figma from 'figma-js';

const textNode: Figma.Text = {
  // … this should autocomplete if your editor is set up for it!
};
```

## Contributing

We used the [`typescript-starter`](https://github.com/bitjson/typescript-starter) repo for this - refer to its README for more detailed instructions.

Helpful development commands:

```sh
yarn watch
yarn docs
yarn docs:publish
```

### Contributions welcomed

* [ ] [generate types automatically](https://github.com/jongold/figma-js/issues/1)
* [ ] [add tests](https://github.com/jongold/figma-js/issues/2)

### Committing

```sh
yarn global add commitizen

# instead of git commit

git cz
```

## Contributors

* [@jongold](https://github.com/jongold/) (Airbnb)
* [@chrisdrackett](https://github.com/chrisdrackett/)