首页 发现 帮助
注册 登录
ylproj
/
jupyterlab
2
0
派生 0
文件 工单管理 0 合并请求 0 Wiki
浏览代码

Merge pull request #5 from blink1073/docmanager-example

Add docmanager example and make scripts synchronous
Steven Silvester 9 年之前
父节点
f4aa17a685 e0e909c061
当前提交
685cb08864
共有 9 个文件被更改，包括 368 次插入 和 23 次删除
分列视图 显示文件统计
  1. 144 0
      examples/docmanager/index.css
  2. 15 0
      examples/docmanager/index.html
  3. 84 0
      examples/docmanager/main.py
  4. 28 0
      examples/docmanager/package.json
  5. 55 0
      examples/docmanager/src/index.ts
  6. 15 0
      examples/docmanager/src/tsconfig.json
  7. 25 0
      examples/docmanager/webpack.conf.js
  8. 1 12
      scripts/buildexamples.js
  9. 1 11
      scripts/cleanexamples.js

+ 144 - 0
examples/docmanager/index.css
查看文件 

@@ -0,0 +1,144 @@
 
+/*-----------------------------------------------------------------------------
 
+| Copyright (c) Jupyter Development Team.
 
+| Distributed under the terms of the Modified BSD License.
 
+|----------------------------------------------------------------------------*/
 
+body {
 
+  margin: 0;
 
+  padding: 0;
 
+  background: #F5F6F7;
 
+  overflow: hidden;
 
+}
 
+
 
+
 
+#main {
 
+  position: absolute;
 
+  top: 10px;
 
+  left: 10px;
 
+  right: 10px;
 
+  bottom: 10px;
 
+}
 
+
 
+
 
+.jp-CodeMirrorWidget {
 
+  min-height: 200px;
 
+  min-width: 200px;
 
+}
 
+
 
+
 
+.p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon:before {
 
+  font-family: FontAwesome;
 
+  content: '\f00d'; /* close */
 
+}
 
+
 
+
 
+.p-TabBar-tab.p-mod-closable.jp-mod-dirty > .p-TabBar-tabCloseIcon:before {
 
+  font-family: FontAwesome;
 
+  content: '\f069'; /* asterisk */
 
+}
 
+
 
+
 
+.p-DockTabPanel {
 
+  padding-right: 2px;
 
+  padding-bottom: 2px;
 
+}
 
+
 
+
 
+.p-DockTabPanel > .p-StackedPanel {
 
+  padding: 10px;
 
+  background: white;
 
+  border: 1px solid #C0C0C0;
 
+  border-top: none;
 
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
 
+}
 
+
 
+
 
+.p-DockPanel-overlay {
 
+  background: rgba(255, 255, 255, 0.6);
 
+  border: 1px dashed black;
 
+}
 
+
 
+
 
+.p-DockPanel-overlay.p-mod-root-top,
 
+.p-DockPanel-overlay.p-mod-root-left,
 
+.p-DockPanel-overlay.p-mod-root-right,
 
+.p-DockPanel-overlay.p-mod-root-bottom,
 
+.p-DockPanel-overlay.p-mod-root-center {
 
+  border-width: 2px;
 
+}
 
+
 
+
 
+.p-TabBar {
 
+  min-height: 24px;
 
+  max-height: 24px;
 
+}
 
+
 
+
 
+.p-TabBar-header {
 
+  display: none;
 
+}
 
+
 
+
 
+.p-TabBar-footer {
 
+  flex: 0 0 1px;
 
+  background: #C0C0C0;
 
+}
 
+
 
+
 
+.p-TabBar-content {
 
+  min-width: 0;
 
+  align-items: flex-end;
 
+}
 
+
 
+
 
+.p-TabBar-tab {
 
+  flex: 0 1 125px;
 
+  min-height: 20px;
 
+  max-height: 20px;
 
+  min-width: 35px;
 
+  margin-left: -1px;
 
+  border: 1px solid #C0C0C0;
 
+  border-bottom: none;
 
+  padding: 0px 10px;
 
+  background: #E5E5E5;
 
+  font: 12px Helvetica, Arial, sans-serif;
 
+}
 
+
 
+
 
+.p-TabBar-tab:first-child {
 
+  margin-left: 0;
 
+}
 
+
 
+
 
+.p-TabBar-tab.p-mod-current {
 
+  min-height: 23px;
 
+  max-height: 23px;
 
+  background: white;
 
+  transform: translateY(1px);
 
+}
 
+
 
+
 
+.p-TabBar-tab:hover:not(.p-mod-current) {
 
+  background: #F0F0F0;
 
+}
 
+
 
+
 
+.p-TabBar-tabIcon,
 
+.p-TabBar-tabText,
 
+.p-TabBar-tabCloseIcon {
 
+  line-height: 20px;
 
+}
 
+
 
+
 
+.p-TabBar-tab.p-mod-closable > .p-TabBar-tabCloseIcon {
 
+  margin-left: 4px;
 
+}
 
+
 
+
 
