open-index/open-npm huggingface dataset:
npm package: @rschiang/svelte-timepicker
Description: ## What is it?
Latest version: 0.0.5

# Svelte Time Picker

## What is it?

A very simple time picker component for Svelte, inspired by Material UI's time picker.

## Installation

```bash
npm install @rschiang/svelte-timepicker
```

## Usage

```svelte
<script>
    import { TimePicker } from "@rschiang/svelte-timepicker";

    let hours = null;
    let minutes = null;
</script>

<TimePicker onChange={(h, m) => {
    hours = h;
    minutes = m;
}} />
```

## Demo

[https://svelte.dev/repl/54e378a10dac4c8cabd9d938d40a9364?version=4.2.8](https://svelte.dev/repl/54e378a10dac4c8cabd9d938d40a9364?version=4.2.8)

![Screenshot](./static/screenshot.png)

## Properties

| Property | Type | Description |
| ----------- | ----------- | ----------- |
| hours? | `number \| null` | Controls the hours value. |
| minutes? | `number \| null` | Controls the minutes value. | 
| onChange? | `function \| null` | Function with two parameters: `hours` and `minutes`. |
| containerClass? | `string` | Class name for the container element. |
| inputClass? | `string` | Class name for the input element. |
| popoverClass? | `string` | Class name for the popover element. |
| popoverHeaderClass? | `string` | Class name for the popover header element. |
| popoverHeaderColClass? | `string` | Class name for the popover header column element. |
| popoverHeaderBtnClass? | `string` | Class name for the popover header button element. |
| popoverFooterClass? | `string` | Class name for the popover footer element. |
| popoverFooterBtnClass? | `string` | Class name for the popover footer button element. |

## License

MIT
npm package: @rschristian/astro-preact-twind
Description: <h1 align="center">@rschristian/astro-preact-twind</h1>
Latest version: 0.0.1

<h1 align="center">@rschristian/astro-preact-twind</h1>

<p align="center"><a href="https://docs.astro.build/en/guides/integrations-guide">Astro integration</a> for using <a href="https://preactjs.com">Preact</a> & <a href="https://twind.dev">Twind</a></p>

Better docs & background to come

## Usage

```bash
$ yarn add preact twind@next @rschristian/astro-preact-twind
```

> astro.config.js

```js
import { defineConfig } from 'astro/config';
import astroPreactTwind from '@rschristian/astro-preact-twind';

// https://astro.build/config
export default defineConfig({
    integrations: [
        astroPreactTwind(),
    ],
});
```

Your config file will need to be located at `src/styles/twind.config.js`. I'll provide a proper API for configuring this at some point, but Astro makes this way more cumbersome than it should be.

## License

[MIT](https://github.com/rschristian/astro-preact-twind/blob/master/LICENSE)
npm package: @rschristian/babel-plugin-webpack-chunk-name-comments
Description: Babel plugin used to generate Webpack magic comments on dynamic import statements
Latest version: 0.1.2

# `@rschristian/babel-plugin-webpack-chunk-name-comments`

A Babel plugin that adds Webpack magic comments to provide chunk names on `import()` statements.

## Usage

In your babel configuration (`.babelrc`, `babel.config.json`, etc.) add the plugin:

```js
{
    "plugins": [
        "@rschristian/babel-plugin-webpack-chunk-name-comments"
    ]
}
```

```js
// input:
import("./a.js");

// output:
import(
    /*webpackChunkName: "a"*/
    "./a.js"
);
```

For more information on magic comments and how they might be used, see [Webpack's docs on the subject](https://webpack.js.org/api/module-methods/#magic-comments).

## License

[MIT](https://github.com/rschristian/babel-plugin-webpack-chunk-name-comments/blob/master/LICENSE)

Modified from Widen Enterprises, Inc. [MIT](https://www.runpkg.com/?babel-plugin-dynamic-import-chunk-name@1.0.0/LICENSE)

## Acknowledgments

Modified version of [`babel-plugin-dynamic-import-chunk-name`](https://npm.im/babel-plugin-dynamic-import-chunk-name), built specifically for [`preact-cli`](https://npm.im/preact-cli)
npm package: @rschristian/create-preact-app
Description: Start building a Preact Progressive Web App in seconds
Latest version: 0.1.4

# Create-Preact-App

This tool is the result of extracting the "create" functionality out of the Preact-CLI. 

How is this useful? `npm init` and `yarn create` both need to resolve all dependencies of the initializer (the library) before they can actually run it. This means that in order to use Preact-CLI's "create" functionality, totally irrelevant dependencies like Webpack and Babel need to be installed too. Remember, this isn't setting up your app, just starting the tool that will clone a template. This is quite the slow and wasteful process as a great deal of time is spent resolving unneeded dependencies.

This tool pushes that time down drastically to ~3-4 seconds. Now most of your time will be spent actually installing your template, not starting the CLI. 

That being said, this is mostly for personal used to solve my frustration with the current tool. It's mostly compatible with Preact-CLI, but I have clipped out some functionality that I see no use for. I've also raised the minimum Node version significantly; benefits of not needing backwards compatibility. If you're allergic to globally installed tools as I am, maybe this could be of some use. I'll likely change the API a bit as I see fit, perhaps won't support the same behavior that Preact-CLI does. No real plans at the moment. 

## Usage

```bash
npm init @rschristian/preact-app <template> <application-name>
```

or

```bash
yarn create @rschristian/preact-app <template> <application-name>
```


## License

MIT © Ryan Christian
npm package: @rschristian/freetunnel
Description: Create secure introspectable tunnels to your local device
Author: Ryan Christian
Latest version: 0.3.3

<h1 align="center">Freetunnel</h1>

<div align="center">
    <img
       alt="Image of terminal running Freetunnel"
       src="https://raw.githubusercontent.com/rschristian/freetunnel/master/media/freetunnel.png"
     />
</div>
<p align="center">Create <strong>secure</strong> introspectable tunnels to your local device with a single command.</p>

---

<p align="center">
  <strong>Overview</strong> ✯
  <a href="#usage">Usage</a> ✯
  <a href="#options">All CLI Options</a> ✯
  <a href="#setup">Setup Your Own Freetunnel Server</a>
</p>

---

## Overview

Freetunnel is a tool for creating tunnels from your local development machine to a public and secure URL. This allows for easy webhook development, sharing of demo applications across networks, and using tools such as [PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/) which require public acess.

Freetunnel comes in two parts: a CLI tool and a server. You use the CLI tool to connect to a server host, making your localhost accessible, and the server _can_ be ran if you want your own configurable instance of Freetunnel. While I host an instance at [https://freetunnel.ryanchristian.dev](https://freetunnel.ryanchristian.dev), you might not want to use that URL and slots are limited; to ensure my infrastructure is never burdened, there can only be 3 sites using that instance at one time. Additionally, service may go down without warning.

## Usage

To begin using Freetunnel immediately, run:

```bash
$ npx @rschristian/freetunnel
```

This will connect `http://localhost:3000` on your local machine to `https://my-app.freetunnel.ryanchristian.dev`.

## All CLI Options <a name="options"></a>

```
Usage
    $ freetunnel [options]

Options
    -s, --subdomain    Subdomain to use on remote  (default my-app)
    -r, --remote       Remote server to run on  (default freetunnel.ryanchristian.dev)
    -H, --host         Hostname to bind  (default localhost)
    -p, --port         Port to bind  (default 3000)
    -w, --web-port     Web Port to bind for introspection (default 4040)
    -v, --version      Displays current version
    -h, --help         Displays this message

Examples
    $ freetunnel -s rschristian -r freetunnel.example.com        # Connects localhost:3000 -> https://rschristian.freetunnel.example.com
    $ freetunnel -s foobar -p 6000                               # Connects localhost:6000 -> https://foobar.freetunnel.ryanchristian.dev
```

## Setup Your Own Freetunnel Server  <a name="setup"></a>

See [Server](../server/README.md#setup)

## License

[MIT](https://github.com/rschristian/freetunnel/blob/master/LICENSE)