added menu item, gulp to pull refrence, and ability execute a server for local files, trying to get the path to local ref

Author: bmoren

app/main.js

@@ -301,7 +301,7 @@ var appConfig = {
       }).on('change', function(path) {
         if (Files.find(self.files, path).open === true) {
           if (self.justSaved) {
-            self.justSaved = false; 
+            self.justSaved = false;
           } else {
             console.log(path);
             if (!self.temp) self.askReload = true;
@@ -381,7 +381,7 @@ var appConfig = {
       });
     },
 
-   
+
 
     saveFile: function() {
       // if this is a new project then trigger a save-as
@@ -446,12 +446,12 @@ var appConfig = {
         }
       }
     },
-    
+
     closeFile: function(path){
         // check to see if there are unsaved files
          var file = Files.find(this.files, path);
         if (!file) return false;
-        
+
 
         if(this.tabs.length==1){
             var win = gui.Window.get();
@@ -464,7 +464,7 @@ var appConfig = {
         }
         if (shouldClose) {
           file.open = false;
-          file.contents = file.lastSavedContents; 
+          file.contents = file.lastSavedContents;
           this.$broadcast('close-file', file);
           return true;
         }
@@ -549,7 +549,12 @@ var appConfig = {
 
     showHelp: function() {
       gui.Shell.openExternal(this.$options.mode.referenceURL);
-    }
+    },
+
+    offlineRef: function() {
+      // $('#debug').html('');
+      this.modeFunction('offlineRef');
+    },
 
   }
 

app/menu.js

@@ -25,26 +25,26 @@ var fs = nodeRequire('fs');
  */
 module.exports.setup = function(app) {
   if (isWin || isLinux) {
-    //Setup menus for windows  
-    fileMenu.append(new gui.MenuItem({ 
+    //Setup menus for windows
+    fileMenu.append(new gui.MenuItem({
       label: 'New Project                          Ctrl+Shift+N',
       modifiers: 'shift-ctrl', key: 'n', click: function(){
         app.newWindow(app.windowURL);
     }}));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'New File                                           Ctrl+N',
       modifiers: 'ctrl', key: 'n', click: function(){
         app.newFile();
     }}));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'New Folder',
       click: function(){
         app.newFolder();
     }}));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'Open                                                 Ctrl+O',
       modifiers: 'ctrl', key: 'o', click: function(){
         $('#openFile').trigger('click');
@@ -54,25 +54,25 @@ module.exports.setup = function(app) {
     module.exports.updateRecentFiles(app);
     fileMenu.append(openRecent);
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'Close                                                Ctrl+W',
       modifiers: 'ctrl', key: 'w', click: function(){
         app.closeProject();
     }}));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'Save                                                   Ctrl+S',
       modifiers: 'ctrl', key: 's', click: function(){
         app.saveFile();
     }}));
 
-    // fileMenu.append(new gui.MenuItem({ 
+    // fileMenu.append(new gui.MenuItem({
     //   label: 'Save File As...                         Ctrl+Shift+S',
     //   modifiers: 'shift-ctrl', key: 's', click: function(){
     //     app.saveFileAs(app.currentFile.path);
     // }}));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'Save As...           Ctrl+Shift+S',
       modifiers: 'shift-ctrl', key: 's', click: function(){
         $('#saveProject').trigger('click');
@@ -107,49 +107,49 @@ module.exports.setup = function(app) {
 
     fileMenu.append(new gui.MenuItem({ type: 'separator' }));
 
-    fileMenu.append(new gui.MenuItem({ 
+    fileMenu.append(new gui.MenuItem({
       label: 'Run                           Ctrl+R',
       modifiers: 'ctrl', key: 'r', click: function(){
         app.run();
     }}));
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Show Sketch Folder             Ctrl+K',
         modifiers: 'ctrl', key: 'k', click: function(){
           gui.Shell.showItemInFolder(app.projectPath);
     }}));
 
     view.append(new gui.MenuItem({ type: 'separator' }));
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Reformat                               Ctrl+T',
         modifiers: 'ctrl', key: 't', click: function(){
           app.$.editor.reformat();
     }}));
 
     view.append(new gui.MenuItem({ type: 'separator' }));
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Toggle Settings Panel           Ctrl+,',
       modifiers: 'ctrl', key: ',', click: function(){
         app.toggleSettingsPane();
     }}))
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Toggle Sidebar                       Ctrl+.',
       modifiers: 'ctrl', key: '.', click: function(){
         app.toggleSidebar();
     }}))
 
     view.append(new gui.MenuItem({ type: 'separator' }));
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Increase Font Size                 Ctrl+=',
       modifiers: 'ctrl', key: '=', click: function(){
         app.changeFontSize(1);
     }}))
 
