open-index/open-npm huggingface dataset:
npm package: @jorelwall451/html-component
Description: html component is a framework that adds the possibility of separating code through components, leaving your code cleaner.
Author: jorelwall451
Latest version: 1.0.3

# HTML-COMPONENT

 HTML-COMPONENT is a framework that adds the possibility of separating code through components, leaving your code cleaner. 

### `<component>`

The `<component>` tag is used to define a generic component. It encapsulates a set of related HTML elements. In the example provided, the `<component>` is used to define a generic layout with multiple divisions (`<div>`) that contain example text.

```html <component name="">
  <div class="container">
    <div class="header">Header Content</div>
    <div class="body">Body Content</div>
  </div>
</component>
```

### `<new-component>`

The `<new-component>` tag is used to define a new component. It allows the creation of custom components with the desired structure and behavior. In the given example, `<new-component>` is used to define specific components, such as the layout of a page (`<Layout>`), the header (`<Header>`), etc.

### Parameters

Both the `<component>` and `<new-component>` tags can accept parameters that can be passed to the component. For example, 
 - `param:title` parameter specifies that the component can accept a parameter called "title".
 
 This allows the component to be customized with different titles as needed.

### Variables

Within a component, you can use variables enclosed in braces `{}` to dynamically insert values ​​into its content. For example, `{title}` is a variable that will be replaced by the value of the "title" parameter passed to the component.

These are the main tags and concepts used in the example provided. They enable the creation of a modular, reusable framework for defining custom components in a tagging system.
npm package: @jorenrothman/laravel-mix-svelte
Description: A Laravel Mix extension for Svelte support.
Author: Gal Jakic
Latest version: 0.5.1

# Laravel Mix Svelte

A Laravel Mix extension for Svelte support.

## Why?

