https://github.com/datadavev/t-moon-matrix
Webcomponent for showing a matrix of moon phases for a year
https://github.com/datadavev/t-moon-matrix
calendar lunar moon
Last synced: about 1 year ago
JSON representation
Webcomponent for showing a matrix of moon phases for a year
- Host: GitHub
- URL: https://github.com/datadavev/t-moon-matrix
- Owner: datadavev
- License: mit
- Created: 2021-10-14T12:17:14.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-14T13:03:09.000Z (over 4 years ago)
- Last Synced: 2025-02-02T09:27:14.723Z (over 1 year ago)
- Topics: calendar, lunar, moon
- Language: JavaScript
- Homepage: https://datadavev.github.io/t-moon-matrix
- Size: 279 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# \
Render a matrix of moon phases for the specified year.
This webcomponent follows the [open-wc](https://github.com/open-wc/open-wc) recommendation.
Demo at https://datadavev.github.io/t-moon-matrix
Source at https://github.com/datadavev/t-moon-matrix
## Installation
```bash
npm i t-moon-matrix
```
## Usage
```html
import 't-moon-matrix/t-moon-matrix.js';
```
## Linting and formatting
To scan the project for linting and formatting errors, run
```bash
npm run lint
```
To automatically fix linting and formatting errors, run
```bash
npm run format
```
## Demoing with Storybook
To run a local instance of Storybook for your component, run
```bash
npm run storybook
```
To build a production version of Storybook, run
```bash
npm run storybook:build
```
## Tooling configs
For most of the tools, the configuration is in the `package.json` to minimize the amount of files in your project.
If you customize the configuration a lot, you can consider moving them to individual files.
## Local Demo with `web-dev-server`
```bash
npm start
```
To run a local development server that serves the basic demo located in `demo/index.html`