open-index/open-npm huggingface dataset:
npm package: @os-utils/yandex-checkout
Description: Yandex.Checkout API v3.
Latest version: 0.0.5
Deprecated: Moved to @os-team/yandex-checkout

# @os-utils/yandex-checkout

Yandex.Checkout API v3.

## Examples
### Create a payment
```js
const yandexCheckout = new YandexCheckout({
  shopId: 'shopId',
  secretKey: 'secretKey',
})

const payment = await yandexCheckout.payments.create({
  amount: {
    value: '2.00',
    currency: 'RUB',
  },
  payment_method_data: {
    type: 'bank_card',
  },
  confirmation: {
    type: 'redirect',
    return_url: 'https://www.merchant-website.com/return_url',
  },
  description: 'Order No. 1',
}, 'idempotenceKey')
```

### Create a recurring payment
```js
// Create a payment and save a payment method
const firstPayment = await yandexCheckout.payments.create({
  amount: {
    value: '2.00',
    currency: 'RUB',
  },
  payment_method_data: {
    type: 'bank_card',
  },
  confirmation: {
    type: 'redirect',
    return_url: 'https://www.merchant-website.com/return_url',
  },
  description: 'Order No. 1',
  save_payment_method: true,
  capture: true,
}, 'idempotenceKey')

// Using the saved payment method, create a recurring payment
const secondPayment = await yandexCheckout.payments.create({
  amount: {
    value: '2.00',
    currency: 'RUB',
  },
  payment_method_id: firstPayment.payment_method.id,
  description: 'Order No. 2',
  capture: true,
}, 'idempotenceKey')
```

## Supported methods
* payments.create
* payments.list
* payments.get
* payments.capture
* payments.cancel
* refunds.create
* refunds.list
* refunds.get
* receipts.create
* receipts.list
* receipts.get