-    view.append(new gui.MenuItem({ 
+    view.append(new gui.MenuItem({
       label: 'Decrease Font Size                Ctrl+-',
       modifiers: 'ctrl', key: '-', click: function(){
         app.changeFontSize(-1);
@@ -248,7 +248,7 @@ module.exports.setup = function(app) {
     fileMenu.append(new gui.MenuItem({ label: 'Run',
       modifiers: 'cmd', key: 'r', click: function(){
         app.run();
-        
+
     }}));
 
     view.append(new gui.MenuItem({ label: 'Show Sketch Folder',
@@ -318,6 +318,10 @@ module.exports.setup = function(app) {
     app.showHelp();
   }}));
 
+  help.append(new gui.MenuItem({ label: 'Offline Reference', click: function(){
+    app.offlineRef();
+  }}));
+
   if (isWin || isLinux) {
     menubar.append(new gui.MenuItem({ label: 'File', submenu: fileMenu}));
     menubar.append(new gui.MenuItem({ label: 'View', submenu: view}));
@@ -339,7 +343,7 @@ module.exports.setup = function(app) {
     var edit = new gui.Menu();
 
     var undo = new gui.MenuItem(
-        { label: 'Undo                                       Ctrl+Z', 
+        { label: 'Undo                                       Ctrl+Z',
           modifiers: 'ctrl', key: 'z', click: function(){
         }});
     undo.on('click', function(){
@@ -348,7 +352,7 @@ module.exports.setup = function(app) {
     edit.append(undo);
 
     var redo = new gui.MenuItem(
-        { label: 'Redo                             Ctrl+Shift+Z', 
+        { label: 'Redo                             Ctrl+Shift+Z',
           modifiers: 'shift-ctrl', key: 'z', click: function(){
         }});
     redo.on('click', function(){
@@ -359,7 +363,7 @@ module.exports.setup = function(app) {
     edit.append(new gui.MenuItem({ type: 'separator' }));
 
     var cut = new gui.MenuItem(
-        { label: 'Cut                                          Ctrl+X', 
+        { label: 'Cut                                          Ctrl+X',
           modifiers: 'ctrl', key: 'x', click: function(){
         }});
     cut.on('click', function(){
@@ -368,7 +372,7 @@ module.exports.setup = function(app) {
     edit.append(cut);
 
     var copy = new gui.MenuItem(
-        { label: 'Copy                                       Ctrl+C', 
+        { label: 'Copy                                       Ctrl+C',
           modifiers: 'ctrl', key: 'c', click: function(){
         }});
     copy.on('click', function(){
@@ -377,7 +381,7 @@ module.exports.setup = function(app) {
     edit.append(copy);
 
     var paste = new gui.MenuItem(
-        { label: 'Paste                                       Ctrl+V', 
+        { label: 'Paste                                       Ctrl+V',
           modifiers: 'ctrl', key: 'v', click: function(){
         }});
     paste.on('click', function(){
@@ -386,7 +390,7 @@ module.exports.setup = function(app) {
     edit.append(paste);
 
     var del = new gui.MenuItem(
-        { label: 'Delete                                     Ctrl+D', 
+        { label: 'Delete                                     Ctrl+D',
           modifiers: 'ctrl', key: 'd', click: function(){
         }});
     del.on('click', function(){
@@ -395,7 +399,7 @@ module.exports.setup = function(app) {
     edit.append(del);
 
     var selAll  = new gui.MenuItem(
-        { label: 'Select All                                Ctrl+A', 
+        { label: 'Select All                                Ctrl+A',
           modifiers: 'ctrl', key: 'a', click: function(){
         }});
     selAll.on('click', function(){
@@ -406,7 +410,7 @@ module.exports.setup = function(app) {
     edit.append(new gui.MenuItem({ type: 'separator' }));
 
     var findItem = new gui.MenuItem(
-        { label: 'Find                                         Ctrl+F', 
+        { label: 'Find                                         Ctrl+F',
         modifiers: 'ctrl', key: 'f', click: function(){
         }});
     findItem.on('click', function(){

app/modes/p5/p5-mode.js

@@ -254,9 +254,18 @@ module.exports = {
     });
   },
 
-  referenceURL: 'http://p5js.org/reference/'
-
-};
+  referenceURL: 'http://p5js.org/reference/',
+
+  offlineRef: function(){
+    var path = window.location.pathname;
+    path = path.substr(0, path.lastIndexOf('/'));
+    var orDir = Path.join(path,'mode_assets', 'p5', 'p5-reference');
+    console.log(orDir);
+    startServer(orDir, this, function(url) {
+      gui.Shell.openExternal(url);
+    })
+  }
+}
 
 var running = false;
 var url = '';

gulpfile.js

@@ -14,6 +14,7 @@ var Path = require('path');
 var fs = require('fs');
 var info = require('./package.json');
 var request = require('request');
+var unzip = require('unzip');
 
 var isWin = process.platform === 'win32';
 var isMac = process.platform === 'darwin';
@@ -202,6 +203,19 @@ gulp.task('p5', function () {
 
 });
 
+gulp.task('getOfflineRefrence', function(){
+  
+// get latest .zip data from p5js website and unzip it.
+request('http://p5js.org/offline-reference/p5-reference.zip')
+  // .pipe(fs.createWriteStream('./public/mode_assets/p5/p5-reference.zip'))
+  .pipe(unzip.Extract({ path: './public/mode_assets/p5/p5-reference' }))
+  .on('close', function () {
+    console.log('offline-Refrence Retrieved!');
+  });
+
+
+})
+
 gulp.task('release', function(){
   build(function(){
     latest().pipe(release(info));

package.json

@@ -2,7 +2,7 @@
   "author": "Sam Lavigne",
   "name": "p5",
   "description": "Javascript IDE for beginners",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "devDependencies": {
     "autolinker": "^0.17.1",
     "br-mousetrap": "~1.1.3",
@@ -34,5 +34,8 @@
   "repository": {
     "type": "git",
     "url": "git://github.com/antiboredom/jside.git"
+  },
+  "dependencies": {
+    "unzip": "^0.1.11"
   }
 }

public/mode_assets/p5/examples/Simulate/12_BrownianMotion.js

@@ -0,0 +1,46 @@
+/*
+ * @name Brownian Motion
+ * @description Recording random movement as a continuous line.
+ * Port of original example from the Processing examples page.
+ */
+
+var num = 2000;
+var range = 6;
+
+var ax = [];
+var ay = [];
+
+
+function setup() {
+  createCanvas(710, 400);
+  for ( var i = 0; i < num; i++ ) {
+    ax[i] = width / 2;
+    ay[i] = height / 2;
+  }
+  frameRate(30);
+}
+
+function draw() {
+  background(51);
+
+  // Shift all elements 1 place to the left
+  for ( var i = 1; i < num; i++ ) {
+    ax[i - 1] = ax[i];
+    ay[i - 1] = ay[i];
+  }
+
+  // Put a new value at the end of the array
+  ax[num - 1] += random(-range, range);
+  ay[num - 1] += random(-range, range);
+
+  // Constrain all points to the screen
+  ax[num - 1] = constrain(ax[num - 1], 0, width);
+  ay[num - 1] = constrain(ay[num - 1], 0, height);
+
+  // Draw a line connecting the points
+  for ( var j = 1; j < num; j++ ) {
+    var val = j / num * 204.0 + 51;
+    stroke(val);
+    line(ax[j - 1], ay[j - 1], ax[j], ay[j]);
+  }
+}