open-index/open-npm huggingface dataset:
npm package: @micejs/create-app
Description: Create mice.js apps with one command
Author: Kudzie Mukungurutse
Latest version: 1.0.8

# @micejs/create-app

Create mice.js apps with one command - a lightweight and modern web application generator.

## Quick Start

```bash
npm create @micejs/app my-app
cd my-app
npm run dev
```

## Features

- 🚀 Zero configuration setup
- ⚡️ Lightning fast with Vite
- 📦 Component-based architecture
- 🔄 Live reload during development
- 🎨 Bootstrap 5 integration
- 📱 Responsive by default
- 🛠 Simple and intuitive routing
- 🎯 Template engine with dynamic data

## Project Structure

```
my-app/
├── src/
│   ├── components/     # Your custom components
│   ├── pages/         # Your pages
│   └── main.js        # Entry point
├── public/
│   └── styles/        # Static assets
├── index.html         # HTML entry
└── package.json       # Project config
```

Core functionality (@micejs/core) is installed in node_modules.

## Available Templates

- `default` - Basic Mice.js app
- `vite` - Vite + Mice.js setup
- `react` - React + Mice.js setup

## Author

[Kudzie Mukungurutse](https://github.com/devwithkudzie)

## License

MIT © [Kudzie Mukungurutse](https://github.com/devwithkudzie)
npm package: @micfong/wypst
Description: Typst math typesetting for the web.
Author: 0xpapercut
Latest version: 0.0.11

# wypst
Typst math typesetting for the web.

## Current Project Status
I feel like there's something like 20% of work left to get Wypst in a more stable state, but for some months now I haven't been able to allocate the necessary time to do it.

There's still no conclusive roadmap for native HTML export in Typst, and because this project gained some traction, I'll make a commitment to complete all unimplemented functionality, fix issues, and add whatever is needed to achieve equivalency of `obsidian-wypst` to `obsidian-typst`.

## Usage
You can load this library either by using a script tag, or installing it with npm.

### Script tag (simple usage)
```html
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/wypst@0.0.8/dist/wypst.min.css" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/wypst@0.0.8/dist/wypst.min.js" crossorigin="anonymous"></script>

<script>
    wypst.initialize().then(() => {
        wypst.renderToString("x + y"); // Test it out!
    })
</script>
```

Keep in mind that the javascript file is 17M, so if your internet is slow it might take some seconds to load.

### npm package (advanced usage)
If having the wasm inlined directly is an incovenience, install the npm package
```bash
npm install wypst
```

You may then load the wasm binary
```javascript
import wypst from 'wypst';
import wasm from 'wypst/dist/wypst.wasm';

await wypst.initialize(wasm);
wypst.renderToString("x + y"); // Test it out!
```

Keep in mind that you will probably need to tell your bundler how to load a `.wasm` file. If you have difficulties you can open an issue.

### Rendering Typst Math
To render a Typst math expression, you can use either `render` or `renderToString`, as the example below shows:
```javascript
wypst.render('sum_(n >= 1) 1/n^2 = pi^2/6', element); // Renders into the HTML element
wypst.renderToString('sum_(n >= 1) 1/n^2 = pi^2/6'); // Renders into an HTML string
```

## Contributing
All help is welcome. Please see [CONTRIBUTING](CONTRIBUTING.md).
npm package: @mich4l/nestjs-cassandra
Description: Cassandra Nest.js connector module
Author: Michał Dziuba
Latest version: 1.0.2

<p align="center">
  <img src="https://user-images.githubusercontent.com/43048524/136818805-b9fc463e-3829-4dab-b943-f5e18425c6ff.png" width="320" alt="Nest Cassandra Logo" />
</p>

## Nest.js Cassandra module
Cassandra module based on npm library `cassandra-driver`.

#### Features:
- Simple codebase
- Graceful shutdown
- Multiple connections
- Simple lifecycle hooks (`onReady`, `beforeShutdown`)

### Installation
#### npm
```bash
npm install @mich4l/nestjs-cassandra cassandra-driver
```

#### Yarn
```bash
yarn add @mich4l/nestjs-cassandra cassandra-driver
```

### Examples
`app.module.ts`
```ts
import { Module } from '@nestjs/common';
import { CassandraModule } from 'mich4l/nestjs-cassandra';

@Module({
  imports: [
    CassandraModule.forRoot({
      keyspace: 'my_keyspace',
      contactPoints: ['127.0.0.1'],
      localDataCenter: 'datacenter1',
    }),
  controllers: [],
  providers: [],
})
export class AppModule {}
```

`example.service.ts`
```ts
import { Inject, Injectable } from '@nestjs/common';
import { InjectCassandra } from '@mich4l/nestjs-cassandra';
import { Client } from 'cassandra-driver';

@Injectable()
export class ExampleService {
    constructor(
        @InjectCassandra()
        private readonly dbClient: Client,
    ) {}

    async getAllPosts() {
        const query = 'SELECT * FROM posts';
        const result = await this.dbClient.execute(query);

        return result.rows[0];
    }
}
```

### Async register example
```ts
@Module({
  imports: [
    ConfigModule.forRoot({
      cache: true,
    }),
    CassandraModule.forRootAsync({
      imports: [ConfigModule],
      inject: [ConfigService],
      useFactory: async (config: ConfigService) => {
        return {
          keyspace: config.get('CASSANDRA_KEYSPACE'),
          localDataCenter: config.get('CASSANDRA_DATACENTER'),
          contactPoints: ['127.0.0.1'],
        }
      }
    })
  ],
  controllers: [],
  providers: [],
})
export class AppModule {}
```

### Graceful shutdown
Module closes connection using `onApplicationShutdown` hook. You may need:

`main.ts`
```ts
...
async function bootstrap() {
  const app = await NestFactory.create<NestExpressApplication>(AppModule, {
  });

  app.enableShutdownHooks();
  await app.listen(3000);
}
bootstrap();
```
npm package: @michael-brauner/choosy
Description: A lightweight choice-picker written in vanilla javascript.
Author: Michael Brauner
Latest version: 1.1.1

![Choosy](art/banner.png)

# Choosy

A lightweight vanilla-js choice-picker written in typescript.

- [Setup](#setup)
- [Options](#options)
  - [enabled](#enabled)
  - [limit](#limit)
- [Contributing](#contributing)
  - [Testing](#testing)

# Setup 

```
npm i @michael-brauner/choosy
yarn add @michael-brauner/choosy
```

```javascript
import Choosy from "@michael-brauner/choosy";

new Choosy(document.getElementById("cars"));
```

```html
<!-- import this inside of the `head` of your html document -->
<link rel="stylesheet" href="/dist/choosy.min.css">

<select name="cars" id="cars" multiple>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="mercedes">Mercedes</option>
    <option value="audi">Audi</option>
</select>
```

> Be aware that Choosy automatically restricts the input limit to `1` as soon as the `multiple` attribute is not set
> onto the `select` element.

# Options

Your choosy widget can be configured with some options.  
Just pass your options object as second argument into the `Choosy` constructor.

After the widget got initialized the full `Choosy` object got stored inside a `__x` variable.
This way you can access all public methods even after initialisation.

## enabled

Enable or disable your Choosy.

This causes that no input is possible anymore, the widget is locked at the current state and can't be focused anymore.
A greyed-out effect visualizes this behavior and the cursor shows `not-allowed`.

```javascript
new Choosy(document.getElementById("cars_disabled"), {
    enabled: false
});
```

It is possible to enable / disable the whole widget after initialisation:

```javascript
// enable the widget
getElementById("cars_disabled").__x.enable()

// disable the widget again
getElementById("cars_disabled").__x.disable()
```

## limit

Limits the items you can select with your `Choosy` widget.

```javascript
new Choosy(document.getElementById("cars_limited_2"), {
    limit: 2
})
```

# Contributing

Since Choosy is an open-source project you are very welcome to contribute by sending a PR.

## Compiling
To apply the latest changes and compile it to a ready-to-go package into the `dist` folder you can use the following commands:

```shell
postcss ./src/style/choosy.css -o ./dist/choosy.min.css
rollup -c 
```

## Testing

Choosy uses [Cypress](https://www.cypress.io/) for testing.  
So you are able to start the testsuite with this command:

```shell
yarn tests 
```

If you want to use the cypress client to debug your tests in a real browser, you have to start the `http-server` first
then you can open the cypress-suite:

```shell
yarn http-server -c-1 &
yarn cypress open
```

Actually you can use the `test` script for testing:

```shell
sh test
```

Don't forget to stop the server after you are done:

```shell
CTRL + c # to stop the cypress suite
fg # to bring the http-server in the foreground
CTRL + c # stop the http-server
```