@cipscis/activate
v2.0.0
Published
Click event listener helpers that maintain button-like keyboard behaviour for all elements
Downloads
2
Readme
activate
Install
Run npm install @cipscis/activate
Usage
Development
You will need to install Node.js before working on this package.
- Clone the repository using
git clone https://github.com/cipscis/activate.git
. - Run
npm install
to install development dependencies. - Create a
.env
file. - Run
npm start
to run the local server and watch CSS and JS files for changes.
This project creates five npm tasks:
npm run server
runs a Node.js server on the port specified in the.env
file, using Express.npm run build
compiles CSS files using gulp-sass and bundles JavaScript using Webpack.npm run watch
first runs thebuild
task, then watches the relevant directories and reruns thebuild
task if it sees any changes.npm start
runs both theserver
andwatch
tasks simultaneously.npm run prepare
first removes directories containing compiled files, then compiles any TypeScript. You should never need to run this task manually, theprepare
script runs automatically when npm prepares your package for publishing.
Usually, you will just want to run npm start
.
.env
The .env
file contains the following environment variables:
PROJECT_NAME
(string)
If present, used by Express to set up redirects for emulating GitHub Pages.
MODE
(string 'development' | 'production')
Used by Webpack to determine what optimisations to use and how to generate sourcemaps.
PORT
(int)
Used by Express to determine which port to use when running a local Node.js server.
An example .env
file you can use for development is:
PROJECT_NAME = "activate"
MODE = "development"
PORT = "8080"
This file is intended to differ from environment to environment, so it is ignored by Git.
Dependencies
None.
Dev Dependencies
Development
These dependencies are used when working on the project locally.
Node.js: Runtime environment
npm: Package manager
Gulp: Task runner
TypeScript: JavaScript extension for static type checking
gulp-sass: Using the
sass
compiler with GulpWebpack: For JavaScript dependency management, used with Gulp
ts-loader: For compiling TypeScript using Webpack
Express: Running a Node.js server, accessed at
http://localhost:<PORT>
Concurrently: Running server and development build tasks concurrently
Deploy
These dependencies are used for deploying the project to GitHub Pages.
checkout: Used to check out the repository to a workspace so it can be built
Deploy to GitHub Pages: Used to deploy the project to GitHub pages once it has been built