open-index/open-npm huggingface dataset:
npm package: @masa-dev/holidays-jp
Description: holidays-jp.github.ioからデータを取得して判定。非公式
Latest version: 0.1.1
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Holidays Jp

holidays-jp.github.ioからデータを取得して判定します。非公式です。

CORS制限なく、ブラウザでも利用できます。

## Install

```
npm i @masa-dev/holidays-jp
```

## Usage

```typescript
import { HolidaysJp } from '@masa-dev/holidays-jp';

async function main(){
    // インスタンスを作成
    const holidaysJp = new HolidaysJp();

    // 祝日データを取得
    await holidaysJp.retrieve();

    // 特定の日付が祝日かどうか
    console.log(holidaysJp.isHoliday(new Date('2024-01-01'))); // true

    // 特定の日の祝日情報
    console.log(holidaysJp.find(new Date('2024-01-01'))); // "元日"
}
```

## License

MIT
npm package: @masa-dev/mui-enhance
Description: This package enhances MUI.
Latest version: 1.1.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Mui Enhance

This package enhances MUI.

## Screenshot
![MUI Enhance](https://raw.githubusercontent.com/MOhhh-ok/mui-enhance/refs/heads/main/packages/demo/screenshot.png)

## Install

```
npm i @masa-dev/mui-enhance
```

## Usage

```tsx
import { A, H1, H2, H3, H4, H5, H6, HtmlSanitizedContent, P } from '@masa-dev/mui-enhance';
import { SpanButton } from '@masa-dev/mui-enhance/client';
import { NumberInput, PercentageInput } from '@masa-dev/mui-enhance/client/inputs';
import { Box, Stack } from '@mui/material';
import React from 'react';

export default function App() {
    return <Stack>
        <Headers />
        <Paragraphs />
        <LinksAndButtons />
        <HTMLs />
        <Inputs />
        <InputsWithReactHookForm />
    </Stack >
}

function Headers() {
    return <Group name="Headers">
        <H1>MUI Header1</H1>
        <H2>MUI Header2</H2>
        <H3>MUI Header3</H3>
        <H4>MUI Header4</H4>
        <H5>MUI Header5</H5>
        <H6>MUI Header6</H6>
    </Group>
}

function Paragraphs() {
    return <Group name="Paragraphs">
        <P>MUI Paragraph</P>
    </Group>
}

function LinksAndButtons() {
    return <Group name="Links and Buttons">
        <A href="https://google.com">MUI Link</A>
        <SpanButton onClick={() => alert('clicked')}>SpanButton</SpanButton>
    </Group>
}

function HTMLs() {
    return <Group name="HTML">
        <HtmlSanitizedContent html={"<p>script in html is <b>sanitized</b></p><script>alert('Hello World!')</script>"} />
    </Group>
}

function Inputs() {
    const [n, setN] = React.useState(0);
    const [currency, setCurrency] = React.useState(0);
    const [percentage, setPercentage] = React.useState(0);
    return <Group name="Inputs">
        {n}
        <NumberInput value={n} onChange={setN} />
        {currency}
        <NumberInput endText='JPY' value={currency} onChange={(v) => setCurrency(v)} />
        {percentage}
        <PercentageInput value={percentage} onChange={(v) => setPercentage(v)} />
    </Group>
}

function InputsWithReactHookForm() {
    const { register, watch } = useForm({ defaultValues: { n: 0, currency: 0, percentage: 0 } });
    const n = watch('n');
    const currency = watch('currency');
    const percentage = watch('percentage');
    return <Group name="Inputs with React Hook Form">
        {n}
        <NumberInput {...register('n')} />
        {currency}
        <NumberInput endText='JPY' {...register('currency')} />
        {percentage}
        <PercentageInput {...register('percentage')} />
    </Group>
}

function Group(props: { name: string, children: React.ReactNode }) {
    return <Stack sx={{ padding: 1 }}>
        <Box sx={{ background: "#999", color: "white", padding: "0.3em 0.8em" }}>{props.name}</Box>
        <Stack sx={{ padding: 2 }}>
            {props.children}
        </Stack>
    </Stack>
}
```

## License

MIT
npm package: @masa-dev/path-builder
Description: This is a builder for url path with encode. Type safe.
Latest version: 2.0.0
Deprecated: Package no longer supported. Contact Support at https://www.npmjs.com/support for more info.

# Path builder

This is a builder for url path with encode.
Type safe.

## Install

```
npm i @masa-dev/path-builder
```

## Usage

```ts
const builder = createBuilder('/{locale}/users/?name={name}');
const path = builder.build({
    locale: 'ja',
    name: '山田太郎',
}); // => '/ja/users/?name=%E5%B1%B1%E7%94%B0%E5%A4%AA%E9%83%8E'
```

## License

MIT