open-index/open-npm huggingface dataset:
npm package: @gio-shara/google-sheets-api
Description: This package does magic with google sheets api
Author: Giorgi Sharashenidze
Latest version: 1.0.16

# google-sheets-api

This package is a wrapper for [googleapis](https://www.npmjs.com/package/googleapis) and guides you to setup google spread sheets api for basic operations such as getting rows with a certain structure in the sheet and inserting one or multiple rows.

## What the project does

### Insert data in a row:

<img src="./assets/insert-data.gif"/>

### Get rows with a nice structure:

Let's say you have the following data in your excel spread sheet file:
<img src="./assets/get-rows-example.png"/>

If you execute the following command:

```typescript
const rows = await googleSheetsApi.getRows();
console.log(rows);
```

You'll get the following result:

```json
[
  {
    "id": "9c00b6843944908376c3539b07d128d5",
    "email": "hello@world.com",
    "password": "123456789"
  },
  {
    "id": "9c00b6843944908376c3539b07d128d5",
    "email": "hello@world.com",
    "password": "123456789"
  },
  {
    "id": "9c00b6843944908376c3539b07d128d5",
    "email": "hello@world.com",
    "password": "123456789"
  }
]
```

Important: The titles has to be in the first row. Otherwise it won't work.

## Requirements

- You need to have an account at [Google Cloud](https://cloud.google.com/)
- Google Cloud Project [Create Project](https://console.cloud.google.com/projectcreate)
- Enable Google Sheets [API Enable](https://console.cloud.google.com/apis/enableflow?apiid=sheets.googleapis.com)
- You need a Service Account for interacting from your code

### Once you create Service Account you need to share your spread sheet with the client email so that you won't get permission error [`The caller does not have permission`](https://stackoverflow.com/questions/38949318/google-sheets-api-returns-the-caller-does-not-have-permission-when-using-serve) which is a known issue.

## Usage

Import `GoogleSpreadSheetsApi` class:

```typescript
const { GoogleSpreadSheetsApi } = require("@gio-shara/google-sheets-api");
// or
import { GoogleSpreadSheetsApi } from "@gio-shara/google-sheets-api";
```

### Create instance of the class:

```typescript
const googleSheetsApi = new GoogleSpreadSheetsApi({
  spreadSheetId: process.env.SPREAD_SHEET_ID,
  scope: "write", // or "read"
  credentials: {
    clientEmail: process.env.GCP_CLIENT_EMAIL,
    privateKey: process.env.GCP_PRIVATE_KEY,
  },
});
```

#### Getting rows:

```typescript
const rows = await googleSheetsApi.getRows();
```

#### Inserting one or multiple rows:

```typescript
googleSheetsApi.insertRow(["1", "hello@world.com", "123456789"]);

// or

googleSheetsApi.insertRows([
  ["1", "hello@world.com", "123456789"],
  ["2", "hello2@world.com", "123456789"],
]);
```

## Contact

Let me guys know if I can improve something or implement a new feature. Request them on the following email `giorgi.sharashenidze@code.berlin`
npm package: @gio00/react-super-table
Description: This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
Author: gio00
Latest version: 0.2.10

This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).

## Available Scripts

In the project directory, you can run:

### `npm start`

Runs the app in the development mode.<br>
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.

The page will reload if you make edits.<br>
You will also see any lint errors in the console.

### `npm test`

Launches the test runner in the interactive watch mode.<br>
See the section about [running tests](https://facebook.github.io/create-react-app/docs/running-tests) for more information.

### `npm run build`

Builds the app for production to the `build` folder.<br>
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.<br>
Your app is ready to be deployed!

See the section about [deployment](https://facebook.github.io/create-react-app/docs/deployment) for more information.

### `npm run eject`

**Note: this is a one-way operation. Once you `eject`, you can’t go back!**

If you aren’t satisfied with the build tool and configuration choices, you can `eject` at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (Webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except `eject` will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

You don’t have to ever use `eject`. The curated feature set is suitable for small and middle deployments, and you shouldn’t feel obligated to use this feature. However we understand that this tool wouldn’t be useful if you couldn’t customize it when you are ready for it.

## Learn More

You can learn more in the [Create React App documentation](https://facebook.github.io/create-react-app/docs/getting-started).

To learn React, check out the [React documentation](https://reactjs.org/).

### Code Splitting

This section has moved here: https://facebook.github.io/create-react-app/docs/code-splitting

### Analyzing the Bundle Size

This section has moved here: https://facebook.github.io/create-react-app/docs/analyzing-the-bundle-size

### Making a Progressive Web App

This section has moved here: https://facebook.github.io/create-react-app/docs/making-a-progressive-web-app

### Advanced Configuration

This section has moved here: https://facebook.github.io/create-react-app/docs/advanced-configuration

### Deployment

This section has moved here: https://facebook.github.io/create-react-app/docs/deployment

### `npm run build` fails to minify

This section has moved here: https://facebook.github.io/create-react-app/docs/troubleshooting#npm-run-build-fails-to-minify
# super-table
# super-table
# super-table
npm package: @gioboa/vite-module-federation
Description: Vite/Rollup plugin for Module Federation
Author: Giorgio Boa
Latest version: 0.2.6
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# We moved this package under the @module-federation organisation -> [@module-federation/vite](https://www.npmjs.com/package/@module-federation/vite)

# Vite/Rollup plugin for Module Federation

## Thanks 🤝

Big thanks to:

[Manfred Steyer](https://twitter.com/manfredsteyer), Speaker, Trainer, Consultant and Author with focus on Angular. Google Developer Expert (GDE) and Microsoft MVP.

who collaborate with me to make this possible.

## Reason why 🤔

[Microservices](https://martinfowler.com/articles/microservices.html) nowadays is a well-known concept and maybe you are using it in your current company.
Do you know that now you can apply similar ideas on the Frontend?
With [Module Federation](https://blog.logrocket.com/building-micro-frontends-webpacks-module-federation/#:~:text=Module%20federation%20is%20a%20JavaScript,between%20two%20different%20application%20codebases.) you can load separately compiled and deployed code into a unique application.
This plugin makes Module Federation work together with [Vite](https://vitejs.dev/).

## Working implementation

👉 Here you can find a [working implementation](https://github.com/gioboa/svelte-microfrontend-demo) that shows how to use the plugin.

## Getting started 🚀

This plugin is based on top of [native-federation](https://www.npmjs.com/package/@softarc/native-federation) so this library is a [peer dependency](https://docs.npmjs.com/cli/v8/configuring-npm/package-json#peerdependencies).

You need to extend the Vite configuration with this plugin:

```typescript
import { defineConfig } from 'vite';
import { federation } from '@gioboa/vite-module-federation';
import { createEsBuildAdapter } from '@softarc/native-federation-esbuild';

// https://vitejs.dev/config/
export default defineConfig(async ({ command }) => ({
  server: {
    fs: {
      allow: ['.', '../shared'],
    },
  },
  plugins: [
    await federation({
      options: {
        workspaceRoot: __dirname,
        outputPath: 'dist',
        tsConfig: 'tsconfig.json',
        federationConfig: 'module-federation/federation.config.cjs',
        verbose: false,
        dev: command === 'serve',
      },
      adapter: createEsBuildAdapter({ plugins: [...], }),
    }),
    [...]
  ],
}));
```

<br>

### Define configs

You need to define two different configurations in the `federationConfig` property.<br>
Here are two examples:

- [host](https://www.npmjs.com/package/@softarc/native-federation#configuring-hosts)
- [remote](https://www.npmjs.com/package/@softarc/native-federation#configuring-remotes)
  <br><br>

### So far so good 🎉

Now you are ready to use Module Federation in Vite!
npm package: @giodamelio/eslint-config-thehelpining
Description: My personal eslint config based on @scottnonnenberg/eslint-config-thehelp
Author: Gio d'Amelio
Latest version: 0.3.0

# @giodamelio/eslint-config-thehelpining

My personal ESLint config. This is really just a thin wrapper around [@scottnonnenberg/eslint-config-thehelp](https://github.com/scottnonnenberg/eslint-config-thehelp) with some tweaks to make it fit my style.

## Install

``` shell
npm install --save-dev @giodamelio/eslint-config-thehelpining
# or
yarn add --dev @giodamelio/eslint-config-thehelpining
```

To auto generate configuration files (`.eslintrc.js`) and npm scripts run:

``` shell
node ./node_modules/@giodamelio/eslint-config-thehelpining/generate_configs.js
```

To manually install add `@giodamelio/thehelpining` to your `.eslintrc.js` extends section.

``` javascript
module.exports = {
  extends: [
    '@giodamelio/thehelpining',
  ],
};
```

## Presets

1. `@giodamelio/thehelpining`: Default config. Includes `core`, `es2015` and `functional`.
2. `@giodamelio/thehelpining/core`: Basic best practices. [@scottnonnenberg/thehelp/core][thehelp-configs] with a few tweaks.
3. `@giodamelio/thehelpining/es2015`: Prefer ES2015 constructs when possable. [@scottnonnenberg/thehelp/es2015][thehelp-configs] with a few tweaks.
4. `@giodamelio/thehelpining/functional`: Dissallow all loops and mutation. [@scottnonnenberg/thehelp/functional][thehelp-configs] with a few tweaks.
5. `@giodamelio/thehelpining/test`: Rules for your `test/` directory. [@scottnonnenberg/thehelp/test][thehelp-configs] with a few tweaks.
6. `@giodamelio/thehelpining/scripts`: Rules for your `scripts/` directory. [@scottnonnenberg/thehelp/scripts][thehelp-configs] with a few tweaks.

### Environment specific presets

The presets contain some rules for use with specific environments.

1. `@giodamelio/thehelpining/react`: Rules for React component structure and JSX formatting. [@scottnonnenberg/thehelp/react][thehelp-configs] with a few tweaks.
2. `@giodamelio/thehelpining/node`: Rules for Node.js.

## Thanks

**HUGE** thanks to [Scott Nonnenberg](https://github.com/scottnonnenberg) for all his work on [eslint-config-thehelp](https://github.com/scottnonnenberg/eslint-config-thehelp), he did most of the hard work.

[thehelp-configs]: https://github.com/scottnonnenberg/eslint-config-thehelp#configurations-in-this-project
npm package: @giokaxo/smooth-scrollbar
Description: Customize scrollbar in modern browsers with smooth scrolling experience.
Author: Giorgi Kakhoshvili
Latest version: 8.5.4

# Smooth Scrollbar

[![npm][npm-version-badge]](https://www.npmjs.com/package/smooth-scrollbar)
[![monthly downloads][npm-downloads-badge]](https://www.npmjs.com/package/smooth-scrollbar)
[![core size][size-badge]](dist/smooth-scrollbar.js)
[![gzip size][gzip-size-badge]](dist/smooth-scrollbar.js)
[![Build status][travis-badge]](https://travis-ci.org/idiotWu/smooth-scrollbar)
[![Gitpod Ready-to-Code][gitpod-badge]](https://gitpod.io/from-referrer/)

Customizable, Flexible, and High Performance Scrollbars!

## Installation

> ⚠️ DO NOT use custom scrollbars unless you know what you are doing. [Read more](docs/caveats.md)

Via NPM **(recommended)**:

```
npm install smooth-scrollbar --save
```

Via Bower:

```
bower install smooth-scrollbar --save
```

## Browser Compatibility

| Browser | Version |
| :------ | :-----: |
| IE      | 10+     |
| Chrome  | 22+     |
| Firefox | 16+     |
| Safari  | 8+      |
| Android Browser | 4+ |
| Chrome for Android | 32+ |
| iOS Safari | 7+ |

## Demo

https://idiotwu.github.io/smooth-scrollbar/

## Usage

Since this package has a [pkg.module](https://github.com/rollup/rollup/wiki/pkg.module) field, it's highly recommended to import it as an ES6 module with some bundlers like [webpack](https://webpack.js.org/) or [rollup](https://rollupjs.org/):

```js
import Scrollbar from 'smooth-scrollbar';

Scrollbar.init(document.querySelector('#my-scrollbar'));
```

If you are not using any bundlers, you can just load the UMD bundle:

```html
<script src="dist/smooth-scrollbar.js"></script>

<script>
  var Scrollbar = window.Scrollbar;

  Scrollbar.init(document.querySelector('#my-scrollbar'));
</script>
```

## Documentation

| [latest](docs) | [7.x](https://github.com/idiotWu/smooth-scrollbar/tree/7.x) |
|----|----|

## Who's Using It

- [conference.awwwards.com](https://conference.awwwards.com/): Awwwards Conference - An Event for UX / UI Designers and Web Developers.
- [lp.anzi.kr](http://lp.anzi.kr/): Listeners Playlist.
- [Matter](https://matterapp.com/): A new and better way to grow your professional skills.
- Feel free to add yours here 🤗.

## License

[MIT](LICENSE)

[npm-version-badge]: https://img.shields.io/npm/v/smooth-scrollbar.svg?style=for-the-badge
[npm-downloads-badge]: https://img.shields.io/npm/dm/smooth-scrollbar.svg?style=for-the-badge
[travis-badge]: https://img.shields.io/travis/idiotWu/smooth-scrollbar.svg?style=for-the-badge
[size-badge]: http://img.badgesize.io/idiotWu/smooth-scrollbar/master/dist/smooth-scrollbar.js?label=core%20size&style=for-the-badge
[gzip-size-badge]: http://img.badgesize.io/idiotWu/smooth-scrollbar/master/dist/smooth-scrollbar.js?label=gzip%20size&compression=gzip&style=for-the-badge
[gitpod-badge]: https://img.shields.io/badge/Gitpod-Ready--to--Code-blue?style=for-the-badge