open-index/open-npm huggingface dataset:
npm package: @solid-integrations/rollup
Description: An integration for rollup
Author: Thomas Beer
Latest version: 0.0.300

<p>
  <img width="100%" src="https://assets.solidjs.com/banner?type=Primitives&background=tiles&project=rollup" alt="Solid Primitives rollup">
</p>

# @solid-integrations/rollup

[![turborepo](https://img.shields.io/badge/built%20with-turborepo-cc00ff.svg?style=for-the-badge&logo=turborepo)](https://turborepo.org/)
[![size](https://img.shields.io/bundlephobia/minzip/@solid-integrations/rollup?style=for-the-badge&label=size)](https://bundlephobia.com/package/@solid-integrations/rollup)
[![version](https://img.shields.io/npm/v/@solid-integrations/rollup?style=for-the-badge)](https://www.npmjs.com/package/@solid-integrations/rollup)
[![stage](https://img.shields.io/endpoint?style=for-the-badge&url=https%3A%2F%2Fraw.githubusercontent.com%2Fsolidjs-community%2Fsolid-primitives%2Fmain%2Fassets%2Fbadges%2Fstage-0.json)](https://github.com/solidjs-community/solid-primitives#contribution-process)

A sample primitive that is made up for templating with the following options:

- [`createCompiled`](#createcompiled) - Returns a resource containing the rollup output after bundling the given code.
- [`createCompiledCode`](#createcompiledcode) - Composes createCompiled - instead returning an accessor containing the bundled code.

## Installation

```bash
npm install @solid-integrations/rollup
# or
yarn add @solid-integrations/rollup
# or
pnpm add @solid-integrations/rollup
```

## How to use it

## `createCompiled`

```ts
const [files, setFiles] = createSignal({
  "main.js": "import {coolFun} from './coolFile.js'; coolFun()",
  "coolFile.js": "export function coolFun(){console.log('Hello World')}",
});
const [compiled] = createCompiled(files);
console.log(compiled()); // Displays rollup's output from bundling the code.
// This includes extra metadata, rather than just the file itself
```

## `createCompiledCode`

```ts
const [files, setFiles] = createSignal({
  "main.js": "import {coolFun} from './coolFile.js'; coolFun()",
  "coolFile.js": "export function coolFun(){console.log('Hello World')}",
});
const compiled = createCompiledCode(files);
console.log(compiled()); // Displays the bundled code generated by rollup
```

## Changelog

See [CHANGELOG.md](./CHANGELOG.md)
npm package: @solid-js/css-flat
Description: Clean CSS-flat file written in pure CSS.
Author: Solid JS core team
Latest version: 1.0.1

# css-flat

*css-flat* is a clean CSS flat file written in pure CSS. It can also be imported in LESS or SASS projects.

# Motivation

For custom projects we need full control of style of our components and therefore by-pass the default browser markup style.
[normalize.css](http://necolas.github.io/normalize.css/) offer a reset starter allowing to maintaining pre-style markups like title or list between each browsers, while
*css-flat* normalize and especially **flat** markups style. 

This one will be use to start project with the **flattest style as possible**.

## Example

`<h1>` browser return:

```css
h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
```      

`<h1>` *css-flat* will overwrite some values and return:
```css
h1 {
    display: block; /* default browser value */
    font-size: 1em; /* reset */
    margin: 0; /* reset */
    font-weight: normal; /* reset */
}
```

## Test

You can [test it online!](https://codesandbox.io/s/github/solid-js/css-flat/tree/master/?fontsize=14)

## Credit 

Written and maintained by [Solid JS core team](https://github.com/solid-js). 

## Licence

[MIT License](./LICENSE)
npm package: @solid-js/files
Description: File is a NodeJS file operations helper with a super simple API to make build scripts easy and readable.
Author: Alexis Bouhet
Latest version: 2.2.4
Deprecated: Please use @zouloux/files now

# DEPRECATED

Please use [@zouloux/files](https://github.com/zouloux/files) now.

```npm i @zouloux/files```
npm package: @solid-js/signal
Description: Function based event system. Can replace classic event implementation, with strong typing. Inspired from Robert Penner's AS3 Signals.
Author: Alexis Bouhet
Latest version: 1.0.3
Deprecated: Please use @zouloux/signal now

# DEPRECATED

Please use [@zouloux/signal](https://github.com/zouloux/signal) now.

```npm i @zouloux/signal```
npm package: @solid-macros/volar
Description: Volar/TS Macro plugin for improving Solid developer experience
Author: XiNiHa
Latest version: 0.1.3

# @solid-macros/volar

Volar/[TS Macro](https://github.com/ts-macro/ts-macro) plugin for improving Solid developer experience.

## Setup

```ts
// ts-macro.config.ts
import solidMacros from "@solid-macros/volar";

export default {
	plugins: [
		solidMacros({
			// plugin configuration goes here
		}),
	],
};
```

## Features

### narrowed-show

Make `<Show>` narrow the types with the condition.

Pass `narrowedShow: true` to the plugin config to enable.

```tsx
const nullableArray: number[] | null = Math.random() > 0.5 ? [0] : null;

<Show
	when={nullableArray}
	fallback={nullableArray}
	// before: number[] | null
	// after: null
>
	{
		nullableArray.length
		// before: type error due to nullableArray being number[] | null
		// after: nullableArray narrowed to number[], no error
	}
</Show>;
```

### narrowed-switch

Make `<Switch>` narrow the types with the condition.

Pass `narrowedSwitch: true` to the plugin config to enable.

```tsx
const route = "home" as "home" | "about" | "settings" | undefined;

<Switch
	fallback={route}
	// before: "home" | "about" | "settings" | undefined
	// after: undefined
>
	<Match when={route === "home"}>
		{
			route
			// before: "home" | "about" | "settings" | undefined
			// after: "home"
		}
	</Match>
	<Match when={route === "about"}>
		{
			route
			// before: "home" | "about" | "settings" | undefined
			// after: "about"
		}
	</Match>
	<Match when={route === "settings"}>
		{
			route
			// before: "home" | "about" | "settings" | undefined
			// after: "settings"
		}
	</Match>
</Switch>;
```

### typed-dom-jsx

Typecast JSX tags with DOM elements into corresponding HTML elements.

Pass `typedDomJsx: true` to the plugin config to enable.

```tsx
const el = <div />;
// before: JSX.Element
// after: HTMLDivElement
console.log(el.clientTop);
// before: type error
// after: correctly typechecked
```

### unwrapped-accessors

Automatically unwrap accessors as variables for hinting idempotency.

Pass `unwrappedAccessor: true` to the plugin config to enable.

```tsx
// the macro works based on the naming convention
// you can configure custom patterns using the `accessorPattern` option
const [wrapperRef$, setWrapperRef] = createSignal<HTMLElement | undefined>();
createEffect(() => {
	if (!wrapperRef$()) return;
	console.log(wrapperRef$().clientTop);
	// before: type error due wrapperRef() being HTMLElement | null
	// after: wrapperRef() narrowed to HTMLElement, no error
});
```