+.p-TabBar-tab.p-mod-drag-image {
 
+  min-height: 23px;
 
+  max-height: 23px;
 
+  min-width: 125px;
 
+  border: none;
 
+  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
 
+  transform: translateX(-40%) translateY(-58%);
 
+}

+ 15 - 0
examples/docmanager/index.html
查看文件 

@@ -0,0 +1,15 @@
 
+<!doctype html>
 
+<html lang="en">
 
+  <head>
 
+    <meta charset="utf-8">
 
+    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
 
+    <link rel="stylesheet" type="text/css" href="index.css">
 
+    <title>Jupyter Document Manager Demo</title>
 
+  </head>
 
+  <body>
 
+    <script id='jupyter-config-data' type="application/json">{ "baseUrl": "{{base_url}}" }</script>
 
+    <script src="build/bundle.js"></script>
 
+
 
+  </body>
 
+</html>
 
+

+ 84 - 0
examples/docmanager/main.py
查看文件 

@@ -0,0 +1,84 @@
 
+"""
 
+Copyright (c) Jupyter Development Team.
 
+Distributed under the terms of the Modified BSD License.
 
+"""
 
+import re
 
+import subprocess
 
+import sys
 
+import threading
 
+import tornado.web
 
+
 
+PORT = 8765
 
+
 
+
 
+class MainPageHandler(tornado.web.RequestHandler):
 
+
 
+    def initialize(self, base_url):
 
+        self.base_url = base_url
 
+
 
+    def get(self):
 
+        return self.render("index.html", static=self.static_url,
 
+                           base_url=self.base_url)
 
+
 
+
 
+def main(argv):
 
+
 
+    url = "http://localhost:%s" % PORT
 
+
 
+    nb_command = [sys.executable, '-m', 'notebook', '--no-browser', '--debug',
 
+                  '--NotebookApp.allow_origin="%s"' % url]
 
+    nb_server = subprocess.Popen(nb_command, stderr=subprocess.STDOUT,
 
+                                 stdout=subprocess.PIPE)
 
+
 
+    # wait for notebook server to start up
 
+    while 1:
 
+        line = nb_server.stdout.readline().decode('utf-8').strip()
 
+        if not line:
 
+            continue
 
+        print(line)
 
+        if 'Jupyter Notebook is running at:' in line:
 
+            host = re.search('http(.*?)$', line).groups()[0]
 
+            base_url = 'http' + host
 
+            break
 
+
 
+    while 1:
 
+        line = nb_server.stdout.readline().decode('utf-8').strip()
 
+        if not line:
 
+            continue
 
+        print(line)
 
+        if 'Control-C' in line:
 
+            break
 
+
 
+    def print_thread():
 
+        while 1:
 
+            line = nb_server.stdout.readline().decode('utf-8').strip()
 
+            if not line:
 
+                continue
 
+            print(line)
 
+    thread = threading.Thread(target=print_thread)
 
+    thread.setDaemon(True)
 
+    thread.start()
 
+
 
+    handlers = [
 
+        (r"/", MainPageHandler, {'base_url': base_url}),
 
+        (r'/(.*)', tornado.web.StaticFileHandler,
 
+         {'path': '.'}),
 
+    ]
 
+
 
+    app = tornado.web.Application(handlers, static_path='build',
 
+                                  template_path='.',
 
+                                  compiled_template_cache=False)
 
+
 
+    app.listen(PORT, 'localhost')
 
+    loop = tornado.ioloop.IOLoop.instance()
 
+    print('Browse to http://localhost:%s' % PORT)
 
+    try:
 
+        loop.start()
 
+    except KeyboardInterrupt:
 
+        print(" Shutting down on SIGINT")
 
+    finally:
 
+        nb_server.kill()
 
+        loop.close()
 
+
 
+if __name__ == '__main__':
 
+    main(sys.argv)

+ 28 - 0
examples/docmanager/package.json
查看文件 

@@ -0,0 +1,28 @@
 
+{
 
+  "private": true,
 
+  "name": "docmanager-example",
 
+  "dependencies": {
 
+    "codemirror": "^5.12.0",
 
+    "jupyter-js-services": "^0.5.1",
 
+    "jupyter-js-ui": "file:../..",
 
+    "jupyter-js-utils": "^0.3.1",
 
+    "phosphor-dockpanel": "^0.9.6",
 
+    "phosphor-keymap": "^0.7.0"
 
+  },
 
+  "scripts": {
 
+    "build": "tsc --project src && webpack --config webpack.conf.js",
 
+    "clean": "rimraf build && rimraf node_modules",
 
+    "postinstall": "npm dedupe",
 
+    "update": "rimraf node_modules/jupyter-js-ui && npm install",
 
+    "watch:src": "watch 'npm run build' src --wait 5",
 
+    "watch": "concurrently 'npm run watch:src' 'python main.py'"
 
+  },
 
+  "devDependencies": {
 
+    "concurrently": "^2.0.0",
 
+    "css-loader": "^0.23.1",
 
+    "rimraf": "^2.5.2",
 
+    "style-loader": "^0.13.0",
 
+    "watch": "^0.17.1",
 
+    "webpack": "^1.12.14"
 
+  }
 
+}

