@zikojs/notebook 0.15.6 → 0.15.8

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zikojs/notebook",
3
- "version": "0.15.6",
3
+ "version": "0.15.8",
4
4
  "description": "A lightweight, extensible JavaScript notebook component with Markdown, executable cells, persistent state, and pluggable runtimes.",
5
5
  "type": "module",
6
6
  "publishConfig": {
@@ -46,7 +46,7 @@
46
46
  "@codemirror/language": "^6.12.4",
47
47
  "@codemirror/state": "^6.7.4",
48
48
  "@codemirror/view": "^6.43.11",
49
- "@zikojs/console": "^0.8.0",
49
+ "@zikojs/console": "latest",
50
50
  "@zikojs/lucide": "^0.2.2",
51
51
  "acorn": "^8.18.0",
52
52
  "codemirror": "^6.0.2",
@@ -54,7 +54,6 @@
54
54
  "remark": "^15.0.1",
55
55
  "remark-rehype": "^11.1.2",
56
56
  "vanjs-core": "^1.6.1",
57
- "zextra": "^1.15.0",
58
57
  "ziko": "latest"
59
58
  },
60
59
  "scripts": {
@@ -164,18 +164,26 @@ export function createCodeEditor(app, cellData, actions) {
164
164
  const state = EditorState.create({
165
165
  doc: cellData.code,
166
166
  extensions: [
167
- // lineNumbers(),
167
+ lineNumbers(),
168
168
  highlightActiveLine(),
169
- // EditorView.theme({
170
- // "&": {
171
- // fontFamily: '"Fira Code", SFMono-Regular, Consolas, monospace',
172
- // fontSize: "13px",
173
- // lineHeight: "17px",
174
- // },
175
- // ".cm-scroller, .cm-content, .cm-line, .cm-gutterElement": {
176
- // lineHeight: "17px",
177
- // },
178
- // }),
169
+ EditorView.theme({
170
+ ".cm-scroller, .cm-content, .cm-line, .cm-gutterElement": {
171
+ lineHeight: "17px",
172
+ margin : 0,
173
+ },
174
+ '.cm-gutters': {
175
+ background : 'transparent'
176
+ },
177
+ ".cm-gutterElement":{
178
+ display : 'flex',
179
+ justifyContent : 'center',
180
+ // alignItems : 'center',
181
+ fontFamily : 'cursive',
182
+ fontSize : '.75em'
183
+ }
184
+ },
185
+ // { dark : true}
186
+ ),
179
187
 
180
188
  history(),
181
189
  bracketMatching(),
@@ -5,7 +5,7 @@
5
5
  align-items: center;
6
6
  justify-content: center;
7
7
  gap: 6px;
8
- background: #ffffff;
8
+ background: transparent;
9
9
  border: 1px solid var(--border-color);
10
10
  padding: 6px 10px;
11
11
  border-radius: 4px;
@@ -1,8 +1,8 @@
1
1
  /* --- HEADER & TOOLBAR --- */
2
2
 
3
3
  .ziko-notebook .header {
4
- border-bottom: 1px solid var(--border-color);
5
- background: #ffffff;
4
+ /* border-bottom: 1px solid var(--border-color);
5
+ background: #ffffff; */
6
6
  padding: 10px 16px;
7
7
  display: flex;
8
8
  align-items: center;
@@ -9,7 +9,7 @@
9
9
  padding: 2px 4px;
10
10
  border: 1px solid var(--border-color);
11
11
  border-radius: 4px;
12
- background: #ffffff;
12
+ background: transparent;
13
13
  color: #1e293b;
14
14
  cursor: pointer;
15
15
  height: 28px;
package/src/index.css CHANGED
@@ -37,7 +37,7 @@
37
37
  border-radius: 6px;
38
38
  padding: 8px;
39
39
  gap: 2px;
40
- background: #ffffff;
40
+ /* background: #ffffff; */
41
41
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
42
42
  position: relative;
43
43
  }
@@ -81,7 +81,7 @@
81
81
  .ziko-notebook .input-wrapper {
82
82
  border: 1px solid var(--border-color);
83
83
  border-radius: 4px;
84
- background: var(--bg-editor);
84
+ /* background: var(--bg-editor); */
85
85
  overflow: hidden;
86
86
  flex: 1 1 0;
87
87
  min-width: 0;
@@ -121,9 +121,9 @@
121
121
  padding: 0;
122
122
  }
123
123
 
124
- .ziko-notebook .cm-line{
124
+ /* .ziko-notebook .cm-line{
125
125
  line-height: 1.3 !important;
126
- }
126
+ } */
127
127
 
128
128
  /* --- OUTPUT --- */
129
129
 
@@ -163,7 +163,7 @@
163
163
 
164
164
  /* TEMP */
165
165
 
166
- .ziko-notebook .cm-editor{
166
+ /* .ziko-notebook .cm-editor{
167
167
  margin: 1px;
168
168
  outline: none;
169
169
  }
@@ -173,4 +173,4 @@
173
173
  }
174
174
  .ziko-notebook .cm-line{
175
175
  margin: 1px;
176
- }
176
+ } */