7 |
8 |
9 | # Installation
10 |
11 | To install Barnacal on your system, visit the [Releases](https://github.com/mike-engel/barnacal/releases) page. From there you can download the binary for your system. If your system isn't supported, consider opening an issue or pull request to add support for it.
12 |
13 | # Developing
14 |
15 | This a Node.js project at heart, so begin by installing the npm dependencies.
16 |
17 | ```sh
18 | npm install
19 | ```
20 |
21 | To start the front end compiler, run `npm run dev` in a terminal window. This will automatically watch and compile changes to your files.
22 |
23 | ```sh
24 | npm run dev
25 | ```
26 |
27 | Finally, open a new terminal window/tab and start the electron process. This will launch the app and you can begin using it.
28 |
29 | ```sh
30 | npm run electron:start
31 | ```
32 |
33 | If you want the electron app to be reloaded when you edit the html or JS files, then you'll want to install `watchexec` first, then run the watch command.
34 |
35 | ```sh
36 | # install watchexec if you don't have it already
37 | brew install watchexec
38 |
39 | npm run watch:electron
40 | ```
41 |
42 | # Debugging
43 |
44 | You can open Chrome Dev Tools while developing
45 | Put this in `index.js` inside `configureWindow` function. It will open Dev Tools in the calendar.
46 |
47 | ```javascript
48 | window.webContents.openDevTools();
49 | ```
50 |
51 | # Contributing
52 |
53 | Issues and Pull requests are both welcomed! Prettier is enabled by default as a pre-commit hook, but feel free to add it to your editor.
54 |
55 | # [Code of Conduct](CODE_OF_CONDUCT.md)
56 |
57 | Please note that this project is released with a Contributor Code of Conduct. By participating in this project you agree to abide by its terms.
58 |
59 | # [Changelog](https://github.com/mike-engel/barnacal/releases)
60 |
61 | # [License](LICENSE.md)
62 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "barnacal",
3 | "version": "0.9.4",
4 | "description": "A simple menu bar app for viewing a calendar",
5 | "main": "src/electron/index.js",
6 | "scripts": {
7 | "dev": "parcel --target electron --public-url ./ -d public/ src/ui/index.html",
8 | "build": "parcel build --target electron --public-url ./ -d public/ src/ui/index.html",
9 | "dist": "rm -rf dist; npm run build; electron-builder -mwl",
10 | "electron:start": "electron ./src/electron/index",
11 | "electron:watch": "watchexec -r -s SIGKILL -e js,html -i '*/lib/**' npm run electron:start",
12 | "pack": "npm run build; electron-builder -mwl --dir",
13 | "start": "node scripts/startDev.js",
14 | "test": "cross-env NODE_ENV=test npx mocha --exit --recursive test/**/*.test.js",
15 | "test:coverage": "nyc --reporter=text --reporter=html npm run test"
16 | },
17 | "author": "Mike Engel 
90 | Barnacal
91 |v0.9.3
92 | 106 | 121 | 122 | 123 | -------------------------------------------------------------------------------- /src/ui/calendar.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useEffect } from "react"; 2 | import styled from "styled-components"; 3 | import { ipcRenderer } from "electron"; 4 | import { Stylable } from "./types"; 5 | import { CalendarHeader } from "./calendar_header"; 6 | import { CalendarBody } from "./calendar_body"; 7 | 8 | type Props = Stylable & { 9 | date: Date; 10 | }; 11 | 12 | export const RawCalendar = ({ date, className }: Props) => { 13 | const [firstWeekday, setFirstWeekday] = useState(1); 14 | 15 | useEffect(() => { 16 | const cb = (_: any, weekday: number) => { 17 | setFirstWeekday(weekday); 18 | }; 19 | 20 | ipcRenderer.on("set-first-weekday", cb); 21 | 22 | ipcRenderer.send("get-first-weekday"); 23 | 24 | return () => { 25 | ipcRenderer.removeListener("set-first-weekday", cb); 26 | }; 27 | }, []); 28 | 29 | return ( 30 |
53 |
63 |