open-index/open-npm huggingface dataset:
npm package: @im-adnan/firebase-login
Description: Run command for install `npm i -D @im-adnan/firebase-login`
Author: Syed Mohd Adnan
Latest version: 0.0.9

## firebase phone number authentication react native expo hook

Run command for install `npm i -D @im-adnan/firebase-login`

#### Example 
``` 
const {recaptcha,recaptchaBanner,sendOtp,verifyOtp} = useFirebaseLogin({auth: /** auth instance from firebase */,firebaseConfig:/** firebase config */});

// for sending otp to phone number 
sendOtp('+92XXXXXXXX')
// verify otp
verifyOtp('verification Id','XXXXX')


recaptcha // firebase recpatch element

```
npm package: @im-bravo/posthtml-versioning-path
Description: PostHTML plugin for versioning path static assets
Author: im-bravo
Latest version: 1.0.1

# posthtml-versioning-path <img align="right" width="220" height="200" title="PostHTML logo" src="http://posthtml.github.io/posthtml/logo.svg">

[![NPM][npm]][npm-url]

`posthtml-versioning-path` is a [PostHTML](https://github.com/posthtml/posthtml) plugin for hashing file names to enable caching.

```diff
<html>
  <head>
-   <link rel="stylesheet" href="/[versioning_path]/styles.css" />
+   <link rel="stylesheet" href="/20231013220934001/styles.css" />
  </head>
  <body>
-   <script src="/[versioning_path]/src.js"></script>
+   <script src="/20231013220934001/src.js"></script>
  </body>
</html>
```

## Install
```bash
# npm
npm i -D @im-bravo/posthtml-versioning-path
```

## Usage
By default, the plugin will attempt to hash file names that contain `[versioning_path]`. As an additional qualifier, only nodes containing `href`, `src`, or `content` attributes are eligible.

```html
<html>
  <head>
    <!-- ✅ versioned -->
    <link rel="stylesheet" href="/[versioning_path]/styles.css" />

    <!-- ❌ not versioned -->
    <link rel="stylesheet" href="reset.css" />
  </head>
  <body>
    <!-- ✅ versioned -->
    <script src="/[versioning_path]/src.js"></script>

    <!-- ❌ not versioned -->
    <script src="analytics.js"></script>
  </body>
</html>
```

```js:postbuild.js
const fs = require("fs");
const posthtml = require("posthtml");
const { versioningPath } = require("posthtml-versioning-path");
const html = fs.readFileSync("./processed/index.html");

function yourOwnVersioningLogic() {
  const now = new Date()
  const year = now.getFullYear();
  const month = String(now.getMonth() + 1).padStart(2, '0');
  const day = String(now.getDate()).padStart(2, '0');
  const hours = String(now.getHours()).padStart(2, '0');
  const minutes = String(now.getMinutes()).padStart(2, '0');
  const seconds = String(now.getSeconds()).padStart(2, '0');

  return `${year}${month}${day}${hours}${minutes}${seconds}`;
}

posthtml()
  .use(
    versioningPath({
      path: "processed",
      transformPath: (filepath) => {
        return filepath
          .replace("https://example.com/", "") // 
          .replace("[versioning_path]/", "")
      },
      versioningPath: ( ) => {
        const versionPath = yourOwnVersioningLogic()
        return versionPath
      }
    })
  )
  .process(html)
  .then((result) => fs.writeFileSync("./processed/index.html", result.html));

```

For convenience, you can add the post-build script to your package.json. The `postbuild` script is automatically invoked following the `build` script.

```json
{
  "scripts": {
    "build": "rollup -c",
    "postbuild": "node postbuild.js"
  }
}
```
npm package: @im-dims/api
Description: Fetcher for Ssa API
Author: Dimas Triyatno
Latest version: 0.0.2

## Official Fetcher for Ssa API

> A module that simplifies fetching API data with clean, efficient, and readable code.

### How to use ??

```Javascript
Api.get([endpoint], [parameter])
```

### Example

Here I give an example of fetching the Google Bard API with ```bard``` as endpoint and ```query``` as parameter.

<p align="center"><img align="center" width="100%" src="https://o.uguu.se/pABFltjS.jpg" /></p>

```Javascript
const KasumiApi = require('@im-dims/api')

// It's recommended to define this as a global variable
const Api = new KasumiApi('https://api.ssateam.my.id/api', 'ykka')

Api.get('/ai/bard', {
   query: 'Hello'
}).then(console.log)

// Async/await version
let json = Api.get('/ai/bard', {
   query: 'Hello'
})
console.log(json)

// Fetching data as a buffer
let json = Api.get('r/waifu', {}, null, {
   responseType: 'arraybuffer',
   timeout: 15000
})
console.log(json)
```

Result :

<p align="center"><img align="center" width="100%" src="https://d.uguu.se/wOiSnBwE.jpg" /></p>
npm package: @im-ian/react-survey
Description: 2018~2019년에 제작했던 React 설문 모듈입니다. 아카이브 용도로 업로드 되었습니다.
Author: im daeho
Latest version: 0.1.32

# Survey Component

2018~2019년에 제작했던 React 설문 모듈입니다. 아카이브 용도로 업로드 되었습니다.

설문 폼을 생성하는 `Editor`와 생성된 폼을 기반으로 응답을 수집하는 `Viewer`가 포함되어 있습니다.

![service_capture](https://user-images.githubusercontent.com/38205068/140688808-e767339e-423e-4318-a5bb-951464572e9a.png)

## Installation

```shell
npm install @im-ian/react-survey

# or

yarn add @im-ian/react-survey

```

## How to use?

```javascript
import { useState } from 'react';
import { Editor, Viewer, EditorType } from '@im-ian/react-survey';

const View = () => {
  const [survey, setSurvey] = useState<EditorType.ISurveyResult>();

  return (
    <>
      <Editor onSubmit={survey => setSurvey(survey)} />
      {survey && (
        <Viewer
          survey={survey}
          onSubmit={result => {
            console.log(result);
          }}
        />
      )}
    </>
  );
};

export default View;
```

```css
@import url(https://cdn.syncfusion.com/ej2/material.css);
```

## Feature

### Editor

| property            | required | value                                      |
| ------------------- | -------- | ------------------------------------------ |
| submitButtonOptions | N        | { text: string; visible: boolean; }        |
| defaultValue        | N        | {}: EditorType.ISurveyResult               |
| onChange            | N        | (result: EditorType.ISurveyResult) => void |
| onSubmit            | N        | (result: EditorType.ISurveyResult) => void |

### Viewer

| property            | required | value                                      |
| ------------------- | -------- | ------------------------------------------ |
| survey              | Y        | EditorType.ISurveyResult                   |
| submitButtonOptions | N        | { text: string; visible: boolean; }        |
| onSubmit            | N        | (result: EditorType.ISurveyResult) => void |