hyperapp-tools

2.1.0 • Public • Published

Hyperapp Tools

npm version npm downloads slack chat

Build automation tools for Hyperapp projects.

Prerequisites

  • MacOS, Windows, or Linux
  • Node.js v8.9.0 or newer

Getting Started

To create a new app, run a single command:

npm init hyperapp-starter

It will generate the initial project structure based on Hyperapp Starter inside the current directory and install the dependencies.

Available Scripts

In the project directory, you can run:

npm start (hyperapp-tools start)

Runs the app in the development mode with "live reload". Uses src/index.js and src/server.js files as entry points for client-side and server-side apps.

npm test (hyperapp-tools test)

Launches the test runner. It will look for test files with .test.js or .spec.js suffix. Also you can use any cli options which Jest supports.

npm run lint (hyperapp-tools lint)

Finds problematic patterns in code using ESLint and stylelint. Using --fix option you can automatically fix some of them and also format files using Prettier.

npm run build (hyperapp-tools build)

Builds the app for production to the build folder. It correctly bundles, optimizes and minifyes the build for the best performance and the filenames include the hashes for a long term caching. Using --render option you can generate html files for a static site hosting.

Environment Variables

You can adjust various development and production settings by setting environment variables in your shell. To define permanent environment variables, create a file called .env in the root of your project:

# The host the app should bind to. By default binds to localhost. 
HOST = "0.0.0.0"
 
# The port the app should listen on. From 0 to 65535 inclusive. 
# If port is omitted or is 0, the operating system will assign an arbitrary unused port. 
PORT = 0
 
# Open the default system browser during the development server startup. 
# Use the favorite application name or "none" to disable disable it completely. 
BROWSER = ""
 
# The base path for all the static files within the application in production mode. 
# Examples: "https://cdn.example.com/", "/base/path/" or "" for relative urls. 
PUBLIC_URL = "/"

License

Hyperapp Tools are MIT licensed. See LICENSE.

Package Sidebar

Install

npm i hyperapp-tools

Weekly Downloads

11

Version

2.1.0

License

MIT

Unpacked Size

57 kB

Total Files

38

Last publish

Collaborators

  • frenzzy