Svelte is an interesting new approach in the JavaScript space, created by [@Rich_Harris](https://twitter.com/Rich_Harris). While traditional frontend frameworks do the bulk of their work in the browser, Svelte does this in compilation step. They provide a fluid syntax for writing expressive code, but compile it down to small, framework-less vanilla JavaScript.

If you don't know what Svelte is, we highly recommend starting with Rich Harris' talk [Rethinking Reactivity](https://youtu.be/AdNJ3fydeao) from YGLF Code Camp 2019, his [introductory blog post](https://svelte.dev/blog/svelte-3-rethinking-reactivity) or - if you're more of a hands-on type - Svelte's [interactive tutorial](https://svelte.dev/tutorial/).

*This package is still in active development, so you might want to [watch](https://github.com/wewowweb/laravel-mix-svelte/subscription) the repository to be notified of future changes.*

## Installation

You can install the package via npm or yarn:

```bash
npm install wewowweb/laravel-mix-svelte
```

## Usage

After installing it, just require it in your `webpack.mix.js` file like so:

``` js
const mix = require('laravel-mix');

require('laravel-mix-svelte');

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .svelte();
```

Use the options parameter example:

``` js
const mix = require('laravel-mix');

require('laravel-mix-svelte');

mix.js('resources/js/app.js', 'public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .svelte({
        compilerOptions: {
            dev: true,
        },
    });
```

For more options see the svelte-loader package:
[Svelte Loader](https://github.com/sveltejs/svelte-loader)

### Changelog

Please see [CHANGELOG](CHANGELOG.md) for more information what has changed recently.

## Contributing

Please see [CONTRIBUTING](CONTRIBUTING.md) for details.

### Security

If you discover any security related issues, please email **gal@wewowweb.com** instead of using the issue tracker.

## Credits

- [We Wow Web](https://github.com/wewowweb)
- [Gal Jakic](https://github.com/morpheus7CS)
- [All Contributors](../../contributors)

## License

The MIT License (MIT). Please see [License File](LICENSE.md) for more information.
npm package: @jorenrothman/secure-wordpress
Description: A CLI tool to secure your WordPress install using .htaccess files
Author: Joren Rothman
Latest version: 0.0.6

# Secure WordPress

A simple script to secure your WordPress installation.

## Usage

```bash
npx @jorenrothman/secure-wordpress
```

## Rules
Here are the rules that are applied to your `.htaccess` file.
### Block wp-includes folder and files
```
# Block wp-includes folder and files
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /
    RewriteRule ^wp-admin/includes/ - [F,L]
    RewriteRule !^wp-includes/ - [S=3]
    RewriteRule ^wp-includes/[^/]+\.php$ - [F,L]
    RewriteRule ^wp-includes/js/tinymce/langs/.+\.php - [F,L]
    RewriteRule ^wp-includes/theme-compat/ - [F,L]
</IfModule> 
```
### Deny access to all dot files
```
# Deny access to all dot files
<FilesMatch "^\.">
    Order allow,deny
    Deny from all
</FilesMatch>
```
### Deny access to wp-config.php file
```
# Deny access to wp-config.php file
<Files wp-config.php>
    order allow,deny
    deny from all
</Files>
```
### Deny access to .htaccess file
```
# Deny access to .htaccess file
<Files .htaccess>
    order allow,deny
    deny from all
</Files>
```
### Deny access to all SQL files
```
# Deny access to all sql files
<FilesMatch "\.(sql)$">
    Order allow,deny
    Deny from all
</FilesMatch>
```
### Deny access to server config files
```
# Deny access to server config files
<FilesMatch "^.*(error_log|php.ini|\.[hH][tT][aApP].*)$">
    Order allow,deny
    Deny from all
</FilesMatch>
```
### Kill PHP Execution in uploads folder
*Added in the uploads folder*
```
# Kill PHP Execution
<Files *.php>
  deny from all
</Files>
```
npm package: @jorenrothman/timebandit
Description: Stealing your time back, one command at a time!
Author: Joren Rothman
Latest version: 0.0.12

# Time Bandit 
“Stealing” your time back, one command at a time!

TimeBandit is a command-line interface (CLI) tool designed to help you track and manage your time. With TimeBandit, you can easily record the time you spend on different tasks and projects, and generate reports to help you analyze and optimize your time management.

## Installation
To install TimeBandit, you will need to have Node.js installed on your computer. You can then install TimeBandit using npm, by running the following command:

```bash
npm install -g @jorenrothman/timebandit
```

## Usage
To start using TimeBandit, simply open your terminal and type timebandit followed by a command. Here are some of the most common commands you can use:

### `timebandit track <project> [description]`

This command starts a new time-tracking session for the specified project. For example, to start tracking time for a project called "Doomsday Device", you would type:

```bash
timebandit track "Doomsday Device"
```

adding a description with the text "Peace of mind" can be done in the following way
```bash
timebandit track "Doomsday Device" "Peace of mind"
```

### `timebandit list`

This command will list out all your entries

### `timebandit export <path>`

This command will export all your entries as a CSV file to a given path. The filename uses the following format `yyyyMMdd`, to export your entries to the downloads folder, you would type the following:
```bash
timebandit export ~/Downloads
```
or if you want to specify a filename, you would type the following:
```bash
timebandit export ~/Downloads/my-export.csv
```

### `timebandit reset` or `timebandit clear`

This command wipes the internal database, to wipe the internal database, you would type the following:

```bash
timebandit reset
```

### `timebandit backup [path]`

This command backups the current data in your database, by default it will use the backups folder in the default .timebandit folder.
To backup the database, you would type the following:

```bash
timebandit backup
```

If you want to export it to a different path/name, you would type the following:

```bash
timebandit backup ./my-folder
```
or
```bash
timebandit backup./my-folder/my-file.json
```
*Just make sure to include the .json extension*

### `timebandit import <path>`

This command let you import previously created backup files, simply specify the complete path like shown below

```bash
timebandit import ~/.timebandit/backups/filename.json
```
npm package: @jorenrui/create-project
Description: A personal CLI to bootstrap new projects.
Author: Joeylene Rivera
Latest version: 1.0.1

# @jorenrui/create-project
> A personal CLI to boostrap new projects 👩‍💻

![NPM Version](https://img.shields.io/badge/npm-v1.0.1-orange)
![License Status](https://img.shields.io/badge/license-MIT-blue)

![create-project CLI](https://raw.githubusercontent.com/jorenrui/create-project/HEAD/assets/cli.png)

## Features

- Quickly create project with a built-in javascript/typescript template.
- Built-in Git initialization.
- Built-in installation of dependencies.

## Installation

Install it using [yarn](https://yarnpkg.com/) or [npm](https://www.npmjs.com/):

```bash
# Using NPM
npx @jorenrui/create-project
# or
npm install -g @jorenrui/create-project

# Using Yarn
yarn @jorenrui/create-project
```

## Usage

```bash
# Create a directory/folder
mkdir new-app

# Navigate to the created directory
cd new-app

# Run the cli
create-project
# or
create-project typescript --git
```

The cli will prompt you regarding what template to use and other configurations. You may skip it by adding `--yes`.

Currently there are two templates:
- JavaScript
- TypeScript

Both of these templates have ESLint for its linter and Jest for testing.

### Options

| command   | description                         |
|-----------|-------------------------------------|
| --yes     | Skip the questions.                 |
| --git     | Initialize the new project with git |
| --install | Install the dependencies            |

## Changelog

[Changelog](https://github.com/jorenrui/create-project/blob/master/CHANGELOG.md)

## License

[MIT](https://github.com/jorenrui/create-project/blob/master/LICENSE)