open-index/open-npm huggingface dataset:
npm package: @msa_dev_tech/schedule-x-custom-view
Description: A custom calendar view extension for Schedule-X
Author: MSA
Latest version: 1.0.7

# Schedule-X extension builder

You can use this project for developing views and plugins for Schedule-X.

## Adding a view: step by step

### 1. Use /packages/view-starter as a template for your new view.

The two files `/packages/view-starter/index.ts` and `/packages/view-starter/styles/index.scss`, are entry points for
your view. The former will be compiled into 3 different types of JS-files (CJS, ESM & UMD), and the latter
will be compiled into a CSS-file.

Whenever you change the name of the view, make sure to update the path to your SCSS entrypoint, in `scripts/build.mjs`

### 2. Build your view

Use the `packages/view-starter/src/components/view-wrapper.tsx` component as a starting point for building your view.

Your components are built using Preact: https://preactjs.com/

### 3. Compile

`npm run build`

This should output a dist folder inside your package. The `package.json` of your view is already
pointing to all your compiled files with the properties `module`, `main`, `umd`, `exports` and `types`.

### 4. Ship

There are a few different ways to utilize your newly built view:

1. [Publish to npm](https://docs.npmjs.com/creating-and-publishing-scoped-public-packages): **Effort: M**
2. [Publish to a private npm registry e.g. Verdaccio](https://verdaccio.org/) **Effort: XL**
3. Target the view as a local folder **Effort: S**

If you choose the last option, keeping this entire project as a subfolder in an existing projext, you should be able to
import your view like this:

```ts
import { createView } from '{your_path_to_this_repo}/extension-builder/packages/view-starter';
import '{your_path_to_this_repo}/extension-builder/packages/view-starter/index.css'
```
npm package: @msaaddev/gitignore
Description: Generates gitignore file in your project
Author: Saad Irfan
Latest version: 1.0.4

# ⚠️ gitignore

![version](https://img.shields.io/npm/v/@msaaddev/gitignore?color=2FD566)
![license](https://img.shields.io/npm/l/@msaaddev/gitignore?color=2FD566)
![downloads](https://img.shields.io/npm/dt/@msaaddev/gitignore?color=2FD566)

Quickly generate a `.gitignore` file in your project.

<br>

<img src="./assets/rocket.png" width="10%" />

## Usage

Navigate to your project directory then run the following command in the terminal:

```sh
npx @msaaddev/gitignore
```

<br>

<img src="./assets/workflow.png" width="10%" />

## Output

Generates a `.gitignore` file with following contents in your project folder.

```.gitignore
# NPM #
##########
# Ignore all directories called node_modules in current folder and any subfolders.
node_modules/
/node_modules/

# Packages #
############
*.7z
*.dmg
*.gz
*.bz2
*.iso
*.jar
*.rar
*.tar
*.zip
*.tgz
*.map

# Logs and databases #
######################
*.log
*.sql
*.env

# OS generated files #
######################
**.DS_Store*
ehthumbs.db
Icon?
Thumbs.db
._*

# Vim generated files #
######################
*.un~

# SASS #
##########
**/.sass-cache
**/.sass-cache/*
**/.map

# Composer #
##########
!assets/js/vendor/
wpcs/
/vendor/

# Bower #
##########
assets/bower_components/*

# Codekit #
##########
/codekit-config.json
*.codekit
**.codekit-cache/*

# Compiled Files and Build Dirs #
##########
/README.html

# PhpStrom Project Files #
.idea/
library/vendors/composer
assets/img/.DS_Store

# Visual Studio Project Files #
.vs/

# No lock files.
package-lock.json
yarn.lock
settings.dat

# next.js
/.next/
/out/
```

## ⚡️ Other Projects

I have curated a [detailed list](https://github.com/msaaddev/open-source) of all the open-source projects I have authored. Do take out a moment and take a look.

## 🔑 License & Conduct

- MIT © [Saad Irfan](https://github.com/msaaddev)
- [Code of Conduct](https://github.com/msaaddev/gitignore/blob/master/code-of-conduct.md)