open-index/open-npm huggingface dataset:
npm package: @storyblok/live-preview
Description: Official Live Preview integration for the Storyblok Headless CMS
Author: Storyblok
Latest version: 0.1.1

<div align="center">

![Storyblok ImagoType](https://raw.githubusercontent.com/storyblok/.github/refs/heads/main/profile/public/github-banner.png)

<h1 align="center">@storyblok/live-preview</h1>
 <p>
   Lightweight helpers to enable Storyblok Live Preview and Visual Editor
   updates across client-side and SSR frameworks.
 </p>
 <br />
</div>

<p align="center">
  <a href="https://npmjs.com/package/@storyblok/live-preview">
    <img src="https://img.shields.io/npm/v/@storyblok/live-preview/latest.svg?style=flat-square&color=8d60ff" alt="Storyblok Live Preview" />
  </a>
  <a href="https://npmjs.com/package/@storyblok/live-preview" rel="nofollow">
    <img src="https://img.shields.io/npm/dt/@storyblok/live-preview.svg?style=appveyor&color=8d60ff" alt="npm">
  </a>
  <a href="https://storyblok.com/join-discord">
   <img src="https://img.shields.io/discord/700316478792138842?label=Join%20Our%20Discord%20Community&style=appveyor&logo=discord&color=8d60ff">
   </a>
  <a href="https://twitter.com/intent/follow?screen_name=storyblok">
    <img src="https://img.shields.io/badge/Follow-%40storyblok-8d60ff?style=appveyor&logo=twitter" alt="Follow @Storyblok" />
  </a>
</p>

## Installation

```bash
npm install @storyblok/live-preview
# or
yarn add @storyblok/live-preview
```

## Usage

### Live preview

Covers the most common live preview use cases with minimal setup.

```ts
import { onStoryblokEditorEvent } from '@storyblok/live-preview';

onStoryblokEditorEvent((story) => {
  // update local state
});
```
### Low-level Preview Bridge access
For advanced use cases where full control is needed, the Preview Bridge can be accessed directly.
```ts
import { loadStoryblokBridge } from '@storyblok/live-preview';

const bridge = await loadStoryblokBridge(bridgeOptions);

bridge.on(['input', 'change', 'published'], (event) => {
  // custom preview handling
});
```
## Documentation

This package is intentionally minimal.
More helpers and examples will be added over time as usage expands.

## Community

For help, best practices, or discussions:

* [Storyblok GitHub Discussions](https://github.com/storyblok/monoblok/discussions)
* [Join the Storyblok Discord](https://storyblok.com/join-discord)

## Support

For bugs or feature requests, please
[submit an issue](https://github.com/storyblok/monoblok/issues/new/choose).

## License

[MIT](/LICENSE)
npm package: @storyblok/mui
Description: A Storyblok MUI theme with reusable components.
Author: Johannes Lindgren
Latest version: 0.3.1

<div style="text-align:center">
  <h1 style="text-align:center">
    <code>@storyblok/mui</code>
  </h1>
  <p style="text-align:center">
    A MUI Theme with multiple additional reusable components for Storyblok.
  </p>
</div>

[![Node.js Package](https://github.com/storyblok/mui/actions/workflows/npm-publish.yml/badge.svg?branch=develop)](https://github.com/storyblok/mui/actions/workflows/npm-publish.yml)

`@storybook/mui` is a component library based on [MUI](https://mui.com/). It is the ideal package to use for building Storyblok extensions with React as it takes care of the task of styling your components and lets you focus on building business logic. Thus, extensions built with `@storybook/mui` will seamlessly, visually integrate into Storyblok.

Find the full documentation for this package [here](https://storyblok-mui.vercel.app/).

## What is MUI?

From [mui.com](https://mui.com/material-ui/getting-started/overview/):

> MUI is an open-source React component library that implements Google's Material Design.
>
> It includes a comprehensive collection of prebuilt components that are ready for use in production right out of the box.

## What is included in this package?

`@storybook/mui` consists of a [MUI theme](https://mui.com/material-ui/customization/theming/) that styles the MUI standard components according to [Storyblok's design system](https://blok.ink). Since `@storybook/mui` is based on MUI, all the [MUI standard components](https://mui.com/material-ui/getting-started/supported-components/) are available. Some of these components are visualised in the [MUI Components section](https://storyblok-mui.vercel.app/?path=/story/mui).

`@storybook/mui` also provides some additional components that are unique to this package. For example, the `<AppLayout />` component is great for building custom application extensions. The documentation for all these components is located [here](https://storyblok-mui.vercel.app/).


## Getting Started

The steps below explains how to include `@storyblok/mui` in your project.

### Prerequisites

First of all, set up MUI with the help of [MUI's official documentation](https://mui.com/).

With npm:
```shell
npm install @mui/material @emotion/react @emotion/styled
```

With yarn:
```shell
yarn add @mui/material @emotion/react @emotion/styled
```

### Installation

Install `@storyblok/mui`:

````shell
npm install --save-exact @storyblok/mui
````

With yarn:

````shell
yarn add --exact @storyblok/mui
````

Wrap your application within a `<ThemeProvider /> component`:


````typescript jsx
import { lightTheme } from '@storyblok/mui'
import {
  CssBaseline,
  Button,
  ThemeProvider
} from "@mui/material";

const App = () => (
    <ThemeProvider theme={lightTheme}>
      <CssBaseline />
      <Button>
        Hello
      </Button>
    </ThemeProvider>
)
````
npm package: @storyblok/nuxt-auth
Description: Storyblok's authentification module for the Nuxt.js
Author: Samuel Snopko
Latest version: 1.4.0
Deprecated: Disclaimer: No Longer Maintained Please be aware that this module is no longer actively maintained or supported. However, it is important to note that this change will not break any existing functionality or cause disruptions. While bug fixes, updates, and new feature development will not be provided, the module will continue to work as it currently does. Compatibility with future systems, frameworks, or dependencies is not guaranteed, and caution should be exercised when using it with the latest technologies. The issue tracker is no longer monitored, and new issues will not be addressed. The decision to discontinue the maintenance and support of this module was driven by resource limitations and a shift in project focus. We recommend considering Storyblok App Extension Auth (https://www.npmjs.com/package/@storyblok/app-extension-auth) as an alternative solution. No further contributions or pull requests will be accepted for this module.