open-index/open-npm huggingface dataset:
npm package: @next-level-integration/timedatepicker
Description: NLI Date and Time picker
Author: Albert Szekely
Latest version: 0.0.0-beta

# @next-level-integration/timedatepicker
#### Install:
    npm install @next-level-integration/timedatepicker
##### Importing:
    import { TimeDatePickerModule } from '@next-level-integration/timedatepicker';
#### Usage:
    <timedatepicker [ngModel]="relocationDate" (change)="changeDate($event)"></timedatepicker>
npm package: @next-level-integration/timeseries-card
Description: Timeseries Mat Card
Author: Albert Szekely
Latest version: 2.0.0

# @next-level-integration/timeseries-card
#### Install:
    npm install @next-level-integration/timeseries-card
##### Importing:
    import { NliTimeseriesModule } from '@next-level-integration/timeseries-card';

### Usage

###### HTML
    <nli-timeseries-card [referencesIdsWithObises]="referencesIdsWithObises" [obises]="obises" [timeseriesConfig]="timeseriesConfig" [isLoading]="isLoading"></nli-timeseries-card>


# Changelog:
* 1.0.0 Initial version

# TODO:
* Implement translation using transferable translate service ( ex: send ngx translate service from parent app and use it inside the module )
* Implement configurable columns and filters inputs
npm package: @next-md-blog/core
Description: A React library for parsing and displaying markdown blog posts in Next.js
Author: next-md-blog
Latest version: 1.0.7

# @next-md-blog/core

