open-index/open-npm huggingface dataset:
npm package: @pikulinpw/ckeditor5-fullscreen
Description: Maximize your CKEditor 5 editing space with the FullScreen plugin. Offering a seamless way to expand the editor to full screen, it ensures an uninterrupted and expansive writing canvas.
Author: Pikulin.pw
Latest version: 1.0.1

# CKEditor 5 FullScreen Plugin

Maximize your CKEditor 5 editing space with the FullScreen plugin. Offering a seamless way to expand the editor to full screen, it ensures an uninterrupted and expansive writing canvas.
This plugin is compatible with various browsers including Chrome, Firefox, Safari, Edge, and Internet Explorer, among others. It provides support for both the latest and older versions of these browsers. It's also optimized for devices like iPhones, iPads, Android devices, and desktop computers.

![Fullscreen Plugin Screenshot](screenshot.png)

## Support the Author

If you find this plugin useful, consider supporting the author to create and maintain more open-source projects. Every contribution, however big or small, is very valuable.

[![Support with PayPal](https://img.shields.io/badge/Support-PayPal-blue.svg)](https://www.paypal.com/donate/?hosted_button_id=WR6B6DNBN2KQS)

## Prerequisites

Before you begin, ensure you have the following dependencies installed:

- [CKEditor 5 Core](https://www.npmjs.com/package/@ckeditor/ckeditor5-core)
- [CKEditor 5 UI](https://www.npmjs.com/package/@ckeditor/ckeditor5-ui)

Install them using npm:

```bash
npm install --save @ckeditor/ckeditor5-core @ckeditor/ckeditor5-ui
```

## Features

- Toggle the CKEditor instance to fullscreen mode for an immersive editing experience.
- Seamless integration with CKEditor 5.
- Customizable toolbar icon for easy access.

## Installation

1. **Using npm**:

   ```bash
   npm install @pikulinpw/ckeditor5-fullscreen
   ```

2. **Manual Installation**:

    - Clone or download this repository.
    - Add it to your CKEditor 5 build using the standard Webpack module imports.

## Usage

1. Add `'fullScreen'` to your editor's plugin list:

```javascript
import FullScreen from '@pikulinpw/ckeditor5-fullscreen';

ClassicEditor
    .create(document.querySelector('#editor'), {
        plugins: [ ..., FullScreen, ...],
        toolbar: [ ..., 'fullScreen', ...]
    })
    .then(editor => {
        console.log(editor);
    })
    .catch(error => {
        console.error(error.stack);
    });
```

2. Add `'fullScreen'` to your toolbar configuration to see the fullscreen button.

## Customization

You can customize the appearance and behavior of the FullScreen plugin by tweaking the source code. All the necessary files (including styles and icons) are available in the source code.

## License

This project is licensed under the MIT License. See the [LICENSE](LICENSE.md) file for details.

## Feedback and Contributions

Feedback, bug reports, and pull requests are welcome. Feel free to [open an issue](https://github.com/pikulinpw/ckeditor5-fullscreen/issues) or submit a pull request if you have something to contribute.
npm package: @pikurate/ds-web
Description: pikurate design system for web.
Author: pikurate_fe
Latest version: 1.0.71

# pikurate-ds-web

pikurate design system for web.

## Install

`npm install --save @pikurate/ds-web`

## How To Use

```
  import { Button, Icon } from '@pikurate/ds-web';

  const Example = () => (
    <div>
      <Button theme="active" onClick={() => {}}>
        버튼 <Icon icon="check_white" size="4rem" />
      </Button>
    </div>
  )
```

### How to Develop

#### setup project

[Pikurate Design System project](https://gitlab.com/pikurate/ds-web.git)

`git clone https://gitlab.com/pikurate/ds-web.git`

`npm install`

`npm run sb`

### build

`yarn build-sb` : netlify 에서 필요함
`yarn build` : npm 시 사용할 코드

배포 전에는 반드시 빌드를 하도록 합시다.

- 현재 배포된 서버는 핸리의 개인 계정이 연동된 넷플리파이 계정에 연동되어 있습니다.
- build-sb 커맨드를 수정하지 마시기 바랍니다.
- netlify 에서 사용중입니다.

#### 배포하기

`yarn login`

`yarn publish --access public`

---

> Author : brady

> Data: 22/05/03

### 스토리북 작성방법

1. 이 프로젝트는 디자인 시스템 구축 및 테스트 활용을 위해서 개발되었습니다.
2. 참고한 레포지토리는 codeacademy 의 gamut design system 입니다.
   [🚀링크](https://github.com/Codecademy/gamut)
3. 모든 컴포넌트는 `src/Component` 에 배치합니다.
4. 모든 스토리는 `stories` 폴더에 배치합니다.
5. 스토리의 구분은 다음과 같습니다.

   ```
   "@Legacy", // 레거시 파일들 입니다.
   "Foundations", // 디자인 시스템의 근본이 되는 친구들 입니다.
   "Typography", // 타이포
   "Layouts", // 레이아웃
   "Atoms", // 원자단위 컴포넌트 (버튼, 카드 등)
   "Molecules", // 분자단위 컴포넌트 (원자 조합 컴포넌트)
   "Organisms", // 조직단위 컴포넌트 (폼, 리스트, 테이블 등)
   "Pages", // 페이지 화면
   "Brand", // 브랜드 관련 컴포넌트 (아바타, 로고 등등)
   "Hooks", // 테스트 위한 Hooks 컴포넌트
   ```
npm package: @pilab-indonesia/pichat
Description: Anonymous cloud chat platform
Author: PiLab Indonesia
Latest version: 1.0.0

# PiChat - Anonymous Cloud Chat Platform
**An anonymous chat platform built with Node.js, featuring modern real-time communication capabilities.**

This project leverages Express.js for the backend and Socket.IO for real-time messaging. The user interface is crafted with Tailwind CSS, ensuring a responsive and sleek design. Designed for anonymous and seamless conversations, the platform enables users to join chat channels freely using custom nicknames, similar to platforms like hack.chat. Perfect for spontaneous discussions, private rooms, or themed communities — all without the need for registration.


# PiChat - Anonymous Cloud Chat Platform
**An anonymous chat platform built with Node.js, featuring modern real-time communication capabilities.**
![PiChat Logo](https://raw.githubusercontent.com/PiLab-Indonesia/pichat/main/public/logo.png)

This project leverages Express.js for the backend and Socket.IO for real-time messaging. The user interface is crafted with Tailwind CSS, ensuring a responsive and sleek design. Designed for anonymous and seamless conversations, the platform enables users to join chat channels freely using custom nicknames, similar to platforms like hack.chat. Perfect for spontaneous discussions, private rooms, or themed communities — all without the need for registration. PiChat is an anonymous cloud chat platform built with Node.js and Socket.IO, featuring modern UI/UX design.

## Features

- Anonymous chat without registration
- Multi-channel support
- Real-time communication
- Modern UI with dark/light mode
- End-to-end encryption (optional)
- File and image sharing

## Installation

```bash
npm install @pilab-indonesia/pichat
```