♻️ Refactors the src structure

Author: skellock

…r/platform/components/storybook/index.ts .storybook/views/index.tssrc/renderer/platform/components/storybook/index.ts renamed to .storybook/views/index.ts src/renderer/platform/components/storybook/index.ts renamed to .storybook/views/index.ts

@@ -1,18 +1,18 @@
-const path = require('path')
-const genDefaultConfig = require('@storybook/react/dist/server/config/defaults/webpack.config.js')
+const path = require("path")
+const genDefaultConfig = require("@storybook/react/dist/server/config/defaults/webpack.config.js")
 
 module.exports = (config, env) => {
   const myConfig = genDefaultConfig(config, env)
 
   myConfig.module.rules.push({
     test: /\.tsx?$/,
-    loader: 'ts-loader',
+    loader: "ts-loader",
     exclude: /node_modules/,
-    include: path.resolve(__dirname, '..', 'src'),
+    include: [path.resolve(__dirname, "..", "src"), path.resolve(__dirname, "views")],
   })
-  
-  myConfig.resolve.extensions.unshift('.tsx')
-  myConfig.resolve.extensions.unshift('.ts')
+
+  myConfig.resolve.extensions.unshift(".tsx")
+  myConfig.resolve.extensions.unshift(".ts")
 
   return myConfig
 }

…components/storybook/storybook-group.tsx .storybook/views/storybook-group.tsxsrc/renderer/platform/components/storybook/storybook-group.tsx renamed to .storybook/views/storybook-group.tsx src/renderer/platform/components/storybook/storybook-group.tsx renamed to .storybook/views/storybook-group.tsx

@@ -10,7 +10,7 @@ const isProduction = process.env.NODE_ENV === "production"
 
 // copy the renderer's html file into the right place
 Sparky.task("copy-html", () => {
-  return Sparky.src("src/renderer/index.html").dest(`${OUTPUT_DIR}/$name`)
+  return Sparky.src("src/app/index.html").dest(`${OUTPUT_DIR}/$name`)
 })
 
 // the default task
@@ -32,7 +32,7 @@ Sparky.task("default", ["copy-html"], () => {
   }
 
   // bundle the electron main code
-  const mainBundle = fuse.bundle("main").instructions("> [main/main.ts]")
+  const mainBundle = fuse.bundle("main").instructions("> [app/main.ts]")
 
   // and watch unless we're bundling for production
   if (!isProduction) {
@@ -42,7 +42,7 @@ Sparky.task("default", ["copy-html"], () => {
   // bundle the electron renderer code
   const rendererBundle = fuse
     .bundle("renderer")
-    .instructions("> [renderer/index.tsx] +fuse-box-css")
+    .instructions("> [app/index.tsx] +fuse-box-css")
     .plugin(CSSPlugin())
     .plugin(CopyPlugin({ useDefault: false, files: ASSETS, dest: "assets", resolve: "assets/" }))
 

…components/storybook/storybook-label.tsx .storybook/views/storybook-label.tsxsrc/renderer/platform/components/storybook/storybook-label.tsx renamed to .storybook/views/storybook-label.tsx src/renderer/platform/components/storybook/storybook-label.tsx renamed to .storybook/views/storybook-label.tsx

@@ -2,7 +2,7 @@
   "name": "typescript-with-electron-react-kit",
   "productName": "Sweet Sweet App",
   "main": "out/main.js",
-  "version": "1.0.0",
+  "version": "2.0.0",
   "description": "An electron starter project.",
   "license": "MIT",
   "private": true,

…components/storybook/storybook-story.tsx .storybook/views/storybook-story.tsxsrc/renderer/platform/components/storybook/storybook-story.tsx renamed to .storybook/views/storybook-story.tsx src/renderer/platform/components/storybook/storybook-story.tsx renamed to .storybook/views/storybook-story.tsx

@@ -0,0 +1,46 @@
+// This is the entry point for the renderer process.
+//
+// Here we disable a few electron settings and mount the root component.
+import * as React from "react"
+import * as ReactDOM from "react-dom"
+import { RootComponent } from "./root-component"
+import { webFrame } from "electron"
+import { css } from "glamor"
+
+/**
+ * CSS reset
+ */
+import "glamor/reset"
+
+/**
+ * Electron-focused CSS resets
+ */
+css.global("html, body", {
+  // turn off text highlighting
+  userSelect: "none",
+
+  // reset the cursor pointer
+  cursor: "default",
+
+  // font
+  font: "caption",
+
+  // text rendering
+  WebkitFontSmoothing: "subpixel-antialiased",
+  textRendering: "optimizeLegibility",
+})
+
+/**
+ * Zooming resets
+ */
+webFrame.setVisualZoomLevelLimits(1, 1)
+webFrame.setLayoutZoomLevelLimits(0, 0)
+
+/**
+ * Drag and drop resets
+ */
+document.addEventListener("dragover", event => event.preventDefault())
+document.addEventListener("drop", event => event.preventDefault())
+
+// mount the root component
+ReactDOM.render(<RootComponent />, document.getElementById("root"))

.storybook/webpack.config.js

@@ -1,10 +1,14 @@
+// This is the main process entry point. It is the
+// first file that is run on startup.
+//
+// It is responsible for launching a renderer window.
+
 import { app, dialog, ipcMain } from "electron"
-import { createMainWindow } from "./main-window/main-window"
-import { loadURL } from "./main-window/load-url"
+import { createMainWindow, loadURL } from "../views/main-window"
 import * as log from "electron-log"
 import * as isDev from "electron-is-dev"
-import { createUpdater } from "./updater/updater"
-import { createMenu } from "./menu/menu"
+import { createUpdater } from "../lib/updater"
+import { createMenu } from "../views/menu"
 
 // set proper logging level
 log.transports.file.level = isDev ? false : "info"