open-index/open-npm huggingface dataset:
npm package: @paragonjs/core
Description: Paragon is a React-based component library for front-end development. Paragon's goal is to create a basic toolkit which can help both experienced and new developers to quickly bootstrap applications, build production web-applications, and more.
Author: Kevin Murphy
Latest version: 0.0.41-a


# paragon.js
  
Paragon is a React-based component library for front-end development. Paragon's goal is to create a
basic toolkit which can help both experienced and new developers to quickly bootstrap applications,
build production web-applications, and more.

Paragon is currently under development but is ready to alpha test! At the time of writing, there is
a small handful of components available to use. Please use at your own risk, while these components
should work, there could be limited functionality or bugs present.


### Documentation 
See [https://paragonjs.com](https://paragonjs.com) for documentation and other details.


### Version 0.0.41 is out now!
  

## Installation

  

To install Paragon, please use the following command in the root directory of any React application.

  

```

yarn add @paragonjs/core

```

  

or

  

```

npm install @paragonjs/core

```

  
  

## Usage

  
### Important
**In the entry point of your project (index.js, index.ts) import styling:**

```

import "@paragonjs/core/dist/src/main.css";

```

  

Paragon is simple to use; just important a component and render it. Paragon's components come preloaded with many props which increase their usability and utility also helping you style your application quickly.

  
## Javascript

  

```js
import { Card, AsyncButton } from  "@paragonjs/core";

export  default  function  Example() {
    return  (
        <Card>
            <AsyncButton  color="lavander">Click me!</AsyncButton>
        </Card>
    );
}
```

  

## Typescript

  

```ts
import  { Card, AsyncButton }  from  "@paragonjs/core";

const  TypescriptExample: React.FC<React.HTMLAttributes<HTMLDivElement>> = (props: AsyncButtonProps): JSX.Element => {
    return (
        <Card>
            <AsyncButton color="berry">Click me</AsyncButton>
        </Card>
    );
};

export  default TypescriptExample;
```

  

## Development

  

To help develop, clone this repository.

  

You can test local builds using NPM or Yarn link.

  

1. In Paragon repository: `yarn link`

  

2. In another React repository where you can render and test components:

  

```

yarn link "@paragonjs/core"

```

  

3. Begin importing components into the project, you can rebuild the Paragon repository using

  

`yarn build` in the Paragon repository; This will update all projects which are linked using npm

  

and yarn with the new build.
npm package: @paragraph-com/sdk
Description: TypeScript SDK for Paragraph API
Latest version: 1.5.0

# @paragraph-com/sdk

TypeScript SDK for the [Paragraph](https://paragraph.com) API. Used to interact with Paragraph posts, users, coins, & more.

## Install

```bash
yarn add @paragraph-com/sdk
```

## Quick start

```typescript
import { ParagraphAPI } from "@paragraph-com/sdk";

// For public endpoints
const api = new ParagraphAPI();
const post = await api.posts.get({ id: "postId" });

// For protected endpoints (creating posts, managing subscribers)
const apiWithAuth = new ParagraphAPI({ apiKey: "your-api-key" });
const newPost = await apiWithAuth.posts.create({
  title: "My Post",
  markdown: "# Hello World",
});
```

## Authenticated endpoints

Several endpoints require an API key, which identifies your publication. Pass it when creating the client:

```typescript
const api = new ParagraphAPI({ apiKey: "your-api-key" });

// Get your publication info
const publication = await api.me.get();

// List your drafts
const { items: drafts } = await api.posts.list({ status: "draft" });

// Update a post
await api.posts.update({
  id: "postId",
  title: "Updated Title",
  markdown: "## New content",
  status: "published",
});

// Delete a post
await api.posts.delete({ id: "postId" });
```

## Documentation

See the [API reference](https://paragraph.com/docs/api-reference/) for detailed documentation & a playground.

See autogenerated [TypeScript docs](docs-markdown/classes/ParagraphAPI.md) for all available methods.
npm package: @paragraph_xyz/sdk
Description: TypeScript SDK for Paragraph API
Latest version: 0.5.0

# @paragraph_xyz/sdk

TypeScript SDK for the [Paragraph](https://paragraph.com) API. Used to interact with Paragraph posts, users, coins, & more.

## Install

```bash
yarn add @paragraph_xyz/sdk
```

## Quick start

```typescript
import { getParagraphAPI } from "@paragraph_xyz/sdk";
const api = getParagraphAPI();
const post = await api.getPost("postId");
```

## Documentation

See the [API reference](https://paragraph.com/docs/api-reference/) for detailed documentation & a playground.

See autogenerated [TypeScript types](docs-markdown/README.md) for all available methods.