open-index/open-npm huggingface dataset:
npm package: @humayunkabir/create-markup
Description: A CLI to bootstrap markup(front-end) project
Author: Humayun Kabir
Latest version: 1.0.1
Deprecated: Package no longer supported. Use at your own risk.

# Create Markup
---
A CLI to bootstrap markup(front-end) project.

The easiest way to bootstrap a Markup(Front-end) project is by using create-markup. This CLI tool enables you to quickly start building a markup project, with everything set up for you. You can create a new app using the default markup template, or by using custom options. To get started, use the following command:


```
npx create-markup <project-name>
```

## Options
create-markup comes with the following options:

- **-y, --yes**: Default Project Setup.
- **-g, --git**: Initialize as a git project.
- **-t, --template**: `--t <name>, -t=<name>, --template <name> or --template=<name>`
  
  Available options: 
  - JavaScript (default)
- **-e, --templatingEngine**: `--e <name>, -e=<name>, --templatingEngine <name> or --templatingEngine=<name>`
  
  Available options: 
  - Pug (default)
- **-cf, --cssFramework**: `--cf <name>, -cf=<name>, --cssFramework <name> or --cssFramework=<name>`
  
  Available options: 
  - Bootstrap (default)
- **-p, --packageManager**: `--p <name>, -p=<name>, --packageManager <name> or --packageManager=<name>`
  
  Available options: 
  - npm (default)
- **-b, --bundler**: `--b <name>, -b=<name>, --bundler <name> or --bundler=<name>`
  
  Available options: 
  - Gulp (default)

