mirror of
https://github.com/sourcegraph/sourcegraph.git
synced 2026-02-06 19:21:50 +00:00
Svelte: some unrelated cleanups (#63757)
Just a couple of things I noticed while working on unrelated tasks. 1) Removes the unused `Separator` component, which has been replaced by the Panel API 2) Makes the sourcegraph mark a proper icon so it can be used via the `Icon` component like all our other icons.
This commit is contained in:
Camden Cheek
GitHub
parent
8e6bf0eae3
commit
670ec996dc
15
client/web-sveltekit/assets/icons/mark.svg
Normal file
15
client/web-sveltekit/assets/icons/mark.svg
Normal file
@ -0,0 +1,15 @@
|
||||
<svg viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path
|
||||
d="M30.8 51.8c-2.8.5-5.5-1.3-6-4.1L17.2 6.2c-.5-2.8 1.3-5.5 4.1-6s5.5 1.3 6 4.1l7.6 41.5c.5 2.8-1.4 5.5-4.1 6z"
|
||||
fill="var(--icon-color, #FF5543)"
|
||||
/>
|
||||
<path
|
||||
d="M10.9 44.7C9.1 45 7.3 44.4 6 43c-1.8-2.2-1.6-5.4.6-7.2L38.7 8.5c2.2-1.8 5.4-1.6 7.2.6 1.8 2.2 1.6 5.4-.6 7.2l-32 27.3c-.7.6-1.6 1-2.4 1.1z"
|
||||
fill="var(--icon-color, #A112FF)"
|
||||
/>
|
||||
<path
|
||||
d="M46.8 38.1c-.9.2-1.8.1-2.6-.2L4.4 23.8c-2.7-1-4.1-3.9-3.1-6.6 1-2.7 3.9-4.1 6.6-3.1l39.7 14.1c2.7 1 4.1 3.9 3.1 6.6-.6 1.8-2.2 3-3.9 3.3z"
|
||||
fill="var(--icon-color, #00CBEC)"
|
||||
/>
|
||||
</svg>
|
||||
|
||||
|
After Width: | Height: | Size: 679 B |
357
client/web-sveltekit/src/auto-imports.d.ts
vendored
357
client/web-sveltekit/src/auto-imports.d.ts
vendored
@ -3,192 +3,175 @@
|
||||
// @ts-nocheck
|
||||
// noinspection JSUnusedGlobalSymbols
|
||||
// Generated by unplugin-auto-import
|
||||
export { }
|
||||
export {}
|
||||
declare global {
|
||||
const IDeviconPlainJava: typeof import('~icons/devicon-plain/java')['default']
|
||||
const IFileIconsHack: typeof import('~icons/file-icons/hack')['default']
|
||||
const ILucideAlertCircle: typeof import('~icons/lucide/alert-circle')['default']
|
||||
const ILucideArchive: typeof import('~icons/lucide/archive')['default']
|
||||
const ILucideArrowDownFromLine: typeof import('~icons/lucide/arrow-down-from-line')['default']
|
||||
const ILucideArrowLeftFromLine: typeof import('~icons/lucide/arrow-left-from-line')['default']
|
||||
const ILucideArrowRight: typeof import('~icons/lucide/arrow-right')['default']
|
||||
const ILucideArrowRightFromLine: typeof import('~icons/lucide/arrow-right-from-line')['default']
|
||||
const ILucideBarChartBig: typeof import('~icons/lucide/bar-chart-big')['default']
|
||||
const ILucideBookOpen: typeof import('~icons/lucide/book-open')['default']
|
||||
const ILucideBookX: typeof import('~icons/lucide/book-x')['default']
|
||||
const ILucideBraces: typeof import('~icons/lucide/braces')['default']
|
||||
const ILucideBrackets: typeof import('~icons/lucide/brackets')['default']
|
||||
const ILucideBrainCircuit: typeof import('~icons/lucide/brain-circuit')['default']
|
||||
const ILucideCaseSensitive: typeof import('~icons/lucide/case-sensitive')['default']
|
||||
const ILucideCheck: typeof import('~icons/lucide/check')['default']
|
||||
const ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
|
||||
const ILucideChevronFirst: typeof import('~icons/lucide/chevron-first')['default']
|
||||
const ILucideChevronLast: typeof import('~icons/lucide/chevron-last')['default']
|
||||
const ILucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
|
||||
const ILucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
|
||||
const ILucideChevronUp: typeof import('~icons/lucide/chevron-up')['default']
|
||||
const ILucideCircleHelp: typeof import('~icons/lucide/circle-help')['default']
|
||||
const ILucideCircleX: typeof import('~icons/lucide/circle-x')['default']
|
||||
const ILucideCode: typeof import('~icons/lucide/code')['default']
|
||||
const ILucideCodesandbox: typeof import('~icons/lucide/codesandbox')['default']
|
||||
const ILucideCopy: typeof import('~icons/lucide/copy')['default']
|
||||
const ILucideCornerRightDown: typeof import('~icons/lucide/corner-right-down')['default']
|
||||
const ILucideCornerRightUp: typeof import('~icons/lucide/corner-right-up')['default']
|
||||
const ILucideDatabase: typeof import('~icons/lucide/database')['default']
|
||||
const ILucideDiff: typeof import('~icons/lucide/diff')['default']
|
||||
const ILucideEarth: typeof import('~icons/lucide/earth')['default']
|
||||
const ILucideEllipsis: typeof import('~icons/lucide/ellipsis')['default']
|
||||
const ILucideExternalLink: typeof import('~icons/lucide/external-link')['default']
|
||||
const ILucideEye: typeof import('~icons/lucide/eye')['default']
|
||||
const ILucideFIleText: typeof import('~icons/lucide/f-ile-text')['default']
|
||||
const ILucideFile: typeof import('~icons/lucide/file')['default']
|
||||
const ILucideFileCode: typeof import('~icons/lucide/file-code')['default']
|
||||
const ILucideFileJson: typeof import('~icons/lucide/file-json')['default']
|
||||
const ILucideFileSearch2: typeof import('~icons/lucide/file-search2')['default']
|
||||
const ILucideFileStack: typeof import('~icons/lucide/file-stack')['default']
|
||||
const ILucideFileTerminal: typeof import('~icons/lucide/file-terminal')['default']
|
||||
const ILucideFileText: typeof import('~icons/lucide/file-text')['default']
|
||||
const ILucideFocus: typeof import('~icons/lucide/focus')['default']
|
||||
const ILucideFolder: typeof import('~icons/lucide/folder')['default']
|
||||
const ILucideFolderClosed: typeof import('~icons/lucide/folder-closed')['default']
|
||||
const ILucideFolderGit: typeof import('~icons/lucide/folder-git')['default']
|
||||
const ILucideFolderGit2: typeof import('~icons/lucide/folder-git2')['default']
|
||||
const ILucideFolderOpen: typeof import('~icons/lucide/folder-open')['default']
|
||||
const ILucideFolderUp: typeof import('~icons/lucide/folder-up')['default']
|
||||
const ILucideFullscreen: typeof import('~icons/lucide/fullscreen')['default']
|
||||
const ILucideGitBranch: typeof import('~icons/lucide/git-branch')['default']
|
||||
const ILucideGitCommitVertical: typeof import('~icons/lucide/git-commit-vertical')['default']
|
||||
const ILucideGitCompare: typeof import('~icons/lucide/git-compare')['default']
|
||||
const ILucideGitCompareArrows: typeof import('~icons/lucide/git-compare-arrows')['default']
|
||||
const ILucideGitFork: typeof import('~icons/lucide/git-fork')['default']
|
||||
const ILucideGitMerge: typeof import('~icons/lucide/git-merge')['default']
|
||||
const ILucideHistory: typeof import('~icons/lucide/history')['default']
|
||||
const ILucideHome: typeof import('~icons/lucide/home')['default']
|
||||
const ILucideInfo: typeof import('~icons/lucide/info')['default']
|
||||
const ILucideLink: typeof import('~icons/lucide/link')['default']
|
||||
const ILucideLock: typeof import('~icons/lucide/lock')['default']
|
||||
const ILucideMenu: typeof import('~icons/lucide/menu')['default']
|
||||
const ILucideOctagonX: typeof import('~icons/lucide/octagon-x')['default']
|
||||
const ILucidePanelBottomClose: typeof import('~icons/lucide/panel-bottom-close')['default']
|
||||
const ILucidePanelLeftClose: typeof import('~icons/lucide/panel-left-close')['default']
|
||||
const ILucidePanelLeftOpen: typeof import('~icons/lucide/panel-left-open')['default']
|
||||
const ILucidePencil: typeof import('~icons/lucide/pencil')['default']
|
||||
const ILucideRegex: typeof import('~icons/lucide/regex')['default']
|
||||
const ILucideRepeat: typeof import('~icons/lucide/repeat')['default']
|
||||
const ILucideSearch: typeof import('~icons/lucide/search')['default']
|
||||
const ILucideSearchX: typeof import('~icons/lucide/search-x')['default']
|
||||
const ILucideSettings: typeof import('~icons/lucide/settings')['default']
|
||||
const ILucideSpline: typeof import('~icons/lucide/spline')['default']
|
||||
const ILucideSquareFunction: typeof import('~icons/lucide/square-function')['default']
|
||||
const ILucideSquareSlash: typeof import('~icons/lucide/square-slash')['default']
|
||||
const ILucideStar: typeof import('~icons/lucide/star')['default']
|
||||
const ILucideTag: typeof import('~icons/lucide/tag')['default']
|
||||
const ILucideText: typeof import('~icons/lucide/text')['default']
|
||||
const ILucideUser: typeof import('~icons/lucide/user')['default']
|
||||
const ILucideUsers: typeof import('~icons/lucide/users')['default']
|
||||
const ILucideWrapText: typeof import('~icons/lucide/wrap-text')['default']
|
||||
const ILucideX: typeof import('~icons/lucide/x')['default']
|
||||
const ILucidehevronLeft: typeof import('~icons/lucide/hevron-left')['default']
|
||||
const IMdiFormatLetterCase: typeof import('~icons/mdi/format-letter-case')['default']
|
||||
const IMdiRegex: typeof import('~icons/mdi/regex')['default']
|
||||
const IPhFileJpgLight: typeof import('~icons/ph/file-jpg-light')['default']
|
||||
const IPhFilePngLight: typeof import('~icons/ph/file-png-light')['default']
|
||||
const IPhGifFill: typeof import('~icons/ph/gif-fill')['default']
|
||||
const IPhJpgLight: typeof import('~icons/ph/jpg-light')['default']
|
||||
const IPhPngLight: typeof import('~icons/ph/png-light')['default']
|
||||
const IPhPnglight: typeof import('~icons/ph/pnglight')['default']
|
||||
const IPhosphorPngLight: typeof import('~icons/ph/osphor-png-light')['default']
|
||||
const IPhosphorePngLight: typeof import('~icons/ph/osphore-png-light')['default']
|
||||
const ISgBatchChanges: typeof import('~icons/sg/batch-changes')['default']
|
||||
const ISgCody: typeof import('~icons/sg/cody')['default']
|
||||
const ISimpleIconsApachegroovy: typeof import('~icons/simple-icons/apachegroovy')['default']
|
||||
const ISimpleIconsBitbucket: typeof import('~icons/simple-icons/bitbucket')['default']
|
||||
const ISimpleIconsC: typeof import('~icons/simple-icons/c')['default']
|
||||
const ISimpleIconsCSS3: typeof import('~icons/simple-icons/c-s-s3')['default']
|
||||
const ISimpleIconsClojure: typeof import('~icons/simple-icons/clojure')['default']
|
||||
const ISimpleIconsCmake: typeof import('~icons/simple-icons/cmake')['default']
|
||||
const ISimpleIconsCoffeescript: typeof import('~icons/simple-icons/coffeescript')['default']
|
||||
const ISimpleIconsCplusplus: typeof import('~icons/simple-icons/cplusplus')['default']
|
||||
const ISimpleIconsCrystal: typeof import('~icons/simple-icons/crystal')['default']
|
||||
const ISimpleIconsCsharp: typeof import('~icons/simple-icons/csharp')['default']
|
||||
const ISimpleIconsCss3: typeof import('~icons/simple-icons/css3')['default']
|
||||
const ISimpleIconsD: typeof import('~icons/simple-icons/d')['default']
|
||||
const ISimpleIconsDart: typeof import('~icons/simple-icons/dart')['default']
|
||||
const ISimpleIconsDocker: typeof import('~icons/simple-icons/docker')['default']
|
||||
const ISimpleIconsEditorconfig: typeof import('~icons/simple-icons/editorconfig')['default']
|
||||
const ISimpleIconsElixir: typeof import('~icons/simple-icons/elixir')['default']
|
||||
const ISimpleIconsElm: typeof import('~icons/simple-icons/elm')['default']
|
||||
const ISimpleIconsErlang: typeof import('~icons/simple-icons/erlang')['default']
|
||||
const ISimpleIconsFortran: typeof import('~icons/simple-icons/fortran')['default']
|
||||
const ISimpleIconsFsharp: typeof import('~icons/simple-icons/fsharp')['default']
|
||||
const ISimpleIconsGit: typeof import('~icons/simple-icons/git')['default']
|
||||
const ISimpleIconsGithub: typeof import('~icons/simple-icons/github')['default']
|
||||
const ISimpleIconsGitlab: typeof import('~icons/simple-icons/gitlab')['default']
|
||||
const ISimpleIconsGnuemacs: typeof import('~icons/simple-icons/gnuemacs')['default']
|
||||
const ISimpleIconsGo: typeof import('~icons/simple-icons/go')['default']
|
||||
const ISimpleIconsGraphql: typeof import('~icons/simple-icons/graphql')['default']
|
||||
const ISimpleIconsHaskell: typeof import('~icons/simple-icons/haskell')['default']
|
||||
const ISimpleIconsHtml5: typeof import('~icons/simple-icons/html5')['default']
|
||||
const ISimpleIconsJavascript: typeof import('~icons/simple-icons/javascript')['default']
|
||||
const ISimpleIconsJinja: typeof import('~icons/simple-icons/jinja')['default']
|
||||
const ISimpleIconsJpeg: typeof import('~icons/simple-icons/jpeg')['default']
|
||||
const ISimpleIconsJulia: typeof import('~icons/simple-icons/julia')['default']
|
||||
const ISimpleIconsKotlin: typeof import('~icons/simple-icons/kotlin')['default']
|
||||
const ISimpleIconsLlvm: typeof import('~icons/simple-icons/llvm')['default']
|
||||
const ISimpleIconsLua: typeof import('~icons/simple-icons/lua')['default']
|
||||
const ISimpleIconsMarkdown: typeof import('~icons/simple-icons/markdown')['default']
|
||||
const ISimpleIconsNginx: typeof import('~icons/simple-icons/nginx')['default']
|
||||
const ISimpleIconsNim: typeof import('~icons/simple-icons/nim')['default']
|
||||
const ISimpleIconsNixos: typeof import('~icons/simple-icons/nixos')['default']
|
||||
const ISimpleIconsNpm: typeof import('~icons/simple-icons/npm')['default']
|
||||
const ISimpleIconsOcaml: typeof import('~icons/simple-icons/ocaml')['default']
|
||||
const ISimpleIconsPerl: typeof import('~icons/simple-icons/perl')['default']
|
||||
const ISimpleIconsPhp: typeof import('~icons/simple-icons/php')['default']
|
||||
const ISimpleIconsPurescript: typeof import('~icons/simple-icons/purescript')['default']
|
||||
const ISimpleIconsPython: typeof import('~icons/simple-icons/python')['default']
|
||||
const ISimpleIconsR: typeof import('~icons/simple-icons/r')['default']
|
||||
const ISimpleIconsRuby: typeof import('~icons/simple-icons/ruby')['default']
|
||||
const ISimpleIconsRust: typeof import('~icons/simple-icons/rust')['default']
|
||||
const ISimpleIconsSass: typeof import('~icons/simple-icons/sass')['default']
|
||||
const ISimpleIconsScala: typeof import('~icons/simple-icons/scala')['default']
|
||||
const ISimpleIconsSvelte: typeof import('~icons/simple-icons/svelte')['default']
|
||||
const ISimpleIconsSvg: typeof import('~icons/simple-icons/svg')['default']
|
||||
const ISimpleIconsSwift: typeof import('~icons/simple-icons/swift')['default']
|
||||
const ISimpleIconsTerraform: typeof import('~icons/simple-icons/terraform')['default']
|
||||
const ISimpleIconsToml: typeof import('~icons/simple-icons/toml')['default']
|
||||
const ISimpleIconsTypescript: typeof import('~icons/simple-icons/typescript')['default']
|
||||
const ISimpleIconsUnrealengine: typeof import('~icons/simple-icons/unrealengine')['default']
|
||||
const ISimpleIconsVim: typeof import('~icons/simple-icons/vim')['default']
|
||||
const ISimpleIconsVisualbasic: typeof import('~icons/simple-icons/visualbasic')['default']
|
||||
const ISimpleIconsVuedotjs: typeof import('~icons/simple-icons/vuedotjs')['default']
|
||||
const ISimpleIconsWebassembly: typeof import('~icons/simple-icons/webassembly')['default']
|
||||
const ISimpleIconsWolframmathematica: typeof import('~icons/simple-icons/wolframmathematica')['default']
|
||||
const ISimpleIconsZig: typeof import('~icons/simple-icons/zig')['default']
|
||||
const ISymbolArray: typeof import('~icons/symbol/array')['default']
|
||||
const ISymbolBoolean: typeof import('~icons/symbol/boolean')['default']
|
||||
const ISymbolClass: typeof import('~icons/symbol/class')['default']
|
||||
const ISymbolConstant: typeof import('~icons/symbol/constant')['default']
|
||||
const ISymbolConstructor: typeof import('~icons/symbol/constructor')['default']
|
||||
const ISymbolEnum: typeof import('~icons/symbol/enum')['default']
|
||||
const ISymbolEnumMember: typeof import('~icons/symbol/enum-member')['default']
|
||||
const ISymbolEvent: typeof import('~icons/symbol/event')['default']
|
||||
const ISymbolField: typeof import('~icons/symbol/field')['default']
|
||||
const ISymbolFile: typeof import('~icons/symbol/file')['default']
|
||||
const ISymbolFunction: typeof import('~icons/symbol/function')['default']
|
||||
const ISymbolInterface: typeof import('~icons/symbol/interface')['default']
|
||||
const ISymbolKey: typeof import('~icons/symbol/key')['default']
|
||||
const ISymbolMethod: typeof import('~icons/symbol/method')['default']
|
||||
const ISymbolModule: typeof import('~icons/symbol/module')['default']
|
||||
const ISymbolNamespace: typeof import('~icons/symbol/namespace')['default']
|
||||
const ISymbolNull: typeof import('~icons/symbol/null')['default']
|
||||
const ISymbolNumber: typeof import('~icons/symbol/number')['default']
|
||||
const ISymbolObject: typeof import('~icons/symbol/object')['default']
|
||||
const ISymbolOperator: typeof import('~icons/symbol/operator')['default']
|
||||
const ISymbolPackage: typeof import('~icons/symbol/package')['default']
|
||||
const ISymbolProperty: typeof import('~icons/symbol/property')['default']
|
||||
const ISymbolString: typeof import('~icons/symbol/string')['default']
|
||||
const ISymbolStruct: typeof import('~icons/symbol/struct')['default']
|
||||
const ISymbolTypeParameter: typeof import('~icons/symbol/type-parameter')['default']
|
||||
const ISymbolUnknown: typeof import('~icons/symbol/unknown')['default']
|
||||
const ISymbolVariable: typeof import('~icons/symbol/variable')['default']
|
||||
const IDeviconPlainJava: typeof import('~icons/devicon-plain/java')['default']
|
||||
const IFileIconsHack: typeof import('~icons/file-icons/hack')['default']
|
||||
const ILucideAlertCircle: typeof import('~icons/lucide/alert-circle')['default']
|
||||
const ILucideArchive: typeof import('~icons/lucide/archive')['default']
|
||||
const ILucideArrowDownFromLine: typeof import('~icons/lucide/arrow-down-from-line')['default']
|
||||
const ILucideArrowRight: typeof import('~icons/lucide/arrow-right')['default']
|
||||
const ILucideBarChartBig: typeof import('~icons/lucide/bar-chart-big')['default']
|
||||
const ILucideBookOpen: typeof import('~icons/lucide/book-open')['default']
|
||||
const ILucideBookX: typeof import('~icons/lucide/book-x')['default']
|
||||
const ILucideBraces: typeof import('~icons/lucide/braces')['default']
|
||||
const ILucideBrackets: typeof import('~icons/lucide/brackets')['default']
|
||||
const ILucideCaseSensitive: typeof import('~icons/lucide/case-sensitive')['default']
|
||||
const ILucideChevronDown: typeof import('~icons/lucide/chevron-down')['default']
|
||||
const ILucideChevronFirst: typeof import('~icons/lucide/chevron-first')['default']
|
||||
const ILucideChevronLast: typeof import('~icons/lucide/chevron-last')['default']
|
||||
const ILucideChevronLeft: typeof import('~icons/lucide/chevron-left')['default']
|
||||
const ILucideChevronRight: typeof import('~icons/lucide/chevron-right')['default']
|
||||
const ILucideChevronUp: typeof import('~icons/lucide/chevron-up')['default']
|
||||
const ILucideCircleHelp: typeof import('~icons/lucide/circle-help')['default']
|
||||
const ILucideCircleX: typeof import('~icons/lucide/circle-x')['default']
|
||||
const ILucideCode: typeof import('~icons/lucide/code')['default']
|
||||
const ILucideCodesandbox: typeof import('~icons/lucide/codesandbox')['default']
|
||||
const ILucideCopy: typeof import('~icons/lucide/copy')['default']
|
||||
const ILucideCornerRightDown: typeof import('~icons/lucide/corner-right-down')['default']
|
||||
const ILucideDatabase: typeof import('~icons/lucide/database')['default']
|
||||
const ILucideDiff: typeof import('~icons/lucide/diff')['default']
|
||||
const ILucideEarth: typeof import('~icons/lucide/earth')['default']
|
||||
const ILucideEllipsis: typeof import('~icons/lucide/ellipsis')['default']
|
||||
const ILucideExternalLink: typeof import('~icons/lucide/external-link')['default']
|
||||
const ILucideEye: typeof import('~icons/lucide/eye')['default']
|
||||
const ILucideFile: typeof import('~icons/lucide/file')['default']
|
||||
const ILucideFileCode: typeof import('~icons/lucide/file-code')['default']
|
||||
const ILucideFileJson: typeof import('~icons/lucide/file-json')['default']
|
||||
const ILucideFileStack: typeof import('~icons/lucide/file-stack')['default']
|
||||
const ILucideFileTerminal: typeof import('~icons/lucide/file-terminal')['default']
|
||||
const ILucideFileText: typeof import('~icons/lucide/file-text')['default']
|
||||
const ILucideFocus: typeof import('~icons/lucide/focus')['default']
|
||||
const ILucideFolder: typeof import('~icons/lucide/folder')['default']
|
||||
const ILucideFolderClosed: typeof import('~icons/lucide/folder-closed')['default']
|
||||
const ILucideFolderGit: typeof import('~icons/lucide/folder-git')['default']
|
||||
const ILucideFolderGit2: typeof import('~icons/lucide/folder-git2')['default']
|
||||
const ILucideFolderOpen: typeof import('~icons/lucide/folder-open')['default']
|
||||
const ILucideFolderUp: typeof import('~icons/lucide/folder-up')['default']
|
||||
const ILucideGitBranch: typeof import('~icons/lucide/git-branch')['default']
|
||||
const ILucideGitCommitVertical: typeof import('~icons/lucide/git-commit-vertical')['default']
|
||||
const ILucideGitCompare: typeof import('~icons/lucide/git-compare')['default']
|
||||
const ILucideGitCompareArrows: typeof import('~icons/lucide/git-compare-arrows')['default']
|
||||
const ILucideGitFork: typeof import('~icons/lucide/git-fork')['default']
|
||||
const ILucideGitMerge: typeof import('~icons/lucide/git-merge')['default']
|
||||
const ILucideHistory: typeof import('~icons/lucide/history')['default']
|
||||
const ILucideHome: typeof import('~icons/lucide/home')['default']
|
||||
const ILucideInfo: typeof import('~icons/lucide/info')['default']
|
||||
const ILucideLink: typeof import('~icons/lucide/link')['default']
|
||||
const ILucideLock: typeof import('~icons/lucide/lock')['default']
|
||||
const ILucideMenu: typeof import('~icons/lucide/menu')['default']
|
||||
const ILucideOctagonX: typeof import('~icons/lucide/octagon-x')['default']
|
||||
const ILucidePanelLeftClose: typeof import('~icons/lucide/panel-left-close')['default']
|
||||
const ILucidePanelLeftOpen: typeof import('~icons/lucide/panel-left-open')['default']
|
||||
const ILucidePencil: typeof import('~icons/lucide/pencil')['default']
|
||||
const ILucideRegex: typeof import('~icons/lucide/regex')['default']
|
||||
const ILucideRepeat: typeof import('~icons/lucide/repeat')['default']
|
||||
const ILucideSearch: typeof import('~icons/lucide/search')['default']
|
||||
const ILucideSearchX: typeof import('~icons/lucide/search-x')['default']
|
||||
const ILucideSettings: typeof import('~icons/lucide/settings')['default']
|
||||
const ILucideSquareFunction: typeof import('~icons/lucide/square-function')['default']
|
||||
const ILucideSquareSlash: typeof import('~icons/lucide/square-slash')['default']
|
||||
const ILucideStar: typeof import('~icons/lucide/star')['default']
|
||||
const ILucideTag: typeof import('~icons/lucide/tag')['default']
|
||||
const ILucideText: typeof import('~icons/lucide/text')['default']
|
||||
const ILucideUser: typeof import('~icons/lucide/user')['default']
|
||||
const ILucideUsers: typeof import('~icons/lucide/users')['default']
|
||||
const ILucideWrapText: typeof import('~icons/lucide/wrap-text')['default']
|
||||
const ILucideX: typeof import('~icons/lucide/x')['default']
|
||||
const IMdiFormatLetterCase: typeof import('~icons/mdi/format-letter-case')['default']
|
||||
const IMdiRegex: typeof import('~icons/mdi/regex')['default']
|
||||
const IPhFileJpgLight: typeof import('~icons/ph/file-jpg-light')['default']
|
||||
const IPhFilePngLight: typeof import('~icons/ph/file-png-light')['default']
|
||||
const IPhGifFill: typeof import('~icons/ph/gif-fill')['default']
|
||||
const ISgBatchChanges: typeof import('~icons/sg/batch-changes')['default']
|
||||
const ISgCody: typeof import('~icons/sg/cody')['default']
|
||||
const ISgMark: typeof import('~icons/sg/mark')['default']
|
||||
const ISimpleIconsApachegroovy: typeof import('~icons/simple-icons/apachegroovy')['default']
|
||||
const ISimpleIconsBitbucket: typeof import('~icons/simple-icons/bitbucket')['default']
|
||||
const ISimpleIconsC: typeof import('~icons/simple-icons/c')['default']
|
||||
const ISimpleIconsClojure: typeof import('~icons/simple-icons/clojure')['default']
|
||||
const ISimpleIconsCmake: typeof import('~icons/simple-icons/cmake')['default']
|
||||
const ISimpleIconsCoffeescript: typeof import('~icons/simple-icons/coffeescript')['default']
|
||||
const ISimpleIconsCplusplus: typeof import('~icons/simple-icons/cplusplus')['default']
|
||||
const ISimpleIconsCrystal: typeof import('~icons/simple-icons/crystal')['default']
|
||||
const ISimpleIconsCsharp: typeof import('~icons/simple-icons/csharp')['default']
|
||||
const ISimpleIconsCss3: typeof import('~icons/simple-icons/css3')['default']
|
||||
const ISimpleIconsD: typeof import('~icons/simple-icons/d')['default']
|
||||
const ISimpleIconsDart: typeof import('~icons/simple-icons/dart')['default']
|
||||
const ISimpleIconsDocker: typeof import('~icons/simple-icons/docker')['default']
|
||||
const ISimpleIconsEditorconfig: typeof import('~icons/simple-icons/editorconfig')['default']
|
||||
const ISimpleIconsElixir: typeof import('~icons/simple-icons/elixir')['default']
|
||||
const ISimpleIconsElm: typeof import('~icons/simple-icons/elm')['default']
|
||||
const ISimpleIconsErlang: typeof import('~icons/simple-icons/erlang')['default']
|
||||
const ISimpleIconsFortran: typeof import('~icons/simple-icons/fortran')['default']
|
||||
const ISimpleIconsFsharp: typeof import('~icons/simple-icons/fsharp')['default']
|
||||
const ISimpleIconsGit: typeof import('~icons/simple-icons/git')['default']
|
||||
const ISimpleIconsGithub: typeof import('~icons/simple-icons/github')['default']
|
||||
const ISimpleIconsGitlab: typeof import('~icons/simple-icons/gitlab')['default']
|
||||
const ISimpleIconsGnuemacs: typeof import('~icons/simple-icons/gnuemacs')['default']
|
||||
const ISimpleIconsGo: typeof import('~icons/simple-icons/go')['default']
|
||||
const ISimpleIconsGraphql: typeof import('~icons/simple-icons/graphql')['default']
|
||||
const ISimpleIconsHaskell: typeof import('~icons/simple-icons/haskell')['default']
|
||||
const ISimpleIconsHtml5: typeof import('~icons/simple-icons/html5')['default']
|
||||
const ISimpleIconsJavascript: typeof import('~icons/simple-icons/javascript')['default']
|
||||
const ISimpleIconsJinja: typeof import('~icons/simple-icons/jinja')['default']
|
||||
const ISimpleIconsJulia: typeof import('~icons/simple-icons/julia')['default']
|
||||
const ISimpleIconsKotlin: typeof import('~icons/simple-icons/kotlin')['default']
|
||||
const ISimpleIconsLlvm: typeof import('~icons/simple-icons/llvm')['default']
|
||||
const ISimpleIconsLua: typeof import('~icons/simple-icons/lua')['default']
|
||||
const ISimpleIconsMarkdown: typeof import('~icons/simple-icons/markdown')['default']
|
||||
const ISimpleIconsNginx: typeof import('~icons/simple-icons/nginx')['default']
|
||||
const ISimpleIconsNim: typeof import('~icons/simple-icons/nim')['default']
|
||||
const ISimpleIconsNixos: typeof import('~icons/simple-icons/nixos')['default']
|
||||
const ISimpleIconsNpm: typeof import('~icons/simple-icons/npm')['default']
|
||||
const ISimpleIconsOcaml: typeof import('~icons/simple-icons/ocaml')['default']
|
||||
const ISimpleIconsPerl: typeof import('~icons/simple-icons/perl')['default']
|
||||
const ISimpleIconsPhp: typeof import('~icons/simple-icons/php')['default']
|
||||
const ISimpleIconsPurescript: typeof import('~icons/simple-icons/purescript')['default']
|
||||
const ISimpleIconsPython: typeof import('~icons/simple-icons/python')['default']
|
||||
const ISimpleIconsR: typeof import('~icons/simple-icons/r')['default']
|
||||
const ISimpleIconsRuby: typeof import('~icons/simple-icons/ruby')['default']
|
||||
const ISimpleIconsRust: typeof import('~icons/simple-icons/rust')['default']
|
||||
const ISimpleIconsSass: typeof import('~icons/simple-icons/sass')['default']
|
||||
const ISimpleIconsScala: typeof import('~icons/simple-icons/scala')['default']
|
||||
const ISimpleIconsSvelte: typeof import('~icons/simple-icons/svelte')['default']
|
||||
const ISimpleIconsSvg: typeof import('~icons/simple-icons/svg')['default']
|
||||
const ISimpleIconsSwift: typeof import('~icons/simple-icons/swift')['default']
|
||||
const ISimpleIconsTerraform: typeof import('~icons/simple-icons/terraform')['default']
|
||||
const ISimpleIconsToml: typeof import('~icons/simple-icons/toml')['default']
|
||||
const ISimpleIconsTypescript: typeof import('~icons/simple-icons/typescript')['default']
|
||||
const ISimpleIconsUnrealengine: typeof import('~icons/simple-icons/unrealengine')['default']
|
||||
const ISimpleIconsVim: typeof import('~icons/simple-icons/vim')['default']
|
||||
const ISimpleIconsVisualbasic: typeof import('~icons/simple-icons/visualbasic')['default']
|
||||
const ISimpleIconsVuedotjs: typeof import('~icons/simple-icons/vuedotjs')['default']
|
||||
const ISimpleIconsWebassembly: typeof import('~icons/simple-icons/webassembly')['default']
|
||||
const ISimpleIconsWolframmathematica: typeof import('~icons/simple-icons/wolframmathematica')['default']
|
||||
const ISimpleIconsZig: typeof import('~icons/simple-icons/zig')['default']
|
||||
const ISymbolArray: typeof import('~icons/symbol/array')['default']
|
||||
const ISymbolBoolean: typeof import('~icons/symbol/boolean')['default']
|
||||
const ISymbolClass: typeof import('~icons/symbol/class')['default']
|
||||
const ISymbolConstant: typeof import('~icons/symbol/constant')['default']
|
||||
const ISymbolConstructor: typeof import('~icons/symbol/constructor')['default']
|
||||
const ISymbolEnum: typeof import('~icons/symbol/enum')['default']
|
||||
const ISymbolEnumMember: typeof import('~icons/symbol/enum-member')['default']
|
||||
const ISymbolEvent: typeof import('~icons/symbol/event')['default']
|
||||
const ISymbolField: typeof import('~icons/symbol/field')['default']
|
||||
const ISymbolFile: typeof import('~icons/symbol/file')['default']
|
||||
const ISymbolFunction: typeof import('~icons/symbol/function')['default']
|
||||
const ISymbolInterface: typeof import('~icons/symbol/interface')['default']
|
||||
const ISymbolKey: typeof import('~icons/symbol/key')['default']
|
||||
const ISymbolMethod: typeof import('~icons/symbol/method')['default']
|
||||
const ISymbolModule: typeof import('~icons/symbol/module')['default']
|
||||
const ISymbolNamespace: typeof import('~icons/symbol/namespace')['default']
|
||||
const ISymbolNull: typeof import('~icons/symbol/null')['default']
|
||||
const ISymbolNumber: typeof import('~icons/symbol/number')['default']
|
||||
const ISymbolObject: typeof import('~icons/symbol/object')['default']
|
||||
const ISymbolOperator: typeof import('~icons/symbol/operator')['default']
|
||||
const ISymbolPackage: typeof import('~icons/symbol/package')['default']
|
||||
const ISymbolProperty: typeof import('~icons/symbol/property')['default']
|
||||
const ISymbolString: typeof import('~icons/symbol/string')['default']
|
||||
const ISymbolStruct: typeof import('~icons/symbol/struct')['default']
|
||||
const ISymbolTypeParameter: typeof import('~icons/symbol/type-parameter')['default']
|
||||
const ISymbolUnknown: typeof import('~icons/symbol/unknown')['default']
|
||||
const ISymbolVariable: typeof import('~icons/symbol/variable')['default']
|
||||
}
|
||||
|
||||
@ -1,45 +0,0 @@
|
||||
<script lang="ts" context="module">
|
||||
import Separator, { getSeparatorPosition } from '$lib/Separator.svelte'
|
||||
import { Story } from '@storybook/addon-svelte-csf'
|
||||
|
||||
export const meta = {
|
||||
component: Separator,
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
const currentPosition = getSeparatorPosition('separator-example', 0.5)
|
||||
$: width = `${$currentPosition * 100}%`
|
||||
</script>
|
||||
|
||||
<Story name="Default">
|
||||
<section>
|
||||
<div class="left match-highlight" style:min-width={width} style:max-width={width}>Left content</div>
|
||||
<Separator {currentPosition} />
|
||||
<div class="right">Right content</div>
|
||||
</section>
|
||||
</Story>
|
||||
|
||||
<style lang="scss">
|
||||
section {
|
||||
display: flex;
|
||||
height: 90vh;
|
||||
}
|
||||
|
||||
div {
|
||||
padding: 1rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
background-clip: content-box;
|
||||
}
|
||||
|
||||
.left {
|
||||
background-color: var(--color-bg-2);
|
||||
}
|
||||
|
||||
.right {
|
||||
flex: 1;
|
||||
background-color: var(--color-bg-2);
|
||||
}
|
||||
</style>
|
||||
@ -1,106 +0,0 @@
|
||||
<script lang="ts" context="module">
|
||||
import { derived, type Writable } from 'svelte/store'
|
||||
|
||||
import { createLocalWritable } from '$lib/stores'
|
||||
|
||||
const dividerStore = createLocalWritable<Record<string, number>>('dividers', {})
|
||||
|
||||
export function getSeparatorPosition(name: string, defaultValue: number): Writable<number> {
|
||||
const { subscribe } = derived(dividerStore, dividers => dividers[name] ?? defaultValue)
|
||||
|
||||
return {
|
||||
subscribe,
|
||||
set(value) {
|
||||
dividerStore.update(dividers => ({ ...dividers, [name]: value }))
|
||||
},
|
||||
update(updater) {
|
||||
dividerStore.update(dividers => ({ ...dividers, [name]: updater(dividers[name]) }))
|
||||
},
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<script lang="ts">
|
||||
/**
|
||||
* Store to write current position (0-1) to.
|
||||
*/
|
||||
export let currentPosition: Writable<number>
|
||||
|
||||
let divider: HTMLElement | null = null
|
||||
let offset = 0
|
||||
let dragging = false
|
||||
|
||||
function onMouseMove(event: MouseEvent) {
|
||||
event.preventDefault()
|
||||
if (divider?.parentElement) {
|
||||
let width = (event.x - offset) / divider.parentElement.clientWidth
|
||||
if (width < 0) {
|
||||
width = 0
|
||||
} else if (width > 1) {
|
||||
width = 1
|
||||
}
|
||||
$currentPosition = width
|
||||
}
|
||||
}
|
||||
|
||||
function endResize() {
|
||||
dragging = false
|
||||
window.removeEventListener('mousemove', onMouseMove)
|
||||
window.removeEventListener('mouseup', endResize)
|
||||
}
|
||||
|
||||
function startResize(event: MouseEvent) {
|
||||
event.preventDefault()
|
||||
if (divider?.parentElement) {
|
||||
dragging = true
|
||||
offset = divider.parentElement.getBoundingClientRect().x + divider.clientWidth
|
||||
window.addEventListener('mousemove', onMouseMove)
|
||||
window.addEventListener('mouseup', endResize)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- TODO: implement keyboard handlers. See https://www.w3.org/WAI/ARIA/apg/patterns/windowsplitter/ -->
|
||||
<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
|
||||
<div
|
||||
bind:this={divider}
|
||||
role="separator"
|
||||
aria-valuemin={0}
|
||||
aria-valuemax={100}
|
||||
aria-valuenow={$currentPosition}
|
||||
class:dragging
|
||||
on:mousedown={startResize}
|
||||
>
|
||||
<!-- spacer is used to increase the interactable surface-->
|
||||
<div class="spacer" />
|
||||
</div>
|
||||
|
||||
<style lang="scss">
|
||||
div[role='separator'] {
|
||||
flex-shrink: 0;
|
||||
position: relative;
|
||||
width: 1px;
|
||||
background-color: var(--border-color);
|
||||
cursor: col-resize;
|
||||
|
||||
.spacer {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
bottom: 0;
|
||||
left: -5px;
|
||||
margin-left: -50%;
|
||||
width: 10px;
|
||||
}
|
||||
|
||||
&.dragging {
|
||||
z-index: 1;
|
||||
outline: 1px solid var(--oc-blue-3);
|
||||
background-color: var(--oc-blue-3);
|
||||
}
|
||||
|
||||
&:hover:not(.dragging) {
|
||||
z-index: 1;
|
||||
outline: 1px solid var(--border-color);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
@ -17,7 +17,6 @@
|
||||
import { page } from '$app/stores'
|
||||
import { onClickOutside } from '$lib/dom'
|
||||
import Icon from '$lib/Icon.svelte'
|
||||
import { mark } from '$lib/images'
|
||||
import MainNavigationLink from '$lib/navigation/MainNavigationLink.svelte'
|
||||
import Popover from '$lib/Popover.svelte'
|
||||
import SourcegraphLogo from '$lib/SourcegraphLogo.svelte'
|
||||
@ -62,7 +61,7 @@
|
||||
</button>
|
||||
|
||||
<a href="/search">
|
||||
<img src={mark} alt="Sourcegraph" width="25" height="25" />
|
||||
<Icon icon={ISgMark} aria-label="Sourcegraph" aria-hidden="true" --icon-color="initial" />
|
||||
</a>
|
||||
</div>
|
||||
|
||||
@ -79,7 +78,8 @@
|
||||
</button>
|
||||
|
||||
<a href="/search" class="logo-link">
|
||||
<SourcegraphLogo width="9.1rem" />
|
||||
<!-- Match the size of the mark when the panel is closed so the mark doesn't shift -->
|
||||
<SourcegraphLogo height={24} />
|
||||
</a>
|
||||
</div>
|
||||
<ul class="top-navigation">
|
||||
@ -182,7 +182,7 @@
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
img:hover {
|
||||
:global([data-icon]):hover {
|
||||
@keyframes spin {
|
||||
50% {
|
||||
transform: rotate(180deg) scale(1.2);
|
||||
|
||||
@ -281,8 +281,8 @@ test.describe('repo menu', () => {
|
||||
await page.goto(url)
|
||||
// Focus _something_ on the page. Use both mac and linux shortcuts so this works
|
||||
// both locally and in CI.
|
||||
await page.getByRole('link', { name: 'Sourcegraph' }).press('Meta+Backspace')
|
||||
await page.getByRole('link', { name: 'Sourcegraph' }).press('Control+Backspace')
|
||||
await page.getByRole('link').first().press('Meta+Backspace')
|
||||
await page.getByRole('link').first().press('Control+Backspace')
|
||||
await page.waitForURL(`/${repoName}`)
|
||||
})
|
||||
})
|
||||
|
||||
@ -248,10 +248,7 @@ test('history panel', async ({ page, sg }) => {
|
||||
await expect(page.getByText('Test commit')).toBeHidden()
|
||||
})
|
||||
|
||||
test('file popover', async ({ page, sg }, testInfo) => {
|
||||
// Test needs more time to teardown
|
||||
test.setTimeout(testInfo.timeout * 4)
|
||||
|
||||
test('file popover', async ({ page, sg }) => {
|
||||
await page.goto(`/${repoName}`)
|
||||
|
||||
// Open the sidebar
|
||||
@ -262,7 +259,7 @@ test('file popover', async ({ page, sg }, testInfo) => {
|
||||
await expect(page.getByText('Last Changed')).toBeVisible()
|
||||
|
||||
// Hover outside the popover (the Sourcegraph logo), expect the popover to be hidden
|
||||
await page.getByRole('link', { name: 'Sourcegraph', exact: true }).hover()
|
||||
await page.getByRole('banner').getByRole('link').first().hover()
|
||||
await expect(page.getByText('Last Changed')).toBeHidden()
|
||||
|
||||
sg.mockOperations({
|
||||
|
||||
Loading…
Reference in New Issue
Block a user