open-index/open-npm huggingface dataset:
npm package: @line/liff-common-profile-plugin
Description: A LIFF Plugin to get and auto-fill forms _common profile data_ from Account Center.
Latest version: 1.0.0

# @line/liff-common-profile-plugin

A LIFF Plugin to get and auto-fill forms _common profile data_ from Account Center.

## How to use

### CDN

CDN versions of packages is hosted in TBD and can be imported using the script tag as shown below.

index.html

```html
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/src/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="TBD"></script>
    <title>LIFF App</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/index.js"></script>
  </body>
</html>
```

The package is then defined in the global object with the name `liffCommonProfile`.
So you can use the package as a LIFF Plugin as follows in the js/ts file.

index.js

```js
liff.use(new liffCommonProfile.LiffCommonProfilePlugin());
await liff.init({ liffId: "xxx" });

const profile = await liff.$commonProfile.get();
liff.$commonProfile.fill(profile);
```

### npm

```
npm install @line/liff-common-profile-plugin
```

```ts
import { LiffCommonProfilePlugin } from "@line/liff-common-profile-plugin";

liff.use(new LiffCommonProfilePlugin());
await liff.init({ liffId: "xxx" });

const profile = await liff.$commonProfile.get();
liff.$commonProfile.fill(profile);
```
npm package: @line/liff-main-profile-plugin
Description: A LIFF Plugin to get and auto-fill forms _main profile data_ from Account Center.
Latest version: 0.0.2

# @line/liff-main-profile-plugin

A LIFF Plugin to get and auto-fill forms _main profile data_ from Account Center.

## How to use

### CDN

CDN versions of packages is hosted in TBD and can be imported using the script tag as shown below.

index.html

```html
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/src/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <script src="TBD"></script>
    <title>LIFF App</title>
  </head>
  <body>
    <div id="root"></div>
    <script type="module" src="/index.js"></script>
  </body>
</html>
```

The package is then defined in the global object with the name `liffMainProfile`.
So you can use the package as a LIFF Plugin as follows in the js/ts file.

index.js

```js
liff.use(new liffMainProfile.LiffMainProfilePlugin());
await liff.init({ liffId: "xxx" });

const profile = await liff.$mainProfile.get();
liff.$mainProfile.fill(profile);
```

### npm

```
npm install @line/liff-main-profile-plugin`
```

```ts
import { LiffMainProfilePlugin } from "@line/liff-main-profile-plugin";

liff.use(new LiffMainProfilePlugin());
await liff.init({ liffId: "xxx" });

const profile = await liff.$mainProfile.get();
liff.$mainProfile.fill(profile);
```