[Doc] add demo with requirejs, update to v0.6.5 (#493)

* add demo for requirejs * format
hizzgdev · Aug 26, 2023 · 73a74b7 · 73a74b7
1 parent d35e65e
commit 73a74b7
Show file tree

Hide file tree

Showing 7 changed files with 72 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -71,6 +71,7 @@ The ES6 version of jsMind has been launched. see details from [es6/README-en.md]
 -   Demo :
     -   [显示一个脑图 Render a mindmap](https://hizzgdev.github.io/jsmind/example/1_basic.html) [[国内版](https://hizzgdev.github.io/jsmind/example/1_basic_cn.html)]
     -   [试用所有功能 Features simple](https://hizzgdev.github.io/jsmind/example/2_features.html) [[国内版](https://hizzgdev.github.io/jsmind/example/2_features_cn.html)]
+    -   [requirejs + jsMind](https://hizzgdev.github.io/jsmind/example/3_requirejs.html)
 
 ## Donate
 

diff --git a/example/1_basic.html b/example/1_basic.html
@@ -14,18 +14,15 @@
                 width: 800px;
                 height: 500px;
                 border: solid 1px #ccc;
-                /*background:#f4f4f4;*/
                 background: #f4f4f4;
             }
         </style>
     </head>
+
     <body>
         <div id="jsmind_container"></div>
-        <script type="text/javascript" src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.js"></script>
-        <script
-            type="text/javascript"
-            src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.draggable-node.js"
-        ></script>
+        <script src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.js"></script>
+        <script src="//cdn.jsdelivr.net/npm/jsmind/es6/jsmind.draggable-node.js"></script>
         <script type="text/javascript">
             function load_jsmind() {
                 var mind = {

diff --git a/example/1_basic_cn.html b/example/1_basic_cn.html
@@ -14,19 +14,15 @@
                 width: 800px;
                 height: 500px;
                 border: solid 1px #ccc;
-                /*background:#f4f4f4;*/
                 background: #f4f4f4;
             }
         </style>
     </head>
 
     <body>
         <div id="jsmind_container"></div>
-        <script type="text/javascript" src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.js"></script>
-        <script
-            type="text/javascript"
-            src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.draggable-node.js"
-        ></script>
+        <script src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.js"></script>
+        <script src="//jsd.onmicrosoft.cn/npm/jsmind/es6/jsmind.draggable-node.js"></script>
         <script type="text/javascript">
             function load_jsmind() {
                 var mind = {

diff --git a/example/3_requirejs.html b/example/3_requirejs.html
@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+        <title>jsMind</title>
+        <link
+            type="text/css"
+            rel="stylesheet"
+            href="https://unpkg.com/jsmind@latest/style/jsmind.css"
+        />
+        <style type="text/css">
+            #jsmind_container {
+                width: 900px;
+                height: 600px;
+                border: solid 1px #ccc;
+                background: #f4f4f4;
+            }
+        </style>
+    </head>
+
+    <body>
+        <p>查看页面源文件了解具体写法</p>
+        <p>See the page source for details</p>
+        <div id="jsmind_container"></div>
+    </body>
+
+    <script src="https://requirejs.org/docs/release/2.3.6/minified/require.js"></script>
+    <script type="text/javascript">
+        require.config({
+            paths: {
+                // note: replace `latest` with a specific version on production
+                'jsmind': 'https://unpkg.com/jsmind@latest/es6/jsmind',
+                'jsmind/draggable_node':
+                    'https://unpkg.com/jsmind@latest/es6/jsmind.draggable-node',
+            },
+        });
+        require(['jsmind', 'jsmind/draggable_node'], function (jsMind, _) {
+            let mind = {
+                meta: {
+                    name: 'jsMind example',
+                    author: '[email protected]',
+                    version: '0.6.5',
+                },
+                format: 'node_tree',
+                data: {
+                    id: 'root',
+                    topic: 'jsMind',
+                    children: [],
+                },
+            };
+            let options = {
+                container: 'jsmind_container',
+                editable: true,
+                theme: 'primary',
+            };
+            let jm = new jsMind(options);
+            jm.show(mind);
+        });
+    </script>
+</html>
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
     "name": "jsmind",
-    "version": "0.6.5-preview",
+    "version": "0.6.5",
     "description": "jsMind is a pure javascript library for mindmap, it base on html5 canvas. jsMind was released under BSD license, you can embed it in any project, if only you observe the license.",
     "main": "es6/jsmind.js",
     "exports": {
-        ".": "es6/jsmind.js",
+        ".": "./es6/jsmind.js",
         "draggable-node": "./es6/jsmind.draggable-node.js",
         "screenshot": "./es6/jsmind.screenshot.js"
     },

diff --git a/src/jsmind.common.js b/src/jsmind.common.js
@@ -6,7 +6,7 @@
  *   https://github.com/hizzgdev/jsmind/
  */
 
-export const __version__ = '0.6.5-preview';
+export const __version__ = '0.6.5';
 export const __author__ = '[email protected]';
 
 if (typeof String.prototype.startsWith != 'function') {