+ 55 - 0
examples/docmanager/src/index.ts
查看文件 

@@ -0,0 +1,55 @@
 
+// Copyright (c) Jupyter Development Team.
 
+// Distributed under the terms of the Modified BSD License.
 
+'use strict';
 
+
 
+import {
 
+  DockPanel
 
+} from 'phosphor-dockpanel';
 
+
 
+import {
 
+  KeymapManager
 
+} from 'phosphor-keymap';
 
+
 
+import {
 
+  ContentsManager
 
+} from 'jupyter-js-services';
 
+
 
+import {
 
+  FileHandler, DocumentManager
 
+} from 'jupyter-js-ui/lib/docmanager';
 
+
 
+import {
 
+  getBaseUrl
 
+} from 'jupyter-js-utils';
 
+
 
+
 
+function main(): void {
 
+  let dock = new DockPanel();
 
+  dock.id = 'main';
 
+  dock.attach(document.body);
 
+  window.onresize = () => dock.update();
 
+  let keymapManager = new KeymapManager();
 
+  window.addEventListener('keydown', (event) => {
 
+    keymapManager.processKeydownEvent(event);
 
+  });
 
+
 
+  let contentsManager = new ContentsManager(getBaseUrl());
 
+  let fileHandler = new FileHandler(contentsManager);
 
+  let docManager = new DocumentManager();
 
+  docManager.registerDefault(fileHandler);
 
+  contentsManager.get('index.html').then(contents => {
 
+    let widget = docManager.open(contents);
 
+    dock.insertTabAfter(widget);
 
+    keymapManager.add([{
 
+      sequence: ['Accel S'],
 
+      selector: '.jp-CodeMirrorWidget',
 
+      handler: () => {
 
+        fileHandler.save();
 
+        return true;
 
+      }
 
+    }]);
 
+  });
 
+
 
+}
 
+
 
+window.onload = main;

+ 15 - 0
examples/docmanager/src/tsconfig.json
查看文件 

@@ -0,0 +1,15 @@
 
+{
 
+  "compilerOptions": {
 
+    "noImplicitAny": true,
 
+    "noEmitOnError": true,
 
+    "module": "commonjs",
 
+    "moduleResolution": "node",
 
+    "target": "ES5",
 
+    "outDir": "../build"
 
+  },
 
+  "files": [
 
+    "../../../src/typings/es6-promise.d.ts",
 
+    "../../../src/typings/codemirror/codemirror.d.ts",
 
+    "index.ts"
 
+  ]
 
+}

+ 25 - 0
examples/docmanager/webpack.conf.js
查看文件 

@@ -0,0 +1,25 @@
 
+
 
+var ContextReplacementPlugin = require("webpack/lib/ContextReplacementPlugin");
 
+
 
+module.exports = {
 
+  entry: './build/index.js',
 
+  output: {
 
+    path: './build',
 
+    filename: 'bundle.js'
 
+  },
 
+  node: {
 
+    fs: "empty"
 
+  },
 
+  bail: true,
 
+  module: {
 
+    loaders: [
 
+      { test: /\.css$/, loader: 'style-loader!css-loader' },
 
+    ]
 
+  },
 
+  plugins: [
 
+    new ContextReplacementPlugin(
 
+      /codemirror\/mode.*$/,
 
+      /codemirror\/mode.*\.js$/
 
+    )
 
+  ]
 
+}

+ 1 - 12
scripts/buildexamples.js
查看文件 

@@ -7,17 +7,6 @@ dirs = fs.readdirSync('examples');
 
 for (var i = 0; i < dirs.length; i++) {
 
   console.log('Building: ' + dirs[i] + '...');
 
   process.chdir('examples/' + dirs[i]);
 
-
 
-  childProcess.exec('npm run update && npm run build', function (error, stdout, stderr) {
 
-    if (error) {
 
-      console.log(error.stack);
 
-      console.log('Error code: ' + error.code);
 
-      console.log('Signal received: ' + error.signal);
 
-      console.log('Child Process STDERR: ' + stderr);
 
-      process.exit(1);
 
-     }
 
-     console.log('Child Process STDOUT: ' + stdout);
 
-  });
 
-
 
+  childProcess.execSync('npm run update && npm run build', { stdio: [0, 1, 2] });
 
   process.chdir('../..');
 
 }

+ 1 - 11
scripts/cleanexamples.js
查看文件 

@@ -6,16 +6,6 @@ dirs = fs.readdirSync('examples');
 
 
 for (var i = 0; i < dirs.length; i++) {
 
   process.chdir('examples/' + dirs[i]);
 
-
 
-  childProcess.exec('npm run clean', function (error, stdout, stderr) {
 
-    if (error) {
 
-      console.log(error.stack);
 
-      console.log('Error code: ' + error.code);
 
-      console.log('Signal received: ' + error.signal);
 
-      console.log('Child Process STDERR: ' + stderr);
 
-     }
 
-     console.log('Child Process STDOUT: ' + stdout);
 
-  });
 
-
 
+  childProcess.execSync('npm run clean', { stdio: [0, 1, 2] });
 
   process.chdir('../..');
 
 }