vzcode 0.23.0 → 0.25.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/dist/assets/index-8628ebab.js +111 -0
- package/dist/assets/{index-c63b4be7.css → index-cf19de3b.css} +1 -1
- package/dist/assets/{worker-d5f0575a.js → worker-b775ddff.js} +1 -1
- package/dist/index.html +2 -2
- package/package.json +19 -9
- package/src/client/App.tsx +111 -30
- package/src/client/CodeEditor/getOrCreateEditor.ts +10 -1
- package/src/client/CodeEditor/index.tsx +9 -5
- package/src/client/CodeEditor/json1PresenceBroadcast.js +2 -0
- package/src/client/CodeEditor/json1PresenceDisplay.js +45 -1
- package/src/client/CodeEditor/widgets.ts +183 -10
- package/src/client/PresenceNotifications/index.tsx +145 -0
- package/src/client/PresenceNotifications/style.scss +17 -0
- package/src/client/PrettierErrorOverlay/index.tsx +9 -0
- package/src/client/PrettierErrorOverlay/style.scss +9 -0
- package/src/client/Settings.tsx +11 -1
- package/src/client/Sidebar/FileListing.tsx +0 -1
- package/src/client/Sidebar/Item.tsx +20 -11
- package/src/client/reducer.ts +119 -0
- package/src/client/style.scss +3 -0
- package/src/client/themes/index.ts +7 -0
- package/src/client/{themes.ts → themes/themes.ts} +5 -5
- package/src/client/{useDynamicTheme.ts → themes/useDynamicTheme.ts} +1 -1
- package/src/client/themes/vizhubTheme/colors.ts +80 -0
- package/src/client/themes/vizhubTheme/index.ts +166 -0
- package/src/client/usePrettier/index.ts +32 -14
- package/src/client/usePrettier/worker.ts +1 -1
- package/dist/assets/index-49f71876.js +0 -110
- package/src/client/useTabsState.ts +0 -58
- package/src/client/vizhubTheme.js +0 -1
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
import { useCallback } from 'react';
|
|
2
|
-
import { FileId } from '../types';
|
|
3
|
-
|
|
4
|
-
// Encapsulates the state and logic for managing the list of open tabs.
|
|
5
|
-
export const useTabsState = (
|
|
6
|
-
activeFileId: FileId,
|
|
7
|
-
setActiveFileId: (fileId: FileId | null) => void,
|
|
8
|
-
tabList: Array<FileId>,
|
|
9
|
-
setTabList: (tabList: Array<FileId>) => void,
|
|
10
|
-
) => {
|
|
11
|
-
// Called when a tab is closed.
|
|
12
|
-
const closeTab = useCallback(
|
|
13
|
-
(fileIdToRemove: FileId) => {
|
|
14
|
-
const i = tabList.findIndex(
|
|
15
|
-
(fileId) => fileId === fileIdToRemove,
|
|
16
|
-
);
|
|
17
|
-
|
|
18
|
-
// Support calling `closeTab` on a fileId that is not open,
|
|
19
|
-
// such as when a file is deleted..
|
|
20
|
-
if (i !== -1) {
|
|
21
|
-
// Remove the tab from the tab list.
|
|
22
|
-
const newTabList = [
|
|
23
|
-
...tabList.slice(0, i),
|
|
24
|
-
...tabList.slice(i + 1),
|
|
25
|
-
];
|
|
26
|
-
setTabList(newTabList);
|
|
27
|
-
|
|
28
|
-
// If we are closing the active file,
|
|
29
|
-
if (activeFileId === fileIdToRemove) {
|
|
30
|
-
// set the new active file to the next tab over,
|
|
31
|
-
if (newTabList.length > 0) {
|
|
32
|
-
setActiveFileId(
|
|
33
|
-
i === 0 ? newTabList[i] : newTabList[i - 1],
|
|
34
|
-
);
|
|
35
|
-
} else {
|
|
36
|
-
// or clear out the active file
|
|
37
|
-
// if we've closed the last tab.
|
|
38
|
-
setActiveFileId(null);
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
[tabList, activeFileId],
|
|
44
|
-
);
|
|
45
|
-
|
|
46
|
-
// Called when a tab is opened.
|
|
47
|
-
const openTab = useCallback(
|
|
48
|
-
(fileId: FileId) => {
|
|
49
|
-
setActiveFileId(fileId);
|
|
50
|
-
if (!tabList.includes(fileId)) {
|
|
51
|
-
setTabList([...tabList, fileId]);
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
[tabList],
|
|
55
|
-
);
|
|
56
|
-
|
|
57
|
-
return { tabList, closeTab, openTab };
|
|
58
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
// TODO
|