**Next.js App Router–first** helpers for **Markdown / MDX** posts on disk: **`MarkdownContent`**, **`generateBlogPostMetadata`**, **JSON-LD** (including richer **Organization** publisher data), **RSS**, and SEO via **[metadata file conventions](https://nextjs.org/docs/app/api-reference/file-conventions/metadata)** — use **`app/sitemap.ts`** / **`app/robots.ts`** / optional **`feed.xml`** with **`@next-md-blog/core/next`** (`getBlogSitemap`, `getBlogRobots`, `createRssFeedResponse`).

## Install

```bash
npm install @next-md-blog/core
```

Peers: `next@^16`, `react@^19`, `react-dom@^19`.

## Documentation

- **Published docs:** [https://www.next-md-blog.com](https://www.next-md-blog.com)
- **Live demos:** [demo.next-md-blog.com](https://demo.next-md-blog.com) (single locale) · [demo.i18n.next-md-blog.com](https://demo.i18n.next-md-blog.com) (i18n)
- **Vercel:** single locale [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fnext-md-blog%2Fnext-md-blog%2Ftree%2Fmain%2Ftemplates%2Fsingle%2F) · i18n [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fnext-md-blog%2Fnext-md-blog%2Ftree%2Fmain%2Ftemplates%2Fi18n)
- **Source & issues:** [github.com/next-md-blog/next-md-blog](https://github.com/next-md-blog/next-md-blog)

To build the docs locally:

```bash
git clone https://github.com/next-md-blog/next-md-blog.git
cd next-md-blog
pnpm install && pnpm dev:docs
```

Then open [http://localhost:5101](http://localhost:5101).

Entry points in the repo: [Home / overview](https://github.com/next-md-blog/next-md-blog/blob/main/docs/content/index.mdx), [API reference](https://github.com/next-md-blog/next-md-blog/blob/main/docs/content/api-reference.mdx).

## Quick usage

```tsx
import {
  getBlogPost,
  getAllBlogPosts,
  MarkdownContent,
  createConfig,
  generateBlogPostMetadata,
} from '@next-md-blog/core';
import blogConfig from '@/next-md-blog.config';

const post = await getBlogPost('hello', { config: blogConfig });
```

Scaffold routes, **`sitemap.ts`**, **`robots.ts`**, and config with **`npx @next-md-blog/cli`**.

### `app/sitemap.ts` / `app/robots.ts`

```ts
import { getAllBlogPosts } from '@next-md-blog/core';
import { getBlogSitemap, getBlogRobots } from '@next-md-blog/core/next';
import blogConfig from '@/next-md-blog.config';

export default async function sitemap() {
  const posts = await getAllBlogPosts({ config: blogConfig });
  return getBlogSitemap(posts, blogConfig);
}
```

```ts
import { getBlogRobots } from '@next-md-blog/core/next';
import blogConfig from '@/next-md-blog.config';

export default function robots() {
  return getBlogRobots(blogConfig);
}
```

## Links

- [npm](https://www.npmjs.com/package/@next-md-blog/core)
- [Issues](https://github.com/next-md-blog/next-md-blog/issues)
- Source: [`packages/core`](https://github.com/next-md-blog/next-md-blog/tree/main/packages/core)

## License

MIT
npm package: @next-mini-router/core
Description: Virtual and dynamic routes made simple, like react-router-dom, but with the NextJs way
Author: Lucas Santos
Latest version: 1.2.0

# next-mini-router

Virtual and dynamic routes made simple, like react-router-dom, but with the Next.js way

## Installation

``` 
npm install @next-mini-router/core
```

## Usage

```
import { NextMiniRouter, Route } from '@next-mini-router/core'

const Home = () => <h1>Home</h1>
const About = () => <h1>About</h1>
const NotFound = () => <h1>Not Found</h1>

const App = () => (
  <NextMiniRouter defaultState={{...variables }}>
    <Route path="/">
        <Home />
    </Route>
    <Route path="/about">
        <About />
    </Route>
  </Router>
)
```
npm package: @next-mobx-store/core
Description: Next.js 에서 mobx 스토어를 사용할때 hydration에 필요한 기능들을 적용시키는 기능을 구현했습니다. 개발자는 mobx 스토어의 RootStore 를 선언하고 해당 모듈에서 제공하는 RootStoreProvider에 서버사이드에서 넘겨받은 hydration 데이터를 프롭스로 전달해주면 서버사이드와 클라이언트 사이드에서 RootStore를 접근, 사용 가능하도록 구현했습니다.
Latest version: 0.7.0

# next-mobx-store

Next.js 에서 mobx 스토어를 사용할때 hydration에 필요한 기능들을 적용시키는 기능을 구현했습니다. 개발자는 mobx 스토어의 RootStore 를 선언하고 해당 모듈에서 제공하는 RootStoreProvider에 서버사이드에서 넘겨받은 hydration 데이터를 프롭스로 전달해주면 서버사이드와 클라이언트 사이드에서 RootStore를 접근, 사용 가능하도록 구현했습니다. 

## Documentation

https://next-mobx-store-docs.vercel.app/

<hr style="height:1px"/>

### Installation

```shell
npm i @next-mobx-store/core @next-mobx-store/hooks
```
```shell
yarn add @next-mobx-store/core @next-mobx-store/hooks
```

<hr style="height:1px"/>
 

### RootStore 설정

Mobx 스토어를 전역상태로 사용하기위해 RootStore 를 선언하기 위해서 `createRootStore` 를 사용합니다.

`createRootStore`는 RootStore 인스턴스를 매개변수로 받아 hydratation 해줄 메소드를 구성하고 호출되도록합니다. 또한, hydration 과정에서 사용될 `serialize`, `deserialize` 함수를 매개변수로 넘겨주어 원하는 serialize, deserialize 함수를 사용할 수 있도록합니다. 

```tsx
// 기본 사용
createRootStore(new RootStore());

// serialize, deserialize 외부 모듈 사용
createRootStore(new RootStore(), {
  serialize: anotherSerialize,
  deserialize: anotherDeSerialize
});
```

<hr style="height:1px"/>

### _app.tsx

서버사이드에서 hydration된 스토어들을 RootStoreProvider 에 프롭스로 전달해줍니다.  MyApp의 pageProps에서 hydrationData와 컴포넌트의 props 를 구분하기 위해 `useHydrateProps` 훅을 사용합니다.

```tsx
import type { AppProps } from "next/app";
import { RootStoreProvider } from "@next-mobx-store/core";
import { useHydrateProps } from "@next-mobx-store/hooks";
import RootStore from '../store/RootStore';

createRootStore(new RootStore());

export default function App({ Component, pageProps }: AppProps) {
  const { store, props } = useHydrateProps(pageProps);
  return (
    <RootStoreProvider store={store}>
      <Component {...props} />
    </RootStoreProvider>
  );
}
```

여러 페이지의 하위 컴포넌트내부에서 RootStore에 접근해야하는 경우 `useRootStore` 훅을 사용해주세요.

```tsx
import { useRootStore } from "@next-mobx-store/hooks";

export default function SomeComponent() {
  const { todoStore } = useRootStore();
  // ...
}
```

<hr style="height:1px"/>



### Hydration Store

서버사이드에서 serialize 된 데이터가 hydration 되려면  `IHydrationStore` 인터페이스를 구현하고 있는 스토어가 getServerSideProps, getStaticProps의 리턴값에 있어야합니다.

```tsx
// IHydrationStore
class TodoStore implements IHydrationStore {
  // ... 생략

  hydrate(hydrateData?: DeserializeStore<TodoStore>) {
    // ...
  }
}
```


`IHydrationStore`를 implements 하는 스토어를 서버사이드에서 상태값을 업데이트 해준후 `serializeStore` 를 사용하여 hydration 가능한 형태로 반환해줍니다.

```tsx
 fimport { serializeStore } from "@next-mobx-store/core";
import { useRootStore } from "@next-mobx-store/hooks";

export default function Page() {
  // ...
}

export function getServerSideProps(ctx: GetServerSidePropsContext) {
  // ...
  const todoStore = new TodoStore();
  todoStore.init();
  return {
    props: {
      hydrationData: {
        todoStore: serializeStore(todoStore)
      }
    }
  }
}
```
npm package: @next-recall/core
Description: Core module for next-recall
Author: Anjianto
Latest version: 0.4.0

# @next-recall/core

Core module for next-recall

## Installation

With NPM:

```bash
  npm i @next-recall/core
```

With Yarn:

```bash
  yarn add @next-recall/core
```

## Authors

<a href="https://github.com/Anjianto"><img src="https://avatars.githubusercontent.com/u/61521141?v=4?s=100" width="100px;" style="border-radius: 50px;" alt="Anjianto Avatar"/><br /><sub><b>Anjianto</b></sub></a><br /><a href="https://github.com/blitz-js/blitz/commits?author=Anjianto" title="Code">💻</a>