open-index/open-npm huggingface dataset:
npm package: @liquiditeam/app-sdk
Description: ```ts import initAppSDK from '@liquiditeam/app-sdk'; import cookieParser from 'cookie-parser'; import express, { Router } from 'express';
Latest version: 0.1.4

# Liquiditeam app-sdk

```ts
import initAppSDK from '@liquiditeam/app-sdk';
import cookieParser from 'cookie-parser';
import express, { Router } from 'express';

const config = {
  appBaseUrl: 'http://example.com', // the base url of the app
  appStoreAppName: 'example-app', // the name of the app in the app store
  appStoreGraphqlUrl: 'https://appstore.fan-platform.com',
  appStoreGraphqlWsUrl: 'wss://appstore.fan-platform.com',
  fanIdBaseUrl: 'https://me.fan',
  clientId: '123456', // of the fan id oauth app
  clientSecret: '987654', // of the fan id oauth app
};

const app = express();
const router = Router();
const sdk = initAppSDK(config);

// add routes to router

app.use(cookieParser());
app.use(sdk.middleware(router));

const main = async () => {
  await sdk.fetchInstallations(app.locals);

  sdk.subscribeToInstallationChanges(app.locals);

  app.listen(PORT, () => {
    console.log(`Listening on port ${PORT}`);
  });
};

main();
```
npm package: @liquiditeam/editor
Description: ## Classes for styling
Latest version: 3.3.6

# Fan Platform Editor

## Classes for styling

```css
.lt-editor-block-quote {
  ...;
}

.lt-editor-block-quote-stage {
  ...;
}

.lt-editor-bulleted-list {
  ...;
}

.lt-editor-heading-one {
  ...;
}

.lt-editor-heading-three {
  ...;
}

.lt-editor-heading-two {
  ...;
}

.lt-editor-image {
  ...;
}

.lt-editor-video {
  ...;
}

.lt-editor-audio {
  ...;
}

.lt-editor-link {
  ...;
}

.lt-editor-list-item {
  ...;
}

.lt-editor-numbered-list {
  ...;
}

.lt-editor-paragraph {
  ...;
}

.lt-editor-video-embed {
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
}

.lt-editor-video-embed > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lt-editor-toolbar {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button:focus {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button {
  ...;
}

.lt-editor-toolbar-button-inactive {
  ...;
}

.lt-editor-toolbar-button-active {
  ...;
}

.lt-editor-toolbar-button-disabled {
  ...;
}

.lt-editor-toolbar-button-left {
  ...;
}

.lt-editor-toolbar-button-right {
  ...;
}

.lt-editor-toolbar-button-single {
  ...;
}

.lt-editor-toolbar-button-group {
  ...;
}

.lt-editor-toolbar-button-icon {
  ...;
}

.lt-editor-rotating-progress-icon {
  ...;
}

.lt-editor-processing-placeholder {
  position: relative;
  padding-bottom: calc(9 / 16 * 100%);
}

.lt-editor-processing-placeholder > * {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.lt-editor-processing-placeholder-inner {
  ...;
}

.lt-editor-processing-placeholder-text {
  ...;
}
```
npm package: @liquiditeam/sdk
Description: ## Basic usage
Latest version: 2.2.4

# @liquditeam/sdk

## Basic usage

```ts
const token = { jwt: token, decoded: decodedToken };

const sdk = initSdk({ token });

await sdk.api.getUsers();
```

**Another example can be found here: [github.com/liquiditeam/sdk-example](https://github.com/liquiditeam/sdk-example)**
npm package: @liquiditeam/smart-contracts
Description: This project demonstrates an advanced Hardhat use case, integrating other tools commonly used alongside Hardhat in the ecosystem.
Latest version: 0.2.0

# Advanced Sample Hardhat Project

This project demonstrates an advanced Hardhat use case, integrating other tools commonly used alongside Hardhat in the ecosystem.

The project comes with a sample contract, a test for that contract, a sample script that deploys that contract, and an example of a task implementation, which simply lists the available accounts. It also comes with a variety of other tools, preconfigured to work with the project code.

Try running some of the following tasks:

```shell
npx hardhat accounts
npx hardhat compile
npx hardhat clean
npx hardhat test
npx hardhat node
npx hardhat help
REPORT_GAS=true npx hardhat test
npx hardhat coverage
npx hardhat run scripts/deploy.ts
TS_NODE_FILES=true npx ts-node scripts/deploy.ts
npx eslint '**/*.{js,ts}'
npx eslint '**/*.{js,ts}' --fix
npx prettier '**/*.{json,sol,md}' --check
npx prettier '**/*.{json,sol,md}' --write
npx solhint 'contracts/**/*.sol'
npx solhint 'contracts/**/*.sol' --fix
```

# Etherscan verification

To try out Etherscan verification, you first need to deploy a contract to an Ethereum network that's supported by Etherscan, such as Ropsten.

In this project, copy the .env.example file to a file named .env, and then edit it to fill in the details. Enter your Etherscan API key, your Ropsten node URL (eg from Alchemy), and the private key of the account which will send the deployment transaction. With a valid .env file in place, first deploy your contract:

```shell
hardhat run --network ropsten scripts/deploy.ts
```

Then, copy the deployment address and paste it in to replace `DEPLOYED_CONTRACT_ADDRESS` in this command:

```shell
npx hardhat verify --network ropsten DEPLOYED_CONTRACT_ADDRESS "Hello, Hardhat!"
```

# Performance optimizations

For faster runs of your tests and scripts, consider skipping ts-node's type checking by setting the environment variable `TS_NODE_TRANSPILE_ONLY` to `1` in hardhat's environment. For more details see [the documentation](https://hardhat.org/guides/typescript.html#performance-optimizations).
npm package: @liquiditytools/sdk
Description: smol SDK for interacting with various AMMs and other liquidity protocols. Uses [Viem](http://viem.sh/) so you can easily integrate with the latest [wagmi kit](https://wagmi.sh/) on the frontend, or just go crazy on the backend with sweet abi type inferenc
Author: strobie
Latest version: 0.0.7

# Liquidity Tools SDK

smol SDK for interacting with various AMMs and other liquidity protocols. Uses [Viem](http://viem.sh/) so you can easily integrate with the latest [wagmi kit](https://wagmi.sh/) on the frontend, or just go crazy on the backend with sweet abi type inference.

**Still largely a WIP, but feel free to use it and report any issues you find!**