Skip to content

Commit de17e3e

Browse files
benfdkingbenfdking
committed
cleaning up lineage
[ci skip]
1 parent e37187d commit de17e3e

6 files changed

Lines changed: 237 additions & 6 deletions

File tree

‎vscode/extension/src/webviews/lineagePanel.ts‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -76,8 +76,6 @@ import {
7676
<meta http-equiv="Content-Security-Policy" content="default-src 'none'; frame-src ${externalAuthority}; connect-src ${externalAuthority}; img-src ${externalAuthority} data:; script-src 'unsafe-inline' ${externalAuthority}; style-src 'unsafe-inline' ${externalAuthority};">
7777
</head>
7878
<body>
79-
<div>${isProd ? "Production" : "Development"}</div>
80-
<div>${externalUrl}</div>
8179
<iframe src="${externalUrl}" style="width:100%; height:100vh;" frameborder="0" allow="clipboard-read; clipboard-write"></iframe>
8280
</body>
8381
</html> `

‎vscode/react/src/App.css‎

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -37,4 +37,31 @@
3737
}
3838
}
3939

40-
@import 'tailwindcss';
40+
@import 'tailwindcss';
41+
@config "../tailwind.config.cjs";
42+
43+
@tailwind base;
44+
@tailwind components;
45+
@tailwind utilities;
46+
47+
@layer components {
48+
.scrollbar--horizontal::-webkit-scrollbar {
49+
height: var(--scrollbar-size);
50+
}
51+
.scrollbar--vertical::-webkit-scrollbar {
52+
width: var(--scrollbar-size);
53+
}
54+
.scrollbar::-webkit-scrollbar-track {
55+
background: transparent;
56+
}
57+
.scrollbar::-webkit-scrollbar-thumb {
58+
background: var(--scrollbar-backgroud);
59+
border-radius: var(--scrollbar-radius);
60+
}
61+
.input-ring {
62+
@apply ring-accent-200 ring-offset-accent-500;
63+
}
64+
.input-ring:focus {
65+
@apply outline-none ring-offset-2 ring-4;
66+
}
67+
}

‎vscode/react/src/components/graph/ModelLineage.tsx‎

Lines changed: 19 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@ import ReactFlow, {
1919
} from 'reactflow'
2020
import Loading from '@/components/loading/Loading'
2121
import Spinner from '@/components/logo/Spinner'
22-
import { createLineageWorker } from '@/workers'
22+
import { createLineageWorker } from '@/workers/index'
2323
import { isArrayEmpty, isFalse, isNil, isNotNil } from '@/utils/index'
2424
import ListboxShow from '@/components/listbox/ListboxShow'
2525
import clsx from 'clsx'
@@ -37,6 +37,7 @@ import { Popover } from '@headlessui/react'
3737
import ModelLineageDetails from './ModelLineageDetails'
3838
import { Divider } from '@/components/divider/Divider'
3939
import { type ModelLineageApiLineageModelNameGet200 } from '@/api/client'
40+
import './Graph.css'
4041

4142
const WITH_COLUMNS_LIMIT = 30
4243

@@ -62,8 +63,18 @@ export function ModelLineage({
6263
setUnknownModels,
6364
models,
6465
unknownModels,
66+
setWithSecondary,
67+
setWithConnected,
68+
setWithImpacted,
6569
} = useLineageFlow()
6670

71+
useEffect(() => {
72+
setWithColumns(true)
73+
setWithSecondary(true)
74+
setWithConnected(true)
75+
setWithImpacted(true)
76+
}, [setWithSecondary])
77+
6778
const {
6879
refetch: getModelLineage,
6980
isFetching: isFetchingModelLineage,
@@ -415,6 +426,13 @@ function GraphControls({ nodes = [] }: { nodes: Node[] }): JSX.Element {
415426
setHasBackground,
416427
} = useLineageFlow()
417428

429+
useEffect(() => {
430+
setWithColumns(true)
431+
setWithSecondary(true)
432+
setWithConnected(true)
433+
setWithImpacted(true)
434+
}, [setWithSecondary])
435+
418436
const lineageInfoTrigger = useRef<HTMLButtonElement>(null)
419437

420438
const highlightedNodeModels = useMemo(

‎vscode/react/src/components/graph/ModelNode.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -20,8 +20,8 @@ export const EnumColumnType = {
2020
STRUCT: 'STRUCT',
2121
} as const
2222

23-
export type LineageNodeModelType = KeyOf<typeof EnumLineageNodeModelType>
24-
export type ColumnType = KeyOf<typeof EnumColumnType>
23+
export type LineageNodeModelType = keyof typeof EnumLineageNodeModelType
24+
export type ColumnType = keyof typeof EnumColumnType
2525

2626
export default function ModelNode({
2727
id,

‎vscode/react/src/routes/lineage.tsx‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -92,6 +92,7 @@ export function LineageComponentFromWeb({
9292
handleClickModel={handleClickModel}
9393
handleError={handleError}
9494
models={models}
95+
showControls={false}
9596
>
9697
<ModelLineage model={model} />
9798
</LineageFlowProvider>

‎vscode/react/tailwind.config.cjs‎

Lines changed: 187 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,187 @@
1+
/** @type {import('tailwindcss').Config} */
2+
module.exports = {
3+
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
4+
darkMode: ['class', '[mode="dark"]'],
5+
theme: {
6+
colors: {
7+
current: 'currentColor',
8+
inherit: 'inherit',
9+
transparent: 'transparent',
10+
prose: {
11+
DEFAULT: 'var(--color-text)',
12+
darker: 'var(--color-text-darker)',
13+
lighter: 'var(--color-text-lighter)',
14+
},
15+
dark: {
16+
DEFAULT: 'var(--color-dark)',
17+
darker: 'var(--color-dark-darker)',
18+
lighter: 'var(--color-dark-lighter)',
19+
},
20+
light: {
21+
DEFAULT: 'var(--color-light)',
22+
darker: 'var(--color-light-darker)',
23+
lighter: 'var(--color-light-lighter)',
24+
},
25+
overlay: {
26+
DEFAULT: 'var(--color-overlay)',
27+
darker: 'var(--color-overlay-darker)',
28+
lighter: 'var(--color-overlay-lighter)',
29+
},
30+
editor: {
31+
DEFAULT: 'var(--color-editor)',
32+
darker: 'var(--color-editor-darker)',
33+
lighter: 'var(--color-editor-lighter)',
34+
},
35+
logo: {
36+
DEFAULT: 'var(--color-logo)',
37+
darker: 'var(--color-logo-darker)',
38+
lighter: 'var(--color-logo-lighter)',
39+
},
40+
theme: {
41+
DEFAULT: 'var(--color-theme)',
42+
darker: 'var(--color-theme-darker)',
43+
lighter: 'var(--color-theme-lighter)',
44+
},
45+
divider: {
46+
DEFAULT: 'var(--color-divider)',
47+
},
48+
brand: {
49+
5: 'var(--color-brand-5)',
50+
10: 'var(--color-brand-10)',
51+
20: 'var(--color-brand-20)',
52+
75: 'var(--color-brand-75)',
53+
50: 'var(--color-brand-50)',
54+
90: 'var(--color-brand-90)',
55+
100: 'var(--color-brand-100)',
56+
200: 'var(--color-brand-200)',
57+
300: 'var(--color-brand-300)',
58+
400: 'var(--color-brand-400)',
59+
500: 'var(--color-brand-500)',
60+
600: 'var(--color-brand-600)',
61+
700: 'var(--color-brand-700)',
62+
800: 'var(--color-brand-800)',
63+
900: 'var(--color-brand-900)',
64+
},
65+
neutral: {
66+
5: 'var(--color-neutral-5)',
67+
10: 'var(--color-neutral-10)',
68+
20: 'var(--color-neutral-20)',
69+
30: 'var(--color-neutral-30)',
70+
40: 'var(--color-neutral-40)',
71+
50: 'var(--color-neutral-50)',
72+
60: 'var(--color-neutral-60)',
73+
70: 'var(--color-neutral-70)',
74+
80: 'var(--color-neutral-80)',
75+
90: 'var(--color-neutral-90)',
76+
100: 'var(--color-neutral-100)',
77+
200: 'var(--color-neutral-200)',
78+
300: 'var(--color-neutral-300)',
79+
400: 'var(--color-neutral-400)',
80+
500: 'var(--color-neutral-500)',
81+
600: 'var(--color-neutral-600)',
82+
700: 'var(--color-neutral-700)',
83+
800: 'var(--color-neutral-800)',
84+
900: 'var(--color-neutral-900)',
85+
},
86+
primary: {
87+
5: 'var(--color-primary-5)',
88+
10: 'var(--color-primary-10)',
89+
20: 'var(--color-primary-20)',
90+
30: 'var(--color-primary-30)',
91+
40: 'var(--color-primary-40)',
92+
50: 'var(--color-primary-50)',
93+
60: 'var(--color-primary-60)',
94+
70: 'var(--color-primary-70)',
95+
80: 'var(--color-primary-80)',
96+
90: 'var(--color-primary-90)',
97+
100: 'var(--color-primary-100)',
98+
200: 'var(--color-primary-200)',
99+
300: 'var(--color-primary-300)',
100+
400: 'var(--color-primary-400)',
101+
500: 'var(--color-primary-500)',
102+
600: 'var(--color-primary-600)',
103+
700: 'var(--color-primary-700)',
104+
800: 'var(--color-primary-800)',
105+
900: 'var(--color-primary-900)',
106+
},
107+
secondary: {
108+
5: 'var(--color-secondary-5)',
109+
10: 'var(--color-secondary-10)',
110+
20: 'var(--color-secondary-20)',
111+
30: 'var(--color-secondary-30)',
112+
100: 'var(--color-secondary-100)',
113+
200: 'var(--color-secondary-200)',
114+
300: 'var(--color-secondary-300)',
115+
400: 'var(--color-secondary-400)',
116+
500: 'var(--color-secondary-500)',
117+
600: 'var(--color-secondary-600)',
118+
700: 'var(--color-secondary-700)',
119+
800: 'var(--color-secondary-800)',
120+
900: 'var(--color-secondary-900)',
121+
},
122+
accent: {
123+
5: 'var(--color-accent-5)',
124+
50: 'var(--color-accent-50)',
125+
100: 'var(--color-accent-100)',
126+
200: 'var(--color-accent-200)',
127+
300: 'var(--color-accent-300)',
128+
400: 'var(--color-accent-400)',
129+
500: 'var(--color-accent-500)',
130+
600: 'var(--color-accent-600)',
131+
700: 'var(--color-accent-700)',
132+
800: 'var(--color-accent-800)',
133+
900: 'var(--color-accent-900)',
134+
},
135+
success: {
136+
5: 'var(--color-success-5)',
137+
10: 'var(--color-success-10)',
138+
20: 'var(--color-success-20)',
139+
30: 'var(--color-success-30)',
140+
40: 'var(--color-success-40)',
141+
100: 'var(--color-success-100)',
142+
200: 'var(--color-success-200)',
143+
300: 'var(--color-success-300)',
144+
400: 'var(--color-success-400)',
145+
500: 'var(--color-success-500)',
146+
600: 'var(--color-success-600)',
147+
700: 'var(--color-success-700)',
148+
800: 'var(--color-success-800)',
149+
900: 'var(--color-success-900)',
150+
},
151+
danger: {
152+
5: 'var(--color-danger-5)',
153+
10: 'var(--color-danger-10)',
154+
20: 'var(--color-danger-20)',
155+
30: 'var(--color-danger-30)',
156+
40: 'var(--color-danger-40)',
157+
100: 'var(--color-danger-100)',
158+
200: 'var(--color-danger-200)',
159+
300: 'var(--color-danger-300)',
160+
400: 'var(--color-danger-400)',
161+
500: 'var(--color-danger-500)',
162+
600: 'var(--color-danger-600)',
163+
700: 'var(--color-danger-700)',
164+
800: 'var(--color-danger-800)',
165+
900: 'var(--color-danger-900)',
166+
},
167+
warning: {
168+
5: 'var(--color-warning-5)',
169+
10: 'var(--color-warning-10)',
170+
100: 'var(--color-warning-100)',
171+
200: 'var(--color-warning-200)',
172+
300: 'var(--color-warning-300)',
173+
400: 'var(--color-warning-400)',
174+
500: 'var(--color-warning-500)',
175+
600: 'var(--color-warning-600)',
176+
700: 'var(--color-warning-700)',
177+
800: 'var(--color-warning-800)',
178+
900: 'var(--color-warning-900)',
179+
},
180+
},
181+
fontFamily: {
182+
mono: ['JetBrains Mono', 'monospace'],
183+
sans: ['Inter', 'sans-serif'],
184+
serif: ['Publico', 'serif'],
185+
},
186+
},
187+
}

0 commit comments

Comments
 (0)