open-index/open-npm huggingface dataset:
npm package: @spotodo0/strapi-google-auth
Description: GoogleAuth helps you to easily create google authentication available for your users. It uses the official google-auth library to execute the actions.
Author: Arju S Moon
Latest version: 0.2.1

# GoogleAuth
GoogleAuth helps you to easily create google authentication available for your users. It uses the official google-auth library to execute the actions. You can get it working in under 2 minutes in your application. EASY!

![Dashboard Screenshot](https://arju-public.s3.ap-south-1.amazonaws.com/Screenshot+2022-05-02+at+1.37.12+AM.png)

# Features
- Official GoogleAPIs integration
- Using strapi default user-permission collection
- JWT Authentication
- Sanitized response
- Highly secure
 
# Activate the Plugin
Add the folling lines of code in the file: config/plugins.js
```js
    'google-auth': {
        enabled: true,
    },
```
# Configuration
1. Create a google project from the [Google Cloud Console](https://console.cloud.google.com/projectcreate?previousPage=%2Fcloud-resource-manager%3Fproject%3D%26folder%3D%26organizationId%3D).
2. Create OAuth Consent Screen (Nav Menu -> APIs & Services -> [OAuth consent screen](https://console.cloud.google.com/apis/credentials/consent)).
3. Go to [Credentials](https://console.cloud.google.com/apis/credentials), click create credentials -> OAuth Client ID
4. Input the CLIENT_ID, CLIENT_SECRET, REDIRECT URL & the Scopes in the plugin page of Strapi, and save it.

# How to use
### Get Google Authentication URL
 ```js
    {
        method: 'GET',
        path: 'STRAPI_BACKEND_URL/strapi-google-auth/init',
    } 
  ```
After google login, it will redirect the user back to the redirect URL mentioned in the Google project console, with a code parameter in the URL. https://REDIRECT_URL?code=REDIRECTION_AUTH_CODE
    
### Authenticate User
Use the REDIRECTION_AUTH_CODE you have recieved from the step 1 to make the second request to authenticate the user.
```js
    {
        method: 'POST',
        path: 'STRAPI_BACKEND_URL/strapi-google-auth/user-profile',
        data: {
            code:REDIRECTION_AUTH_CODE
        }
    } 
```
### Get Authenticated user details
Use the JWT token to fetch the user details.
```js
    {
        method: 'GET',
        path: 'STRAPI_BACKEND_URL/strapi-google-auth/me',
        header: {
            authorization:Bearer <TOKEN>
        }
    } 
```
### Create/Update Password for user account.
Use the JWT token to fetch the user details.
```js
    {
        method: 'POST',
        path: 'STRAPI_BACKEND_URL/strapi-google-auth/update-password',
        header: {
            authorization:Bearer <TOKEN>
        },
        data:{
            "password":"<NEW PASSWORD>"
        }
    } 
```
# Report Bugs/Issues
Any bugs/issues you may face can be submitted as issues in the Github repo.
npm package: @spotonmarketing/vue-highlighter
Description: Highlight native html elements
Author: Nikolaj Løvenhardt Petersen
Latest version: 0.0.4

# VueHighlighter

[![npm](https://img.shields.io/npm/v/@spotonmarketing/vue-highlighter.svg)](https://www.npmjs.com/package/@spotonmarketing/vue-highlighter) [![vue2](https://img.shields.io/badge/vue-2.x-brightgreen.svg)](https://vuejs.org/)

> A Vue.js Plugin

## Installation

```bash
npm install --save @spotonmarketing/vue-highlighter
```

## Usage

### Bundler (Webpack, Rollup)

```js
import Vue from 'vue'
import VueHighlighter from '@spotonmarketing/vue-highlighter'
// You need a specific loader for CSS files like https://github.com/webpack/css-loader
import '@spotonmarketing/vue-highlighter/dist/@spotonmarketing/vue-highlighter.css'

Vue.use(VueHighlighter)
```

### Browser

```html
<!-- Include after Vue -->
<!-- Local files -->
<link rel="stylesheet" href="@spotonmarketing/vue-highlighter/dist/@spotonmarketing/vue-highlighter.css"></link>
<script src="@spotonmarketing/vue-highlighter/dist/@spotonmarketing/vue-highlighter.js"></script>

<!-- From CDN -->
<link rel="stylesheet" href="https://unpkg.com/@spotonmarketing/vue-highlighter/dist/@spotonmarketing/vue-highlighter.css"></link>
<script src="https://unpkg.com/@spotonmarketing/vue-highlighter"></script>
```

## Development

### Launch visual tests

```bash
npm run dev
```

### Launch Karma with coverage

```bash
npm run dev:coverage
```

### Build

Bundle the js and css of to the `dist` folder:

```bash
npm run build
```


## Publishing

The `prepublish` hook will ensure dist files are created before publishing. This
way you don't need to commit them in your repository.

```bash
# Bump the version first
# It'll also commit it and create a tag
npm version
# Push the bumped package and tags
git push --follow-tags
# Ship it 🚀
npm publish
```

## License

[MIT](http://opensource.org/licenses/MIT)