first there was darkness...

Immortalin · Jun 20, 2017 · fc9abff · fc9abff
commit fc9abff
Show file tree

Hide file tree

Showing 8 changed files with 1,140 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,58 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http:https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (http:https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
diff --git a/README.md b/README.md
@@ -0,0 +1,7 @@
+# Merlot Web Editor
+
+```Shell
+
+yarn install;
+yarn run
+```
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="UTF-8">
+ <title>Merlot</title>
+ <link rel="stylesheet" href="./node_modules/grapesjs/dist/css/grapes.min.css">
+ <link rel="stylesheet" href="styles.css">
+</head>
+
+<body>
+
+ <div id="gjs"></div>
+
+<script>
+ // You can also require other files to run in this process
+ require('./renderer.js')
+ window.nodeRequire = require;
+ delete window.require;
+ delete window.exports;
+ delete window.module;
+</script>
+
+
+<script src="./node_modules/jquery/dist/jquery.min.js"></script>
+<script src="./node_modules/grapesjs/dist/grapes.min.js"></script>
+<script>
+ var editor = grapesjs.init({
+ container : '#gjs',
+ fromElement: true,
+ });
+</script>
+
+</html>
diff --git a/main.js b/main.js
@@ -0,0 +1,60 @@
+const electron = require('electron')
+// Module to control application life.
+const app = electron.app
+// Module to create native browser window.
+const BrowserWindow = electron.BrowserWindow
+
+const path = require('path')
+const url = require('url')
+
+// Keep a global reference of the window object, if you don't, the window will
+// be closed automatically when the JavaScript object is garbage collected.
+let mainWindow
+
+function createWindow () {
+ // Create the browser window.
+ mainWindow = new BrowserWindow({width: 800, height: 600})
+
+ // and load the index.html of the app.
+ mainWindow.loadURL(url.format({
+ pathname: path.join(__dirname, 'index.html'),
+ protocol: 'file:',
+ slashes: true
+ }))
+
+ // Open the DevTools.
+ // mainWindow.webContents.openDevTools()
+
+ // Emitted when the window is closed.
+ mainWindow.on('closed', function () {
+ // Dereference the window object, usually you would store windows
+ // in an array if your app supports multi windows, this is the time
+ // when you should delete the corresponding element.
+ mainWindow = null
+ })
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.on('ready', createWindow)
+
+// Quit when all windows are closed.
+app.on('window-all-closed', function () {
+ // On OS X it is common for applications and their menu bar
+ // to stay active until the user quits explicitly with Cmd + Q
+ if (process.platform !== 'darwin') {
+ app.quit()
+ }
+})
+
+app.on('activate', function () {
+ // On OS X it's common to re-create a window in the app when the
+ // dock icon is clicked and there are no other windows open.
+ if (mainWindow === null) {
+ createWindow()
+ }
+})
+
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and require them here.
diff --git a/package.json b/package.json
@@ -0,0 +1,26 @@
+{
+ "name": "merlot",
+ "version": "1.0.0",
+ "description": "Modern Rapid Frontend Development",
+ "main": "main.js",
+ "scripts": {
+ "start": "electron ."
+ },
+ "repository": "https://github.com/electron/electron-quick-start",
+ "keywords": [
+ "rapid web development",
+ "prototyping",
+ "ui",
+ "gui",
+ "grapesjs"
+ ],
+ "author": "GitHub",
+ "license": "GPL-3.0",
+ "devDependencies": {
+ "electron": "~1.6.2"
+ },
+ "dependencies": {
+ "grapesjs": "^0.8.8",
+ "jquery": "^3.2.1"
+ }
+}
diff --git a/renderer.js b/renderer.js
@@ -0,0 +1,3 @@
+// This file is required by the index.html file and will
+// be executed in the renderer process for that window.
+// All of the Node.js APIs are available in this process.
diff --git a/styles.css b/styles.css
@@ -0,0 +1,3 @@
+body {
+ margin: 0;
+}