## Why use Create Markup?
create-markup allows you to create a new project within seconds. It is officially maintained by the  [Humayun Kabir](https://github.com/humayunkabir), and includes a couple of benefits:

- **Interactive Experience**: Running npx create-markup (with no arguments) launches an interactive experience that guides you through setting up a project.
- **Zero Dependencies**: Initializing a project is as quick as one second. Create Markup has zero dependencies.

**Please report bugs and contribute at github:**

- [Repository](https://github.com/humayunkabir/create-markup)
- [Issues](https://github.com/humayunkabir/create-markup/issues)
- [Projects](https://github.com/humayunkabir/create-markup/projects)

Powered by: [create-markup](https://github.com/humayunkabir/create-markup)
npm package: @humble.xiang/website-description-analysis
Description: 一个解析网页描述信息的小工具
Author: Humble.X
Latest version: 1.0.3

# Website Description Analysis

A small tool for parsing web page description information.

## Installation

```bash
yarn add @humble.xiang/website-description-analysis
# or
npm i @humble.xiang/website-description-analysis
```

## Usage

```js
// CommonJS require
const AnalysisFactory = require('@humble.xiang/website-description-analysis');
// OR
// ES6 import
import AnalysisFactory from '@humble.xiang/website-description-analysis';
```

```js
(async () => {
  // Create an instance of the analysis factory
  const AnalysisImpl = await AnalysisFactory.create('https://gohugo.io/getting-started/');
  // Get the analysis result
  const analysisData = await AnalysisImpl.analysis();
  // Print the analysis result
  console.log(analysisData);
})();

/* analysisData = 
{
  // The url of the page
  url: 'https://gohugo.io/getting-started/',
  // The title of the page
  title: 'Get Started',
  // The description of the page
  description: 'Quick start and guides for installing Hugo on your preferred operating system.',
  // The first image of the page
  image: 'https://gohugo.io/opengraph/gohugoio-card-base-1_huf001e7df4fd9c00c4355abac7d4ca455_242906_filter_4404557853099614649.png',
  // The favicon of the page (base64 encoded)
  favicon: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACVklEQVQ4jZWTz0tUURTHP+e9l/N75uk0icZoYrUREYKsRSDUIogioqK2USFF1DZbVLTIRZuICCKqVbsgKvoPIlIXQSZkUEHKiD9mfI7OmxnnvXtbvLHREKIDF8493+/5cr9fuMJfNcYNgJDAUeBWfXxbwzugupe7G/iy1owyhEKLhdELXDUM81TCTqUAlp2lJaX8l8ADDzVuILqf4UBghCHCWNTw24HzglyMRmPZbdl27K0tADjzBeamc7huaUqjnwBPt2DmKniYg+aApbU+DTwKhcJnW3d32NsP9xJPJhDXRwwh0p0m1ZfFqpBaXSkP+L53SIODKZPmpfDBTnz1rDmd7unc2S32/i7Me/vAWYWJxcDfmS7Myz3Ev5RJEhGvVmurVMp9Rsh6Y2BgiUiTnUkTjsXAAKIWWAJKB8cyIGKBQDgew86kEZEmDCxrQ5paN+K1m6AjHvTJJqCOad1IHrDYrJSGk11wJBsoRy1w/U2pmwsIMF6Az4Xg3p+Bzvj/CAiMzMOL74FYyIQdiX8JCBvMGQJmfSbrABHWEw0Unta65izkqbrlIKuqAl81lnwFqz5oqJZcnIU8WusaCs+8wIGSKAoVt7yruOhkKHkSmnQxvhah5AUvma3gvc+xMPqD6W8/9UpxeQIYVqgP8pHrtBInj9sBDApyLhaLt7Vm20mmmwEo5heZncpRKq3MaPRz4HEL0V9zrDTMjDGEAsNE9gDXTNM8nrTtBEDRcZZ9338N3FfoT4KotV+5PjbecoU2kmiICJwAbtahOxpeCZRnKHKMh392fgMmttjdxujptAAAAABJRU5ErkJggg=='
}
*/
```

## Documentation

[Documentation](https://website-description-analysis-docs.vercel.app/) for @humble.xiang/website-description-analysis.
npm package: @humblebee/config-webpack4
Description: Centralized configuration for webpack v4
Author: Humblebee AB
Latest version: 1.2.0

# @humblebee/config-wepback4

Centralized configuration for webpack v4

## Getting started

Install the packages from your favorite package manager

```bash
npm i -D webpack @humblebee/config-wepback4 # or yarn
```

This package provides a default centralised config for building web applications with webpack v4.

```js
// webpack.config.babel.js
import path from 'path';
import { getWebpack4Configuration } from '@humblebee/config-webpack4';

// arbitrary
const BUILD_FOLDER = path.resolve(__dirname, 'dist');
const PUBLIC_FOLDER = path.resolve(__dirname, 'public');

const getWebpackConfiguration = (_env, args) => {
  const { mode } = args;

  switch (mode) {
    case 'development':
      return getWebpack4Configuration(
        'development',
        {
          // options for the shared configuration
          buildFolder: BUILD_FOLDER,
          publicFolder: PUBLIC_FOLDER,
          htmlTemplate: path.resolve(PUBLIC_FOLDER, 'index.html'),
          // devServer: {
          //   // ...
          // }
        },
        {
          // options forwarded to the webpack configuration
          // add whatever you need
        },
      );
    case 'production':
      return getWebpack4Configuration(
        'production',
        {
          // options for the shared configuration
          buildFolder: BUILD_FOLDER,
          publicFolder: PUBLIC_FOLDER,
          htmlTemplate: path.resolve(PUBLIC_FOLDER, 'index.html'),
          // imageminOptions: {},
          // subResourceIntegrityOptions: {},
          // hashedModuleIdsOptions: {},
        },
        {
          // options forwarded to the webpack configuration
          // add whatever you need
        },
      );
    default:
      throw new Error(`Unable to provide configuration for unknown environment: "${mode}"`);
  }
};
```
npm package: @humblebee/config-webpack5
Description: Centralized configuration for webpack v5
Author: Humblebee AB
Latest version: 2.1.0

# @humblebee/config-wepback5

Centralized configuration for webpack v5

## Getting started

Install the packages from your favorite package manager

```bash
npm i -D webpack @humblebee/config-wepback5 # or yarn
```

This package provides a default centralised config for building web applications with webpack v5.

```js
// webpack.config.babel.js
import path from 'path';
import { getWebpack5FrontendConfiguration } from '@humblebee/config-webpack5';

// arbitrary
const BUILD_FOLDER = path.resolve(__dirname, 'dist');
const PUBLIC_FOLDER = path.resolve(__dirname, 'public');

const getWebpackConfiguration = (_env, args) => {
  const { mode } = args;

  switch (mode) {
    case 'development':
      return getWebpack5FrontendConfiguration(
        'development',
        {
          // options for the shared configuration
          buildFolder: BUILD_FOLDER,
          publicFolder: PUBLIC_FOLDER,
          htmlTemplate: path.resolve(PUBLIC_FOLDER, 'index.html'),
          // devServer: {
          //   // ...
          // }
        },
        {
          // options forwarded to the webpack configuration
          // add whatever you need
        },
      );
    case 'production':
      return getWebpack5FrontendConfiguration(
        'production',
        {
          // options for the shared configuration
          buildFolder: BUILD_FOLDER,
          publicFolder: PUBLIC_FOLDER,
          htmlTemplate: path.resolve(PUBLIC_FOLDER, 'index.html'),
          // imageminOptions: {},
          // subResourceIntegrityOptions: {},
          // hashedModuleIdsOptions: {},
        },
        {
          // options forwarded to the webpack configuration
          // add whatever you need
        },
      );
    default:
      throw new Error(`Unable to provide configuration for unknown environment: "${mode}"`);
  }
};
```
npm package: @humblebee/humblebee-node
Description: Starter pack for creating tested, typed, linted and auto-versioned Node modules.
Author: Humblebee AB
Latest version: 0.0.4

# humblebee-node

Starter pack for creating tested, typed, linted and auto-versioned Node modules.

## Features

- Typescript
- ESLint, TSLint
- Jest
- Babel 7
- Prettier, pretty-quick
- Husky

## Commands

- `dev`: Start a watch process for src/TS files
- `build`: Build src files (TS) into dist (as JS files)
- `start`: Run dist/index.js entrypoint for your module
- `test`: Build src files (TS) into dist (as JS files), then test JS files with Jest
npm package: @humblebee/humblebee-serverless
Description: This repo makes it convenient to start a serverless cloud function. We are assuming this to be a Cloud Function on Google Cloud Platform, but could be on any cloud provider supported by Serverless Framework.
Author: Humblebee AB
Latest version: 0.0.4

# humblebee-serverless

This repo makes it convenient to start a serverless cloud function. We are assuming this to be a Cloud Function on Google Cloud Platform, but could be on any cloud provider supported by Serverless Framework.

## Installation and setup

Stuff in the root won't need to be installed, unless you want to run Serverless to set anything up. Otherwise, for deploying to GCP, do the following:

- Go to the `server` folder
- Install dependencies with `npm install`
- Go to the [Google Cloud console](https://console.cloud.google.com/) and set up a project using the Humblebee cloud account
- Enable the Cloud Functions API in the IAM panel to the left
- Go to the [Firebase console](https://console.firebase.google.com) and set up a project or link to the correct project created in the previous step
- Adjust `/.firebaserc` to point to that project
- Go to [Google](https://cloud.google.com/iam/docs/creating-managing-service-account-keys) and get a keyfile, place it in the `server` folder
- Point the `config object` in `server/index.js` to the keyfile
- Deploy with `npm run deploy`.

## Note: Use NPM in the server folder if deploying to Google!

Yarn will cause errors on GCP if used. Therefore, make sure to add dependencies and running scripts in the `server` folder by using NPM.
npm package: @humblebee/humblebee-starter
Description: This project gives the user the ability to instantiate a new project based on **humblebee-frontend** anywhere (globally) on their system.
Author: Humblebee AB
Latest version: 1.0.84

# humblebee-starter

This project gives the user the ability to instantiate a new project based on **humblebee-frontend** anywhere (globally) on their system.

The project creates a "base" on your computer which will serve the raw files that get instantiated.

## Prerequisites

- [Node](https://nodejs.org/en/) (includes NPM and NPX) version 10.9.0 or later
- [Yarn](https://yarnpkg.com/lang/en/) version 1.9.4 or later
- **Maybe**: Make sure you are logged in to NPM in your Command Line Interface (CLI) by running `npm login` first; otherwise you may not be able to fetch the package

## Installation

- Clone/download the repository from [Bitbucket](https://bitbucket.org/humblebee/humblebee-starter/)
- Navigate to the repository folder
- Run `yarn setup` to install the Starter, which should become accessible through the terminal/shell via `humblebee [projectType] [projectName]`
- Restart the terminal/CLI/IDE before attempting to run the starter

## Commands

- Create a frontend or backend project with `humblebee [fe|frontend|be|backend] [projectName]`

## Creating a new project

- Start your Command Line Interface (CLI), such as Terminal or iTerm, or even Sublime/VS Code... as those contain a built-in terminal
- Run `humblebee [fe] [be] projectname` where **projectname** is whatever you want the project to be called
- In your current working directory, you should now see a new folder with your specified name
- Navigate into the new project directory and have fun

The name you specify will also be set inside of the `package.json` for that project.

### Front-end specific

Make sure, however, to update `manifest.webmanifest`, `index.html` and other client-facing locations to have the pertinent, correct information for your project.

## Troubleshooting

- Try restarting your terminal, CLI or IDE.
- Because all the files that get created are really just copied from a base location, make sure that you didn't forget to install the dependencies (run `yarn`).
- Make sure you haven't erased the **humblebee-starter** project or moved it since running the `yarn setup` command, since this is where the installation will grab files from.

## Possible coming features

- Flags and options? (`commander` package?)
- Guided CLI? (`prompts` package?)
- Update boilerplate? (something like `humblebee update`?)
- If above, new syntax for creating project (`humblebee new NAME`) or even something other than `humblebee`?
npm package: @humblebee/toolkit
Description: Tooling set for humblebee applications
Author: Humblebee AB
Latest version: 0.4.0

# `@humblebee/toolkit`

Tooling set for humblebee applications

## Usage

Install as a dependency

```bash
# if you use yarn
yarn add -D @humblebee/toolkit
# or if you use npm
npm i --save-dev @humblebee/toolkit
```

### CLI

A binary executable can be invoked as an npm script: `humblebee-toolkit`.

#### create-dotenv-file

Create a local `.env` file based on an example file

`humblebee-toolkit create-dotenv-file --example .env.example`

### Exports

This package also provides some centralised default configurations for e.g. webpack and babel.

```js
// webpack.config.babel.js
import { getWebpack4Configuration } from '@humblebee/toolkit';

export default getWebpack4Configuration(
  'production', // or 'development'
  {
    buildFolder: path.resolve(__dirname, 'build'), // generated build folder
    htmlTemplate: path.resolve(__dirname, 'public/index.html'), // entry point for HtmlWebpackPlugin
  },
  {
    // any custom configuration that will be merged using webpack-merge
  },
);
```
npm package: @humblebee/ui-react
Description: Humblebee white-label UI components extending the amazing theme-ui library
Author: Humblebee AB
Latest version: 0.3.0

<h1 align="center" style="border-bottom: none;">Honeycomb UI React by Humblebee 🐝</h1>
<p align="center">Humblebee white-label UI components based on theme-ui</p>
<p align="center">
  <a href="https://www.npmjs.com/package/@humblebee/ui-react" rel="noopener noreferrer">
    <img alt="npm latest version" src="https://img.shields.io/npm/v/@humblebee/ui-react/latest.svg">
  </a>
  <a href="https://bundlephobia.com/result?p=@humblebee/ui-react" rel="noopener noreferrer">
    <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/@humblebee/ui-react">
  </a>
  <a href="https://bundlephobia.com/result?p=@humblebee/ui-react" rel="noopener noreferrer">
    <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/@humblebee/ui-react">
  </a>
  <a href="https://img.shields.io/npm/l/@humblebee/ui-react" rel="noopener noreferrer">
    <img alt="LICENSE" src="https://img.shields.io/npm/l/@humblebee/ui-react">
  </a>
</p>

## About Humblebee

[Humblebee](https://www.humblebee.se/) is a digital product and service studio based in Göteborg, Sweden.

We believe in the values Open Source projects bring us on a daily basis, and those packages are our modest contribution.

We hope you will like them as much as we do :)

PS: we are always looking for talented and creative mindsets, if you are interested, [reach out to us](https://www.humblebee.se/contact) :)

## Getting started

Install the packages from your favorite package manager

```bash
npm i -S theme-ui@next @humblebee/ui-react # or yarn
```

NOTE: [theme-ui](https://theme-ui.com/) is currently being [converted to TypeScript](https://github.com/system-ui/theme-ui/issues/668) and has an open Roadmap for its v1:
https://github.com/system-ui/theme-ui/issues/832

Some changes will probably be required from time to time until that release.

## Contribute

Follow the guidelines from the root CONTRIBUTIONS.md file from this repository

#### Dev

Run microbundle in watch mode

```
yarn dev
```

#### Build

Build the library

```
yarn build
```

#### Test

Run the tests

```
yarn test
```