open-index/open-npm huggingface dataset:
npm package: @metafoks/extension-mongodb
Description: Metafoks mongodb extension
Author: Yakov Foks
Latest version: 1.0.2

# Metafoks MongoDB Extension

## How to use?

```shell
npm i @metafoks/mongodb
```

setup `config/config.json` file:

```json
{
  "mongodb": {
    "database": "databaseName",
    "uri": "uri string"
  }
}
```

add extension to your application

```typescript
import { MetafoksApplication } from "@metafoks/app";
import { mongoDbExtension } from "@metafoks/mogodb";

@MetafoksApplication( {
    with: [mongoDbExtension]
} )
```

it will automatically connect to database when the application starts. If you dont want auto-connect,
set `mongodb.autorun:false` in your config file.

## Component

After all you can simply use `db` component. You can change it by config `mongodb.componentName` - set it as you want.

```typescript
import { MetafoksApplication } from "@metafoks/app";
import { MongoDbComponent } from "@metafoks/mongodb";

@MetafoksApplication( {
    with: [mongoDbExtension]
} )
class Application {
    constructor(private deps: { db: MongoDbComponent }) {}

    start() {
        const collection = this.deps.db.getCollection<UserEntity>( "users" );
        //...
    }
}
```
npm package: @metafoks/mongodb
Description: Metafoks mongodb extension
Author: Yakov Foks
Latest version: 2.2.0

# Metafoks MongoDB Extension

## How to use?

```shell
npm i @metafoks/mongodb
```

setup `config/config.json` file:

```json
{
  "mongodb": {
    "database": "databaseName",
    "uri": "uri string"
  }
}
```
npm package: @metafold/threejs
Description: Metafold three.js addon
Author: Metafold 3D
Latest version: 0.3.0

# Metafold three.js addons

[![npm](https://img.shields.io/npm/v/@metafold/threejs.svg)](https://www.npmjs.org/package/@metafold/threejs)

## Installation

Include the following imports in the HTML head element, adjusting version numbers as appropriate:

```html
<head>
  <!-- ... -->
  <script type="importmap">
    {
      "imports": {
        "three": "https://unpkg.com/three@0.162.0/build/three.module.js",
        "three/addons/": "https://unpkg.com/three@0.162.0/examples/jsm/",
        "@metafold/threejs": "https://unpkg.com/@metafold/threejs@0.1.0/dist/main.js"
      }
    }
  </script>
</head>
```

## Usage

As with the [three.js post-processing guide][], start by importing the required passes:

```javascript
import { EffectComposer } from "three/addons/postprocessing/EffectComposer.js"
import { RenderPass } from "three/addons/postprocessing/RenderPass.js"
import { OutputPass } from "three/addons/postprocessing/OutputPass.js"
import { VolumeRenderPass } from "@metafold/threejs/VolumeRenderPass.js"
```

In this example we include a standard scene `RenderPass` and the `VolumeRenderPass` introduced by
this addon.

```javascript
const renderTarget = new THREE.WebGLRenderTarget(width, height)
renderTarget.depthTexture = new THREE.DepthTexture()

const composer = new EffectComposer(renderer, renderTarget)
```

Note the `EffectComposer` should be initialized with a render target that **includes a depth
texture** to make the depth of previous passes available to the `VolumeRenderPass`. This enables the
`VolumeRenderPass` to composite the rendered shape with any geometry from previous passes.

```javascript
const renderPass = new RenderPass(scene, camera)
composer.addPass(renderPass)

// Dummy data to initialize volume render pass
const volumeData = new Int8Array(64 * 64 * 64)
volumeData.fill(127)

const volumeRenderPass = new VolumeRenderPass(camera, width, height, volumeData, {
  size: new THREE.Vector3(2.0, 2.0, 2.0),
  // The resolution *must* match the volume data length
  resolution: new THREE.Vector3(64, 64, 64),
})
composer.addPass(volumeRenderPass)

const outputPass = new OutputPass()
composer.addPass(outputPass)
```

Initializing the `VolumeRenderPass` is simple as that!

After receiving volume data from the Metafold API, set the data on the pass as an `Int8Array` and
provide the corresponding patch parameters (size and resolution):

```javascript
const volumeData = new Int8Array(buffer)
volumeRenderPass.setVolume(volumeData, { size, resolution })
```

See [examples/lattice_infill](examples/lattice_infill) for a complete example (including
[Metafold SDK for Node.js][] usage)!

[three.js post-processing guide]: https://threejs.org/docs/index.html#manual/en/introduction/How-to-use-post-processing
[Metafold SDK for Node.js]: https://github.com/Metafold3d/metafold-node
npm package: @metagame/tiny
Description: Removes all spaces from a string
Latest version: 2.0.2

# [@metagame/tiny](https://teamyudin.github.io/tiny/)

[![npm (scoped)](https://img.shields.io/npm/v/@metagame/tiny.svg)](https://www.npmjs.com/package/@metagame/tiny)

Removes all spaces from a string.

## Install

```
$ npm install @metagame/tiny
```

## Usage

```js
const tiny = require("@metagame/tiny");

tiny("So much space!");
//=> "Somuchspace!"

tiny(1337);
//=> Uncaught TypeError: Tiny wants a string!
//    at tiny (<anonymous>:2:41)
//    at <anonymous>:1:1
```
npm package: @metagg/mgg-uikit
Description: Set of UI components for MGG projects
Latest version: 1.1.3


# MGG UIkit
  

MGG UIkit is a set of React components and hooks used to build pages on Pancake's apps. It also contains a theme file for dark and light mode.

  

## 1. Install

  
#### 1.a With Yarn
`yarn add @metagg/mgg-uikit`

#### 1.b With NPM
`npm install @metagg/mgg-uikit`

## 2. Setup

  

#### 2.a Theme

  

Before using MGG UIkit, you need to provide the theme file to styled-component.

  

```

import { ThemeProvider } from 'styled-components'

import { light, dark } from '@metagg/MGG-uikit

...

<ThemeProvider theme={isDark}>...</ThemeProvider>

```

  

#### 2.b Reset

  

A reset CSS is available as a global styled component.

  

```

import { ResetCSS } from '@metagg/MGG-uikit'

...

<ResetCSS />

```

  

## 3. Types


This project is built with Typescript and export all the relevant types.

  
## 4. Devs Section

#### How to start contributing

1. Clone Repository
```
git clone https://github.com/mgguild/mgg-uikit.git
```
  
2. Open Directory
```
cd mgg-uikit
```

3. Install Dependencies: Yarn recommended
```
yarn install
```

4. Create working repository from develop
```
git checkout develop
git branch [branch name]
```

5. Commit changes with message formatting - Husky
https://github.com/conventional-changelog/commitlint
```
ex: 
1. chore: Run tests on travis ci
2. fix(server): Send cors headers
3. feat(blog): Add comment section
4. docs: Update README.md

Common types according to commitlint-config-conventional (based on the Angular convention) can be:

1. build
2. ci
3. chore
4. docs
5. feat
6. fix
7. perf
8. refactor
9. revert
10. style
11. test
```
### Library
[MGG UIKit - Github](https://github.com/mgguild/mgg-uikit)

[MGG UIKit - NPM](https://www.npmjs.com/package/@metagg/mgg-uikit)