Merge pull request #54 from lacymorrow/dev

Dev

.erb/configs/webpack.config.base.ts

@@ -2,10 +2,10 @@
  * Base webpack config used across other specific configs
  */
 
-import webpack from 'webpack';
 import TsconfigPathsPlugins from 'tsconfig-paths-webpack-plugin';
-import webpackPaths from './webpack.paths';
+import webpack from 'webpack';
 import { dependencies as externals } from '../../release/app/package.json';
+import webpackPaths from './webpack.paths';
 
 const configuration: webpack.Configuration = {
 	externals: [...Object.keys(externals || {})],

.erb/configs/webpack.config.renderer.prod.ts

@@ -120,7 +120,7 @@ const configuration: webpack.Configuration = {
 		}),
 
 		new MiniCssExtractPlugin({
-			filename: 'style.css',
+			filename: '[name].style.css',
 		}),
 
 		new BundleAnalyzerPlugin({

.eslintrc.js

@@ -1,13 +1,17 @@
 module.exports = {
 	extends: ['erb'],
-	plugins: ['@typescript-eslint'],
-	ignorePatterns: ['**/components/ui/', '.erb/'],
+	plugins: [
+		'@typescript-eslint',
+		// 'unused-imports'
+	],
+	ignorePatterns: ['**/components/ui/'],
 
 	rules: {
 		'consistent-return': 'off',
 		'no-shadow': 'off',
 		'no-unused-vars': 'off',
 		'no-useless-return': 'warn',
+		// 'unused-imports/no-unused-imports-ts': 'error',
 		'promise/always-return': 'off',
 		'react/prop-types': 'off',
 		'react/react-in-jsx-scope': 'off',

.github/dependabot.yml

@@ -0,0 +1,11 @@
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/code-security/dependabot/dependabot-version-updates/configuration-options-for-the-dependabot.yml-file
+
+version: 2
+updates:
+  - package-ecosystem: 'npm' # See documentation for possible values
+    directory: '/' # Location of package manifests
+    schedule:
+      interval: 'weekly'

.vscode/extensions.json

@@ -5,7 +5,6 @@
 		"ecmel.vscode-html-css",
 		"bradlc.vscode-tailwindcss",
 		"formulahendry.auto-rename-tag",
-		"dzannotti.vscode-babel-coloring",
 		"michelemelluso.code-beautifier",
 		"aeschli.vscode-css-formatter",
 		"mikestead.dotenv",

README.md

@@ -19,13 +19,57 @@ Cinematic prefers filenames like `Independence Day [1996].mp4` but will happily
 
 ## Features
 
+- 💬 App and System-wide Notifications
+- 🏃‍♂️ Auto Updater
+- 📦 Built-in Store
+- 🖱️ Context Menu
+- 🌙 Dark Mode
+- ❌ Error Handler
+- ⌨️ Keyboard Shortcut Manager
+- 📝 Logging
+- 🀱 Menu Bar for macOS, Windows, and Linux
+- 📂 Multi-Window
+- 🖥️ System Tray
+
+## Getting Started
+
+```bash
+
+# Clone this repository
+git clone https://github.com/lacymorrow/electron-hotplate.git
+
+# Go into the repository
+cd electron-hotplate
+
+# Install dependencies
+yarn
+
+# Run the app
+yarn start
+```
+
+## BuiltWith
+
 - [Electron](https://electronjs.org/)
 - [React](https://reactjs.org/)
 - [React Router](https://reacttraining.com/react-router/)
 - [Tailwind CSS](https://tailwindcss.com/)
 - [Shadcn](https://ui.shadcn.com/)
 - [TypeScript](https://www.typescriptlang.org/)
 
+## Development
+
+### Tailwind CSS
+
+We use Tailwind CSS for styling. See the [Tailwind CSS docs](https://tailwindcss.com/docs) for more information.
+
+Some Tailwind plugins have been added for convenience:
+
+- [Tailwind Animate](https://github.com/jamiebuilds/tailwindcss-animate) - `tailwindcss-animate`
+- [Tailwind Container Queries](https://github.com/tailwindlabs/tailwindcss-container-queries) - `@tailwindcss/container-queries`
+- Child selectors to target immediate children like `child:w-xl`
+- Don't forget group selectors too: `group` (Parent) `group-hover:bg-gray-100` (Child)
+
 ### Shadcn
 
 Shadcn is a UI component library for React. See the [Shadcn docs](https://ui.shadcn.com/) for more information.