open-index/open-npm huggingface dataset:
npm package: @origyn/identity-azure-key-vault
Description: Dfinity Azure Key Vault dependency.
Author: ORIGYN-SA
Latest version: 0.0.4

# @origyn/identity-azure-key-vault

TypeScript library to support a Azure Key Vault identity for applications on the [Internet Computer](https://dfinity.org/).

It uses ECDSA using P-256K and SHA-256, as described in [RFC7518](https://tools.ietf.org/html/rfc7518).

Visit the [Dfinity Forum](https://forum.dfinity.org/) and [SDK Documentation](https://sdk.dfinity.org/docs/index.html) for more information and support building on the Internet Computer.

---

## Installation

Using authentication:

```
npm i --save @origyn/identity-azure-key-vault
```

### In the node.js application:

```javascript
import {config} from "dotenv";
import {HttpAgent} from '@dfinity/agent';
import {AzureKeyVaultSecp256k1Identity} from '@origyn/identity-azure-key-vault'

config();

// ...
const identity = await AzureKeyVaultSecp256k1Identity.create({
    clientId: process.env.AZURE_CLIENT_ID,
    keyId: process.env.AZURE_KEY_ID,
    vaultId: process.env.AZURE_VAULT_ID,
    tenantId: process.env.AZURE_TENANT_ID,
});

const agent = new HttpAgent({identity: identity, /* rest of config .... */});
```

Sample `.env` can be found in examples/demo/.env.sample, as well all keys are defined in `src/demo_agent/environment.ts`.  

Note: depends on [@dfinity/agent](https://www.npmjs.com/package/@dfinity/agent) and [@dfinity/identity](https://www.npmjs.com/package/@dfinity/identity).

### Example application

You can find example of library usage in `examples/demo`, to run it follow those steps:

- change directory: `cd examples/demo`;
- install npm packages: `npm install`;
- from the same dir, but from another terminal (as well can be started as background job) run local IC: `dfx start`;
- from `examples/demo` run `dfx deploy`;
- create your own `.env` file based on `.env.sample`, `CANISTER_ID` will be shown after deployment;
- after deployment succeeds run node.js application with `npm run start`;
- experiment with changing source code, `nodemon` will recompile your application when it will be updated.
npm package: @origyn/origyn-art-ui
Description: React UI library created for and used by [Origyn Decentralized Applications](https://github.com/ORIGYN-SA/DApps).
Author: ORIGYN Foundation
Latest version: 1.3.21

# ORIGYN ART UI

React UI library created for and used by [Origyn Decentralized Applications](https://github.com/ORIGYN-SA/DApps).

## 🏁 Quickstart

Install origyn-art-ui and styled-components:

```
npm i @origyn/origyn-art-ui styled-components
```

In the component that renders your `App` component (for example: index.tsx), import `GlobalStyle`, `theme` and `themeLight` from `@origyn/origyn-art-ui`. Also import `ThemeProvider` from `styled-components`.

Insert `<GlobalStyle />` above `<App />` and wrap `<App />` with `<ThemeProvider theme={theme}>`. You can add logic or a custom provider to toggle `theme` (dark theme) with `themeLight` (light theme).

```
import React from 'react';
import ReactDOM from 'react-dom/client';
import App from './App';
import { GlobalStyle, theme, themeLight } from '@origyn/origyn-art-ui';
import { ThemeProvider } from 'styled-components';

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);

root.render(
  <React.StrictMode>
    <GlobalStyle />
    <ThemeProvider theme={theme}>
      <App />
    </ThemeProvider>
  </React.StrictMode>
);
```

## Contributors

All components in this library can be rendered in Storybook.

```sh
npm ci
npm run storybook
```

Browse to `http://localhost:6006/`.

## File Structure

All components are located in the components folder.

```sh
-.storybook/
|-main.js
|-preview.js
-components
|-layout
|-brandIdentity
|-interface
```

`brandIdentity` - information about the default setup for components (corporate color palette, used icons, typography etc.)

`layout` - layout components (Grid, Flex, etc.)

`interface` - UI components (Buttons, Dropdowns etc.)

## Links to fonts

```sh
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
```