Skip to content

Commit 7d48898

Browse files
celestial-vaultcelestial-vault
authored
Webview - Update import to use path aliases (RooCodeInc#2675)
* update imports to aliases * changeset
1 parent 8404e74 commit 7d48898

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+195
-203
lines changed

‎.changeset/wild-bugs-deny.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"claude-dev": patch
3+
---
4+
5+
Update import aliases in webview

‎webview-ui/src/components/account/AccountOptions.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { memo } from "react"
2-
import { vscode } from "../../utils/vscode"
2+
import { vscode } from "@/utils/vscode"
33

44
const AccountOptions = () => {
55
const handleAccountClick = () => {

‎webview-ui/src/components/account/AccountView.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
import { VSCodeButton, VSCodeDivider, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
22
import { memo, useEffect, useState } from "react"
3-
import { useFirebaseAuth } from "../../context/FirebaseAuthContext"
4-
import { vscode } from "../../utils/vscode"
3+
import { useFirebaseAuth } from "@/context/FirebaseAuthContext"
4+
import { vscode } from "@/utils/vscode"
55
import VSCodeButtonLink from "../common/VSCodeButtonLink"
66
import ClineLogoWhite from "../../assets/ClineLogoWhite"
77
import CountUp from "react-countup"
88
import CreditsHistoryTable from "./CreditsHistoryTable"
9-
import { UsageTransaction, PaymentTransaction } from "../../../../src/shared/ClineAccount"
10-
import { useExtensionState } from "../../context/ExtensionStateContext"
9+
import { UsageTransaction, PaymentTransaction } from "@shared/ClineAccount"
10+
import { useExtensionState } from "@/context/ExtensionStateContext"
1111

1212
type AccountViewProps = {
1313
onDone: () => void

‎webview-ui/src/components/account/CreditsHistoryTable.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
import { VSCodeDataGrid, VSCodeDataGridRow, VSCodeDataGridCell } from "@vscode/webview-ui-toolkit/react"
22
import { useState } from "react"
33
import { TabButton } from "../mcp/configuration/McpConfigurationView"
4-
import { UsageTransaction, PaymentTransaction } from "../../../../src/shared/ClineAccount"
5-
import { formatDollars, formatTimestamp } from "../../utils/format"
4+
import { UsageTransaction, PaymentTransaction } from "@shared/ClineAccount"
5+
import { formatDollars, formatTimestamp } from "@/utils/format"
66

77
interface CreditsHistoryTableProps {
88
isLoading: boolean

‎webview-ui/src/components/browser/BrowserSettingsMenu.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,9 @@ import { VSCodeButton, VSCodeCheckbox, VSCodeDropdown, VSCodeOption } from "@vsc
22
import React, { useRef, useState } from "react"
33
import { useClickAway } from "react-use"
44
import styled from "styled-components"
5-
import { BROWSER_VIEWPORT_PRESETS } from "../../../../src/shared/BrowserSettings"
6-
import { useExtensionState } from "../../context/ExtensionStateContext"
7-
import { vscode } from "../../utils/vscode"
5+
import { BROWSER_VIEWPORT_PRESETS } from "@shared/BrowserSettings"
6+
import { useExtensionState } from "@/context/ExtensionStateContext"
7+
import { vscode } from "@/utils/vscode"
88
import { CODE_BLOCK_BG_COLOR } from "../common/CodeBlock"
99

1010
interface BrowserSettingsMenuProps {

‎webview-ui/src/components/chat/Announcement.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
22
import { CSSProperties, memo } from "react"
3-
import { getAsVar, VSC_DESCRIPTION_FOREGROUND, VSC_INACTIVE_SELECTION_BACKGROUND } from "../../utils/vscStyles"
3+
import { getAsVar, VSC_DESCRIPTION_FOREGROUND, VSC_INACTIVE_SELECTION_BACKGROUND } from "@/utils/vscStyles"
44

55
interface AnnouncementProps {
66
version: string

‎webview-ui/src/components/chat/AutoApproveMenu.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
import { VSCodeCheckbox, VSCodeTextField } from "@vscode/webview-ui-toolkit/react"
22
import { useCallback, useState } from "react"
33
import styled from "styled-components"
4-
import { useExtensionState } from "../../context/ExtensionStateContext"
5-
import { AutoApprovalSettings } from "../../../../src/shared/AutoApprovalSettings"
6-
import { vscode } from "../../utils/vscode"
7-
import { getAsVar, VSC_FOREGROUND, VSC_TITLEBAR_INACTIVE_FOREGROUND, VSC_DESCRIPTION_FOREGROUND } from "../../utils/vscStyles"
4+
import { useExtensionState } from "@/context/ExtensionStateContext"
5+
import { AutoApprovalSettings } from "@shared/AutoApprovalSettings"
6+
import { vscode } from "@/utils/vscode"
7+
import { getAsVar, VSC_FOREGROUND, VSC_TITLEBAR_INACTIVE_FOREGROUND, VSC_DESCRIPTION_FOREGROUND } from "@/utils/vscStyles"
88

99
interface AutoApproveMenuProps {
1010
style?: React.CSSProperties

‎webview-ui/src/components/chat/BrowserSessionRow.tsx‎

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,14 +3,14 @@ import deepEqual from "fast-deep-equal"
33
import React, { CSSProperties, memo, useEffect, useMemo, useRef, useState } from "react"
44
import { useSize } from "react-use"
55
import styled from "styled-components"
6-
import { BROWSER_VIEWPORT_PRESETS } from "../../../../src/shared/BrowserSettings"
7-
import { BrowserAction, BrowserActionResult, ClineMessage, ClineSayBrowserAction } from "../../../../src/shared/ExtensionMessage"
8-
import { useExtensionState } from "../../context/ExtensionStateContext"
9-
import { vscode } from "../../utils/vscode"
10-
import { BrowserSettingsMenu } from "../browser/BrowserSettingsMenu"
11-
import { CheckpointControls } from "../common/CheckpointControls"
12-
import CodeBlock, { CODE_BLOCK_BG_COLOR } from "../common/CodeBlock"
13-
import { ChatRowContent, ProgressIndicator } from "./ChatRow"
6+
import { BROWSER_VIEWPORT_PRESETS } from "@shared/BrowserSettings"
7+
import { BrowserAction, BrowserActionResult, ClineMessage, ClineSayBrowserAction } from "@shared/ExtensionMessage"
8+
import { useExtensionState } from "@/context/ExtensionStateContext"
9+
import { vscode } from "@/utils/vscode"
10+
import { BrowserSettingsMenu } from "@/components/browser/BrowserSettingsMenu"
11+
import { CheckpointControls } from "@/components/common/CheckpointControls"
12+
import CodeBlock, { CODE_BLOCK_BG_COLOR } from "@/components/common/CodeBlock"
13+
import { ChatRowContent, ProgressIndicator } from "@/components/chat/ChatRow"
1414

1515
interface BrowserSessionRowProps {
1616
messages: ClineMessage[]

‎webview-ui/src/components/chat/ChatRow.tsx‎

Lines changed: 16 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -12,25 +12,25 @@ import {
1212
ClineSayTool,
1313
COMPLETION_RESULT_CHANGES_FLAG,
1414
ExtensionMessage,
15-
} from "../../../../src/shared/ExtensionMessage"
16-
import { COMMAND_OUTPUT_STRING, COMMAND_REQ_APP_STRING } from "../../../../src/shared/combineCommandSequences"
17-
import { useExtensionState } from "../../context/ExtensionStateContext"
18-
import { findMatchingResourceOrTemplate, getMcpServerDisplayName } from "../../utils/mcp"
19-
import { vscode } from "../../utils/vscode"
20-
import { CheckmarkControl } from "../common/CheckmarkControl"
15+
} from "@shared/ExtensionMessage"
16+
import { COMMAND_OUTPUT_STRING, COMMAND_REQ_APP_STRING } from "@shared/combineCommandSequences"
17+
import { useExtensionState } from "@/context/ExtensionStateContext"
18+
import { findMatchingResourceOrTemplate, getMcpServerDisplayName } from "@/utils/mcp"
19+
import { vscode } from "@/utils/vscode"
20+
import { CheckmarkControl } from "@/components/common/CheckmarkControl"
2121
import { CheckpointControls, CheckpointOverlay } from "../common/CheckpointControls"
2222
import CodeAccordian, { cleanPathPrefix } from "../common/CodeAccordian"
23-
import CodeBlock, { CODE_BLOCK_BG_COLOR } from "../common/CodeBlock"
24-
import MarkdownBlock from "../common/MarkdownBlock"
25-
import Thumbnails from "../common/Thumbnails"
26-
import McpToolRow from "../mcp/configuration/tabs/installed/server-row/McpToolRow"
27-
import McpResponseDisplay from "../mcp/chat-display/McpResponseDisplay"
28-
import CreditLimitError from "./CreditLimitError"
29-
import { OptionsButtons } from "./OptionsButtons"
23+
import CodeBlock, { CODE_BLOCK_BG_COLOR } from "@/components/common/CodeBlock"
24+
import MarkdownBlock from "@/components/common/MarkdownBlock"
25+
import Thumbnails from "@/components/common/Thumbnails"
26+
import McpToolRow from "@/components/mcp/configuration/tabs/installed/server-row/McpToolRow"
27+
import McpResponseDisplay from "@/components/mcp/chat-display/McpResponseDisplay"
28+
import CreditLimitError from "@/components/chat/CreditLimitError"
29+
import { OptionsButtons } from "@/components/chat/OptionsButtons"
3030
import { highlightMentions } from "./TaskHeader"
31-
import SuccessButton from "../common/SuccessButton"
32-
import TaskFeedbackButtons from "./TaskFeedbackButtons"
33-
import McpResourceRow from "../mcp/configuration/tabs/installed/server-row/McpResourceRow"
31+
import SuccessButton from "@/components/common/SuccessButton"
32+
import TaskFeedbackButtons from "@/components/chat/TaskFeedbackButtons"
33+
import McpResourceRow from "@/components/mcp/configuration/tabs/installed/server-row/McpResourceRow"
3434

3535
const ChatRowContainer = styled.div`
3636
padding: 10px 6px 10px 15px;

‎webview-ui/src/components/chat/ChatTextArea.tsx‎

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -3,26 +3,26 @@ import React, { forwardRef, useCallback, useEffect, useLayoutEffect, useMemo, us
33
import DynamicTextArea from "react-textarea-autosize"
44
import { useClickAway, useEvent, useWindowSize } from "react-use"
55
import styled from "styled-components"
6-
import { mentionRegex, mentionRegexGlobal } from "../../../../src/shared/context-mentions"
7-
import { ExtensionMessage } from "../../../../src/shared/ExtensionMessage"
8-
import { useExtensionState } from "../../context/ExtensionStateContext"
6+
import { mentionRegex, mentionRegexGlobal } from "@shared/context-mentions"
7+
import { ExtensionMessage } from "@shared/ExtensionMessage"
8+
import { useExtensionState } from "@/context/ExtensionStateContext"
99
import {
1010
ContextMenuOptionType,
1111
getContextMenuOptions,
1212
insertMention,
1313
removeMention,
1414
shouldShowContextMenu,
15-
} from "../../utils/context-mentions"
16-
import { useMetaKeyDetection, useShortcut } from "../../utils/hooks"
17-
import { validateApiConfiguration, validateModelId } from "../../utils/validate"
18-
import { vscode } from "../../utils/vscode"
19-
import { CODE_BLOCK_BG_COLOR } from "../common/CodeBlock"
20-
import Thumbnails from "../common/Thumbnails"
21-
import Tooltip from "../common/Tooltip"
22-
import ApiOptions, { normalizeApiConfiguration } from "../settings/ApiOptions"
23-
import { MAX_IMAGES_PER_MESSAGE } from "./ChatView"
24-
import ContextMenu from "./ContextMenu"
25-
import { ChatSettings } from "../../../../src/shared/ChatSettings"
15+
} from "@/utils/context-mentions"
16+
import { useMetaKeyDetection, useShortcut } from "@/utils/hooks"
17+
import { validateApiConfiguration, validateModelId } from "@/utils/validate"
18+
import { vscode } from "@/utils/vscode"
19+
import { CODE_BLOCK_BG_COLOR } from "@/components/common/CodeBlock"
20+
import Thumbnails from "@/components/common/Thumbnails"
21+
import Tooltip from "@/components/common/Tooltip"
22+
import ApiOptions, { normalizeApiConfiguration } from "@/components/settings/ApiOptions"
23+
import { MAX_IMAGES_PER_MESSAGE } from "@/components/chat/ChatView"
24+
import ContextMenu from "@/components/chat/ContextMenu"
25+
import { ChatSettings } from "@shared/ChatSettings"
2626

2727
interface ChatTextAreaProps {
2828
inputValue: string

0 commit comments

Comments
 (0)