noteconnection 1.1.2 → 1.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +81 -3
- package/dist/src/core/Graph.js +84 -0
- package/dist/src/core/PathBridge.js +49 -0
- package/dist/src/core/PathEngine.js +196 -0
- package/dist/src/core/PathEngine.test.js +86 -0
- package/dist/src/electron/main.js +14 -0
- package/dist/src/frontend/README.md +81 -3
- package/dist/src/frontend/app.js +39 -0
- package/dist/src/frontend/index.html +128 -2
- package/dist/src/frontend/libs/path_core.js +429 -0
- package/dist/src/frontend/locales/en.json +52 -29
- package/dist/src/frontend/locales/zh.json +30 -7
- package/dist/src/frontend/path.html +100 -0
- package/dist/src/frontend/path_app.js +685 -0
- package/dist/src/frontend/path_styles.css +240 -0
- package/dist/src/frontend/path_worker.js +176 -0
- package/dist/src/frontend/styles.css +1 -1
- package/package.json +7 -3
|
@@ -0,0 +1,100 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="UTF-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
|
+
<title>NoteConnection - Path Mode</title>
|
|
7
|
+
<link rel="stylesheet" href="styles.css"> <!-- Reuse main styles -->
|
|
8
|
+
<link rel="stylesheet" href="path_styles.css">
|
|
9
|
+
|
|
10
|
+
<!-- Local Assets -->
|
|
11
|
+
<script src="libs/d3.v7.min.js"></script>
|
|
12
|
+
<script src="libs/gpu-browser.min.js"></script>
|
|
13
|
+
</head>
|
|
14
|
+
<body>
|
|
15
|
+
<div id="path-container" class="path-container">
|
|
16
|
+
<!-- Toolbar -->
|
|
17
|
+
<div id="path-toolbar" class="path-toolbar">
|
|
18
|
+
<div class="toolbar-group">
|
|
19
|
+
<label for="learning-mode">Mode:</label>
|
|
20
|
+
<select id="learning-mode">
|
|
21
|
+
<option value="domain">Domain Learning</option>
|
|
22
|
+
<option value="diffusion">Diffusion Learning</option>
|
|
23
|
+
</select>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<div class="toolbar-group">
|
|
27
|
+
<label for="strategy">Strategy:</label>
|
|
28
|
+
<select id="strategy">
|
|
29
|
+
<option value="foundational" title="Start with fundamental concepts (Low In-Degree)">Foundational</option>
|
|
30
|
+
<option value="core" title="Start with key concepts (High Centrality)">Core</option>
|
|
31
|
+
</select>
|
|
32
|
+
</div>
|
|
33
|
+
|
|
34
|
+
<div class="toolbar-group">
|
|
35
|
+
<label for="layout-style">Layout:</label>
|
|
36
|
+
<select id="layout-style">
|
|
37
|
+
<option value="vertical">Vertical Tree</option>
|
|
38
|
+
<option value="horizontal">Horizontal Tree</option>
|
|
39
|
+
<option value="radial">Radial</option>
|
|
40
|
+
</select>
|
|
41
|
+
</div>
|
|
42
|
+
|
|
43
|
+
<div class="toolbar-group right">
|
|
44
|
+
<button id="btn-exit-path" class="icon-btn" title="Exit Path Mode">
|
|
45
|
+
❌ Exit
|
|
46
|
+
</button>
|
|
47
|
+
</div>
|
|
48
|
+
</div>
|
|
49
|
+
|
|
50
|
+
<!-- Canvas Layer -->
|
|
51
|
+
<canvas id="path-canvas"></canvas>
|
|
52
|
+
|
|
53
|
+
<!-- Overlay Layer for Interaction -->
|
|
54
|
+
<div id="path-overlay"></div>
|
|
55
|
+
|
|
56
|
+
<!-- Progress / Status -->
|
|
57
|
+
<div id="path-status">
|
|
58
|
+
Learning Path: <span id="path-count">0</span> nodes
|
|
59
|
+
</div>
|
|
60
|
+
</div>
|
|
61
|
+
|
|
62
|
+
<!-- Reading Mode Dependencies -->
|
|
63
|
+
<script src="libs/marked.min.js"></script>
|
|
64
|
+
<link rel="stylesheet" href="libs/katex/katex.min.css" />
|
|
65
|
+
<script src="libs/katex/katex.min.js"></script>
|
|
66
|
+
<script src="libs/katex/contrib/auto-render.min.js"></script>
|
|
67
|
+
<script src="libs/mermaid.min.js"></script>
|
|
68
|
+
<script src="reader.js"></script>
|
|
69
|
+
|
|
70
|
+
<!-- Reading Window -->
|
|
71
|
+
<div id="reading-window" class="reading-overlay" style="display: none">
|
|
72
|
+
<div id="reading-content-box" class="reading-box window-mode">
|
|
73
|
+
<div class="reading-header">
|
|
74
|
+
<span id="reading-title">Title</span>
|
|
75
|
+
<div class="reading-controls">
|
|
76
|
+
<button
|
|
77
|
+
id="btn-reader-lock"
|
|
78
|
+
class="reader-btn"
|
|
79
|
+
title="Lock/Unlock Sizing"
|
|
80
|
+
>
|
|
81
|
+
🔒
|
|
82
|
+
</button>
|
|
83
|
+
<button id="btn-reader-zoom-out" class="reader-btn">A-</button>
|
|
84
|
+
<button id="btn-reader-zoom-in" class="reader-btn">A+</button>
|
|
85
|
+
<button id="btn-reader-close" class="reader-btn close">
|
|
86
|
+
×
|
|
87
|
+
</button>
|
|
88
|
+
</div>
|
|
89
|
+
</div>
|
|
90
|
+
<div id="reading-body" class="reading-body locked">
|
|
91
|
+
<!-- Content injected here -->
|
|
92
|
+
</div>
|
|
93
|
+
</div>
|
|
94
|
+
</div>
|
|
95
|
+
|
|
96
|
+
<!-- Scripts -->
|
|
97
|
+
<script src="i18n.js"></script>
|
|
98
|
+
<script src="path_app.js"></script>
|
|
99
|
+
</body>
|
|
100
|
+
</html>
|