vzcode 0.61.0 → 0.62.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/index.html CHANGED
@@ -20,8 +20,8 @@
20
20
  href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"
21
21
  rel="stylesheet"
22
22
  />
23
- <script type="module" crossorigin src="/assets/index-66GpGKeF.js"></script>
24
- <link rel="stylesheet" crossorigin href="/assets/index-c1T5_KtM.css">
23
+ <script type="module" crossorigin src="/assets/index-QfTeKC1O.js"></script>
24
+ <link rel="stylesheet" crossorigin href="/assets/index-rnGm5_OY.css">
25
25
  </head>
26
26
  <body>
27
27
  <div id="root"></div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "vzcode",
3
- "version": "0.61.0",
3
+ "version": "0.62.0",
4
4
  "description": "Multiplayer code editor system",
5
5
  "main": "src/index.ts",
6
6
  "type": "module",
@@ -4,11 +4,7 @@ import {
4
4
  ShareDBDoc,
5
5
  VZCodeContent,
6
6
  } from '../../../types';
7
- import {
8
- Button,
9
- OverlayTrigger,
10
- Tooltip,
11
- } from '../../bootstrap';
7
+ import { OverlayTrigger, Tooltip } from '../../bootstrap';
12
8
  import { EditorCache } from '../../useEditorCache';
13
9
  import { TabState } from '../../vzReducer';
14
10
  import {
@@ -87,14 +83,15 @@ export const AIAssistWidget = ({
87
83
  showWidget && (
88
84
  <div className="vz-code-ai-assist-widget">
89
85
  <OverlayTrigger
90
- placement="top"
86
+ placement="left"
91
87
  overlay={
92
88
  <Tooltip id="ai-assist-widget-tooltip">
93
89
  {aiAssistTooltipText}
94
90
  </Tooltip>
95
91
  }
96
92
  >
97
- <Button
93
+ <i
94
+ className="icon-button icon-button-dark"
98
95
  onClick={aiAssistClickOverride || handleClick}
99
96
  >
100
97
  {aiStreamId ? (
@@ -104,7 +101,7 @@ export const AIAssistWidget = ({
104
101
  ) : (
105
102
  <SparklesSVG />
106
103
  )}
107
- </Button>
104
+ </i>
108
105
  </OverlayTrigger>
109
106
  </div>
110
107
  )
@@ -1,19 +1,6 @@
1
1
  .vz-code-ai-assist-widget {
2
2
  position: absolute;
3
- bottom: 20px;
4
- right: 20px;
5
-
6
- .btn {
7
- /* Center the icon */
8
- padding: 6px 6px 7px 6px;
9
- background: #1f2022;
10
- color: #e0e8ff;
11
- border-radius: 4px;
12
- border: none;
13
- }
14
- .btn:hover,
15
- .btn:active,
16
- .btn:focus {
17
- background: #47546b;
18
- }
3
+ bottom: 32px;
4
+ right: 32px;
5
+ color: var(--vh-color-caution-01);
19
6
  }
@@ -1,31 +1,17 @@
1
1
  export const SparklesSVG = () => (
2
2
  <svg
3
3
  xmlns="http://www.w3.org/2000/svg"
4
- width="24"
5
- height="24"
4
+ width="32"
5
+ height="32"
6
6
  viewBox="0 0 24 24"
7
- fill="none"
7
+ fill="currentColor"
8
+ stroke="currentColor"
9
+ strokeWidth="1.5"
10
+ strokeLinecap="round"
11
+ strokeLinejoin="round"
8
12
  >
9
- <path
10
- d="M9.8132 15.9038L9 18.75L8.1868 15.9038C7.75968 14.4089 6.59112 13.2403 5.09619 12.8132L2.25 12L5.09619 11.1868C6.59113 10.7597 7.75968 9.59112 8.1868 8.09619L9 5.25L9.8132 8.09619C10.2403 9.59113 11.4089 10.7597 12.9038 11.1868L15.75 12L12.9038 12.8132C11.4089 13.2403 10.2403 14.4089 9.8132 15.9038Z"
11
- stroke="currentColor"
12
- strokeWidth="1.5"
13
- strokeLinecap="round"
14
- strokeLinejoin="round"
15
- />
16
- <path
17
- d="M18.2589 8.71454L18 9.75L17.7411 8.71454C17.4388 7.50533 16.4947 6.56117 15.2855 6.25887L14.25 6L15.2855 5.74113C16.4947 5.43883 17.4388 4.49467 17.7411 3.28546L18 2.25L18.2589 3.28546C18.5612 4.49467 19.5053 5.43883 20.7145 5.74113L21.75 6L20.7145 6.25887C19.5053 6.56117 18.5612 7.50533 18.2589 8.71454Z"
18
- stroke="currentColor"
19
- strokeWidth="1.5"
20
- strokeLinecap="round"
21
- strokeLinejoin="round"
22
- />
23
- <path
24
- d="M16.8942 20.5673L16.5 21.75L16.1058 20.5673C15.8818 19.8954 15.3546 19.3682 14.6827 19.1442L13.5 18.75L14.6827 18.3558C15.3546 18.1318 15.8818 17.6046 16.1058 16.9327L16.5 15.75L16.8942 16.9327C17.1182 17.6046 17.6454 18.1318 18.3173 18.3558L19.5 18.75L18.3173 19.1442C17.6454 19.3682 17.1182 19.8954 16.8942 20.5673Z"
25
- stroke="currentColor"
26
- strokeWidth="1.5"
27
- strokeLinecap="round"
28
- strokeLinejoin="round"
29
- />
13
+ <path d="M9.8132 15.9038L9 18.75L8.1868 15.9038C7.75968 14.4089 6.59112 13.2403 5.09619 12.8132L2.25 12L5.09619 11.1868C6.59113 10.7597 7.75968 9.59112 8.1868 8.09619L9 5.25L9.8132 8.09619C10.2403 9.59113 11.4089 10.7597 12.9038 11.1868L15.75 12L12.9038 12.8132C11.4089 13.2403 10.2403 14.4089 9.8132 15.9038Z" />
14
+ <path d="M18.2589 8.71454L18 9.75L17.7411 8.71454C17.4388 7.50533 16.4947 6.56117 15.2855 6.25887L14.25 6L15.2855 5.74113C16.4947 5.43883 17.4388 4.49467 17.7411 3.28546L18 2.25L18.2589 3.28546C18.5612 4.49467 19.5053 5.43883 20.7145 5.74113L21.75 6L20.7145 6.25887C19.5053 6.56117 18.5612 7.50533 18.2589 8.71454Z" />
15
+ <path d="M16.8942 20.5673L16.5 21.75L16.1058 20.5673C15.8818 19.8954 15.3546 19.3682 14.6827 19.1442L13.5 18.75L14.6827 18.3558C15.3546 18.1318 15.8818 17.6046 16.1058 16.9327L16.5 15.75L16.8942 16.9327C17.1182 17.6046 17.6454 18.1318 18.3173 18.3558L19.5 18.75L18.3173 19.1442C17.6454 19.3682 17.1182 19.8954 16.8942 20.5673Z" />
30
16
  </svg>
31
17
  );