## References
* [Yandex.Checkout API Reference](https://checkout.yandex.com/developers/api)
* [Yandex.Checkout API Documentation](https://checkout.yandex.com/developers)
npm package: @os1-platform/aaa-mobile
Description: AAA mobile SDK
Author: FoxtrotPlatform
Latest version: 1.0.6

`React native AAA mobile SDK`

## Introduction

Built on top of react-native, react-native-app-auth, typescript.
This sdk can be used on mobile for authentication, to fetch access token and logout feature.

## Installation

```shell
npm install @os1-platform/aaa-mobile
```

## Install Peer dependencies

```shell
npm install react-native-app-auth@6.4.3
npm install @react-native-async-storage/async-storage@^1.15.14
npm install axios@^0.26.1
```

Peer dependencies:

```js
{
  "@react-native-async-storage/async-storage": "^1.15.14",
  "react": ">=17.0.2",
  "react-native": ">=0.67.3",
  "react-native-app-auth": "^6.4.3",
  "axios": ">=0.26.1"
}
```

### Add Manifest Placeholder in build.gradle (app level)

```shell
manifestPlaceholders = [appAuthRedirectScheme: "${applicationId}"]

```

## Usage

### `Init AAA SDK`

```ts
// Obtain domainId and clientId from  Auth0/ Keycloak dashboard
import { LoginHelper } from '@os1-platform/aaa-mobile';
await LoginHelper.initAuth0(
  'domain', //example.dev.io
  'clientId' //some-rn-app
);

//Note : domainId should start with https://
```

### `Initiate Login`

```ts
import { LoginHelper } from '@os1-platform/aaa-mobile';

// Pass keys name for storing access Token and id Token
await LoginHelper.initLogin('Token', 'idToken').then((res: any) => {
  console.log('Result ', res);
});

// Result Type
export interface AuthorizeResult {
  accessToken: string;
  accessTokenExpirationDate: string;
  authorizeAdditionalParameters?: { [name: string]: string };
  tokenAdditionalParameters?: { [name: string]: string };
  idToken: string;
  refreshToken: string;
  tokenType: string;
  scopes: string[];
  authorizationCode: string;
  codeVerifier?: string;
}
```

### `Logout`

```ts
import { LoginHelper } from '@os1-platform/aaa-mobile';

await LoginHelper.logoutUser('Token');
```

### `Fetch access Token`

```ts
import { LoginHelper } from '@os1-platform/aaa-mobile';
const accessToken = await LoginHelper.fetchAccessToken();

//This will fetch the latest access token from the storage and if the token is expired then it calls refresh token internally and returns the new access token
```

### `Refresh Token`

```ts
import { LoginHelper } from '@os1-platform/aaa-mobile';

await LoginHelper.refreshToken();
```
npm package: @os1-platform/mobile-execution-lib
Description: mobile execution engine library
Latest version: 2.0.1

# Platform CoreOS Mobile Execution Library

execution-library

### Install

`npm install @os1-platform/mobile-execution-lib`

## Usage

1. RUN `tsc -p .` in project root.
2. `CD` into the example directory.
3. RUN `yarn android`.
4. RUN `yarn start`

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License

MIT
npm package: @os2conticki/display-react
Description: App for OS2ConTicki
Latest version: 0.9.0

# OS2ConTicki display

## Description

A react frontend that display conference-data.

## Installation

Add the package:

```sh
yarn add @os2conticki/display-react
```

Use it:

```html
<link ref="stylesheet" href="node_modules/@os2conticki/display-react/public/dist/entry.css"></script>
…
<script src="node_modules/@os2conticki/display-react/public/dist/entry.js"></script>
```

Or get it directly from a cdn:

```sh
<link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.css"></script>
…
<script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.js"></script>
```

## Example

```html
<!doctype html>
<html lang="da">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>My conference</title>
    <link ref="stylesheet" href="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.css"></script>
  </head>
  <body>
    <div id="app"></div>

    <!-- Load polyfills for IE11 (!) (cf. https://stackoverflow.com/a/29988202) -->
    <script>
      if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
        document.write('<script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/ie11.js"></script>')
      }
    </script>
    <script src="https://cdn.jsdelivr.net/npm/@os2conticki/display-react@latest/public/dist/entry.js"></script>
    <script>
     ConferenceApp.render({
       element: document.getElementById('app'),
       basename: '/my-conference',
       // Url to conference api.
       url: '…'
     })
    </script>
  </body>
</html>

```

## Development

```sh
yarn install
yarn dev-server
```

## Building

```sh
yarn install
yarn build
```

## Publishing to npmjs.com

```sh
npm adduser os2conticki
npm version «some version»
npm publish --access public
git push --tags
```

## Code linting

When PRs are created towards the develop branch all coding styles are checked by Github Actions.

To check for coding standards, run the following:

```sh
yarn coding-standards-check
```

To automatically apply coding standards, run:

```sh
yarn coding-standards-apply`
```

## Something about test-data
npm package: @os2edu/layout
Description: 本包是为 [os2edu 开源操作系统社区](https://os2edu.cn/homepage/) 子项目提供统一的 React 布局组件。
Author: os2edu
Latest version: 0.1.4

## 说明

本包是为 [os2edu 开源操作系统社区](https://os2edu.cn/homepage/) 子项目提供统一的 React 布局组件。

## 使用

```jsx
import Layout, { MainContent } from '@os2edu/layout';

const headerProps = {
  subTitle: '课程培训',
  extra: {
    customRender: <span>自定义区域</span>,  // 头部右侧自定义显示内容
    dropMenu: [ // 点用户头像下拉菜单
      { key: 'profile': title: '用户信息', onClick: () => {} },
      { key: 'logout': title: '退出', onClick: () => {} }
    ],
    userInfo: { // 显示的用户信息
      phone: '17703401850',
      avatar: '',
    },
  },
};

return (
  <Layout headerProps={headerProps}>
    <MainContent>主内容</MainContent>
  </Layout>
);
```

### 描述

![shortcut](https://user-images.githubusercontent.com/920487/198816649-e76a4385-ada6-439b-9bd2-83034abd14a4.png)
npm package: @os2mem/react-native-portal
Description: React native simple portal
Author: Oscar Garcia
Latest version: 0.1.4

# @os2mem/react-native-portal

React native simple portal.

Teleport your components to other dimensions 👽

## Installation

```sh
 npm i @os2mem/react-native-portal
```

## Usage

To begin with, add a Host component where you want to place a container for teleport the components inside and asign an unique hostId

```js
import { Host } from '@os2mem/react-native-portal';

// ...

const Screen = () => {
  return (
    <View>
      ....
      <Host hostId="unique-host-id" />
      ....
    </View>
  );
};
```

Lastly wrap the content that you want to teleport with a Portal.
The hostId has to be the same that you definee in the Host Component

```js
import { Portal } from '@os2mem/react-native-portal';

// ...

const OtherScreen = () => {
  return (
    <View>
      ...
      <Portal hostId="unique-host-id">
        <Text>I'am rendering in other component</Text>
      </Portal>
      ...
    </View>
  );
};
```

## Contributing

See the [contributing guide](CONTRIBUTING.md) to learn how to contribute to the repository and the development workflow.

## License
npm package: @os3/fsoft-components
Description: This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
Author: Fabio Rotondo
Latest version: 0.1.1

This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.

[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.

The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.

## Learn More

To learn more about Next.js, take a look at the following resources:

- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.

You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!

## Deploy on Vercel

The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.

Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
npm package: @os33/angular_page_visibility
Description: angularjs interface of page visibility API
Latest version: 0.0.5

## Angular Page Visibility: a Page Visibility API interface for Angular
`angular-page-visibility` is a tiny lib which integrate [Page Visibility API](https://developer.mozilla.org/en-US/docs/Web/Guide/User_experience/Using_the_Page_Visibility_API) with Angular. 

It is exposed as a scope, which `$broadcast`-s `pageFocused` and `pageBlurred` when page is focused / blurred.
For old browsers [not supporting page visibility API](http://caniuse.com/#feat=pagevisibility), it ignores it silently.

## Usage
To use `angular-page-visibility`, just inject it, then listen to the events.

```javascript
angular.module('app')
       .controller('MyController', function($scope, $pageVisibility) {
         $pageVisibility.$on('pageFocused', function(){
           // page is focused
         });

         $pageVisibility.$on('pageBlurred', function(){
           // page is blurred
         });
       });
```

## Installation

1) include script: script can be included via `bower` or downloading directly

  - via bower: 
  `$ bower install angular-page-visibility`

  - download directly
  ```html
  <script src="https://raw.githubusercontent.com/mz026/angular_page_visibility/v0.0.3/dist/page_visibility.min.js" type="text/javascript"></script>
  ```

2) include the module:

```javascript
angular.app('myApp', [ 'angular-page-visibility' ])

```

## Testing
to test `angular-page-visibility`, `grunt`, `karma` are needed.

1. `$ npm install`
2. `$ bower install`
3. `$ npm test`

## Licence:
MIT