open-index/open-npm huggingface dataset:
npm package: @planningcenter/typeface
Description: Planning Center Typefaces
Author: Michael Chan
Latest version: 1.0.0-alpha.1

# `@planningcenter/typeface`

## Usage

```
yarn add @planningcenter/typeface
```

## Usage

Setup for Rails Planning Center Rails apps using Sprockets.

```
/* application.css */
/*= @planningcenter/typeface/sans-serif.css */
/*= @planningcenter/typeface/monospace.css */
```

## Extensions

Additional libraries for specific use cases.

### sans-serif--print

This resolves an issue reported by @shanebonham that impacts printing in Chrome on Catalina.

[Referenc](https://bugs.chromium.org/p/chromium/issues/detail?id=1018581&q=BlinkMacSystemFont&colspec=ID%20Pri%20M%20Stars%20ReleaseBlock%20Component%20Status%20Owner%20Summary%20OS%20Modified)

This extension overrides our `font-family: syste-ui ...` with `font-family: Sans-Serif` with a `@media print` gate.

```
/* application.css */
/* ORDER MATTERS */
/*= @planningcenter/typeface/sans-serif.css */
/*= @planningcenter/typeface/extension/sans-serif--print.css */
```

## Examples

```html
<body class="sans-serif">
  ...
</body>
```

```html
<pre class="monospace">
  <code>
    ...
  </code>
</pre>
```
npm package: @planningcenter/ui-kit-elements
Description: UI-Kit system applied to @planningcenter/elements"
Author: Michael Chan
Latest version: 0.0.2
Deprecated: No longer supported. See planningcenter/design README for details

# `ui-kit-elements`

> TODO: description

## Usage

```
const uiKitElements = require('ui-kit-elements');

// TODO: DEMONSTRATE API
```
npm package: @planningcenter/wrapped
Description: PCO Wrapped components
Author: Tanner Mares
Latest version: 1.0.2

# @planningcenter/wrapped

This package enables adding a [Planning Center Wrapped](https://app.asana.com/0/1208915073501662/1208918971246017) banner to your app with ease! Exported as a React component, it includes everything needed. All you need to do is supply viewable permissions!
### Light mode
<img width="1006" height="66" alt="image" src="https://github.com/user-attachments/assets/54090151-b900-4f6e-80ae-6dc3f99dfebc" />

### Dark mode
<img width="1007" height="67" alt="image" src="https://github.com/user-attachments/assets/814960ed-1e95-49a5-89f1-6f2ac2176401" />



## Installation

### Add the package

It's a private repo, so you need to supply the auth token or grab it from our private gem repo

```bash
yarn add @planningcenter/wrapped

```

### Add the banner to your layout

```js
<ThemeProvider className="product-wrap">
  <div className="topbar-wrap">
    <PcoWrappedBanner canView={currentPerson.can_view_wrapped} />
    <HomeTopbar {...context.topbar} autoMountAddon={autoMountAddon} />
  </div>
  ...
</ThemProvider>

```

### That's it!

## Development

I didn't have time to create a dummy app to develop from. For now, home is easiest app to spin up and develop from.

### Clone the repo

```bash
git clone git@github.com:planningcenter/wrapped.git
```

### `cd` into the gem and start the `microbuild` watcher.

This will automatically output the built JS file.

```bash
cd pco-wrapped && yarn dev
```

If you need to re-build JS without running the watcher you can run

```bash
yarn build
```

## Contributing

Commit changes, submit a PR, then release a new version!
npm package: @planprice/funnies
Description: Make user's laugh when your app is loading.
Author: Ryan Gaus
Latest version: 1.0.0

[![Travis build status](http://img.shields.io/travis/1egoman/funnies.svg?style=flat)](https://travis-ci.org/1egoman/funnies)
[![Dependency Status](https://david-dm.org/1egoman/funnies.svg)](https://david-dm.org/1egoman/funnies)
[![devDependency Status](https://david-dm.org/1egoman/funnies/dev-status.svg)](https://david-dm.org/1egoman/funnies#info=devDependencies)

<img src="https://1egoman.github.io/funnies/funnies.svg" width="200" />

# Funnies
A flexible way to add funny loading messages to webapps with optional react support.

# Examples and Demo
As of funnies `1.2.0`, funnies ships with examples. Take a look at
https://1egoman.github.io/funnies/ or build them locally by cloning down this repository, then
running `npm install && gulp example`. This will start up a local server on port 8080.

<br/>
<br/>

# Usage

## Javascript
```javascript
import Funnies from 'funnies';
let funnies = new Funnies();
funnies.message(); // "Reticulating Splines..."
funnies.message(); // "Generating witty dialog..."
funnies.message(); // "Go ahead -- hold your breath!"
```

## React Component
![React rendering](https://raw.githubusercontent.com/1egoman/funnies/master/assets/normal-react.gif)
```jsx
import {FunniesComponent} from 'funnies';
ReactDOM.render(<FunniesComponent />, node);
ReactDOM.render(<FunniesComponent interval={1000} />, node); // a new message every second
ReactDOM.render(<FunniesComponent customMessages={["You're too funny", "Thinking really hard..."]} />, node); // Add a few of your own messages
```

### React Styles
Here's some css to properly animate funnies in the react component. Totally not required!
```css
.funnies-text {
  transition: opacity 250ms ease-in-out;
}
.funnies-text.funnies-enter {
  opacity: 0;
}
.funnies-text.funnies-enter-active {
  opacity: 0;
}
.funnies-text.funnies-leave {
  display: none;
}
.funnies-text.funnies-leave-active {
  opacity: 0;
}
```

## jQuery
Odan wrote a great [jQuery plugin](https://github.com/odan/funnies-jquery-plugin) for Funnies!
```javascript
import $ from 'jquery';
// (include js/jquery.funnies.js)

$('element').funnies();
```


# Troubleshooting/FAQ

- **Does this work in both the client and server-side?**

  Yes. Either include `dist/funnies.min.js` within your page and use `window.Funnies`, or use node/browserify/webpack to require the module.

- **Can I return a funny message within preformatted HTML?**

  Yes, try `funnies.messageHTML()`.

- **I want to add a funny message!**

  Create a fork, add your message to `src/funnies.js`, then create a pull
  request.

- **Something isn't working properly.**
  - Send me a tweet `@rgausnet` and I'll help you out asap.
  - Use Github's issue tracker.

# Areas to improve

- Angular bindings would be great.
npm package: @planq-fi/sdk-core
Description: ⚒️ An SDK for building applications on top of PlanqFi
Latest version: 3.2.6

# PlanqFi SDK Core

[![Unit Tests](https://github.com/planq-fi/sdk-core/workflows/Unit%20Tests/badge.svg)](https://github.com/planq-fi/sdk-core/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/planq-fi/sdk-core/workflows/Lint/badge.svg)](https://github.com/planq-fi/sdk-core/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@planq-fi/sdk-core/latest.svg)](https://www.npmjs.com/package/@planq-fi/sdk-core/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@planq-fi/sdk-core/latest.svg)](https://bundlephobia.com/result?p=@planq-fi/sdk-core@latest)

This code is shared across PlanqFi TypeScript SDKs.
npm package: @planq-fi/v3-sdk
Description: ⚒️ An SDK for building applications on top of PlanqFi
Latest version: 3.9.0

# Alpha software

The latest version of the SDK is used in production in the Uniswap Interface,
but it is considered Alpha software and may contain bugs or change significantly between patch versions.
If you have questions about how to use the SDK, please reach out in the `#dev-chat` channel of the Discord.
Pull requests welcome!

# Uniswap V3 SDK

[![Unit Tests](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Unit%20Tests/badge.svg)](https://github.com/Uniswap/uniswap-v3-sdk/actions?query=workflow%3A%22Unit+Tests%22)
[![Lint](https://github.com/Uniswap/uniswap-v3-sdk/workflows/Lint/badge.svg)](https://github.com/Uniswap/uniswap-v3-sdk/actions?query=workflow%3ALint)
[![npm version](https://img.shields.io/npm/v/@uniswap/v3-sdk/latest.svg)](https://www.npmjs.com/package/@uniswap/v3-sdk/v/latest)
[![npm bundle size (scoped version)](https://img.shields.io/bundlephobia/minzip/@uniswap/v3-sdk/latest.svg)](https://bundlephobia.com/result?p=@uniswap/v3-sdk@latest)

In-depth documentation on this SDK is available at [uniswap.org](https://docs.uniswap.org/).