feat: CodeEditor AI driven auto completion #484

Abse2001 · 2025-01-04T08:14:01Z

No description provided.

tscircuitbot · 2025-01-04T08:17:18Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.15 MB
After: 30.40 MB
Change: 📈 264.57 KB (0.86%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	617.30 KB
ms@^2.1.3	530.54 KB
posthog-js@^1.203.2	229.68 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.54 KB
@tscircuit/footprinter@^0.0.96	122.03 KB
circuit-json@^0.0.126	118.90 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.33 KB
tailwind-merge@^2.5.2	69.93 KB
dsn-converter@^0.0.54	32.97 KB
react-helmet@^6.1.0	29.17 KB
fflate@^0.8.2	19.95 KB
states-us@^1.1.1	7.27 KB
use-mouse-matrix-transform@^1.1.13	5.80 KB
zustand@^4.5.5	4.17 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
redaxios@^0.5.1	1.83 KB
clsx@^2.1.1	783.00 B
use-async-memo@^1.2.5	759.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

Abse2001 · 2025-01-04T09:00:56Z

@seveibar idk the backend structure for the api key, so I will leave it to you.

tscircuitbot · 2025-01-04T09:02:58Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.15 MB
After: 30.41 MB
Change: 📈 264.77 KB (0.86%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	617.30 KB
ms@^2.1.3	530.54 KB
posthog-js@^1.203.2	229.68 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.54 KB
@tscircuit/footprinter@^0.0.96	122.03 KB
circuit-json@^0.0.126	118.90 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.33 KB
tailwind-merge@^2.5.2	69.93 KB
dsn-converter@^0.0.54	32.97 KB
react-helmet@^6.1.0	29.17 KB
fflate@^0.8.2	19.95 KB
states-us@^1.1.1	7.27 KB
use-mouse-matrix-transform@^1.1.13	5.80 KB
zustand@^4.5.5	4.17 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
redaxios@^0.5.1	1.83 KB
clsx@^2.1.1	783.00 B
use-async-memo@^1.2.5	759.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

tscircuitbot · 2025-01-04T16:53:23Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.15 MB
After: 30.41 MB
Change: 📈 264.77 KB (0.86%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	617.30 KB
ms@^2.1.3	530.54 KB
posthog-js@^1.203.2	229.68 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.54 KB
@tscircuit/footprinter@^0.0.96	122.03 KB
circuit-json@^0.0.126	118.90 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.33 KB
tailwind-merge@^2.5.2	69.93 KB
dsn-converter@^0.0.54	32.97 KB
react-helmet@^6.1.0	29.17 KB
fflate@^0.8.2	19.95 KB
states-us@^1.1.1	7.27 KB
use-mouse-matrix-transform@^1.1.13	5.80 KB
zustand@^4.5.5	4.17 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
redaxios@^0.5.1	1.83 KB
clsx@^2.1.1	783.00 B
use-async-memo@^1.2.5	759.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

seveibar · 2025-01-04T17:20:21Z

src/components/CodeEditor.tsx

@@ -180,6 +182,20 @@ export const CodeEditor = ({
        : javascript({ typescript: true, jsx: true }),
      keymap.of([indentWithTab]),
      EditorState.readOnly.of(readOnly),
+      copilotPlugin({
+        apiKey: codeCompletionApi.apiKey,


can you enable only if the codeCompletionApi.apiKey is defined?

seveibar

awesome work, one minor change before it goes to production

seveibar · 2025-01-04T17:21:41Z

src/hooks/use-code-completion-ai-api.ts

+    }
+    return import.meta.env.VITE_USE_DIRECT_AI_REQUESTS === "true"
+      ? {
+          apiKey: import.meta.env.VITE_CODE_COMPLETION_API_KEY,


what service?

we should make the API_KEY indicate the service being used? Is it anthropic?

@seveibar it should be codium api key?

ok then we should name the api key VITE_CODIUM_API_KEY

how did you test this? I'm not sure codium offers an api

it looks like the user would have to provide a codium key? I'm a bit confused how we use this in practice

tscircuitbot · 2025-01-04T18:04:48Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.15 MB
After: 30.41 MB
Change: 📈 264.88 KB (0.86%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	617.30 KB
ms@^2.1.3	530.54 KB
posthog-js@^1.203.2	229.68 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.54 KB
@tscircuit/footprinter@^0.0.96	122.03 KB
circuit-json@^0.0.126	118.90 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.33 KB
tailwind-merge@^2.5.2	69.93 KB
dsn-converter@^0.0.54	32.97 KB
react-helmet@^6.1.0	29.17 KB
fflate@^0.8.2	19.95 KB
states-us@^1.1.1	7.27 KB
use-mouse-matrix-transform@^1.1.13	5.80 KB
zustand@^4.5.5	4.17 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
redaxios@^0.5.1	1.83 KB
clsx@^2.1.1	783.00 B
use-async-memo@^1.2.5	759.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

src/hooks/use-code-completion-ai-api.ts

tscircuitbot · 2025-01-04T18:56:56Z

📊 Bundle Size Analysis

Total Bundle Size

Before: 30.15 MB
After: 30.41 MB
Change: 📈 264.85 KB (0.86%)

Diff

No significant changes in bundle size.

View Dependencies

Package	Size
typescript@^5.6.3	8.69 MB
@babel/standalone@^7.26.2	4.82 MB
react@^18.3.1	617.30 KB
ms@^2.1.3	530.54 KB
posthog-js@^1.203.2	229.68 KB
jszip@^3.10.1	139.73 KB
react-dom@^18.3.1	138.54 KB
@tscircuit/footprinter@^0.0.96	122.03 KB
circuit-json@^0.0.126	118.90 KB
zod@^3.23.8	117.16 KB
circuit-to-svg@^0.0.99	101.33 KB
tailwind-merge@^2.5.2	69.93 KB
dsn-converter@^0.0.54	32.97 KB
react-helmet@^6.1.0	29.17 KB
fflate@^0.8.2	19.95 KB
states-us@^1.1.1	7.27 KB
use-mouse-matrix-transform@^1.1.13	5.80 KB
zustand@^4.5.5	4.17 KB
file-saver@^2.0.5	3.58 KB
vite@^5.4.8	3.24 KB
@vercel/analytics@^1.4.1	2.88 KB
redaxios@^0.5.1	1.83 KB
clsx@^2.1.1	783.00 B
use-async-memo@^1.2.5	759.00 B
codemirror@^6.0.1	595.00 B
country-list@^2.3.0	387.00 B
extract-codefence@^0.0.4	151.00 B
jscad-electronics@^0.0.24	63.00 B

What is this?

This is an automated bundle size report generated during the build process.

feat: code editor AI driven auto completion

5fbf9be

Abse2001 requested a review from seveibar as a code owner January 4, 2025 08:14

vercel bot deployed to Preview January 4, 2025 08:16 View deployment

improved PR

56ddc93

vercel bot deployed to Preview January 4, 2025 09:01 View deployment

improved name

fda1771

vercel bot deployed to Preview January 4, 2025 16:52 View deployment

seveibar reviewed Jan 4, 2025

View reviewed changes

improved PR

4604927

Abse2001 requested a review from seveibar January 4, 2025 18:03

vercel bot deployed to Preview January 4, 2025 18:03 View deployment

seveibar reviewed Jan 4, 2025

View reviewed changes

src/hooks/use-code-completion-ai-api.ts Show resolved Hide resolved

seveibar changed the title ~~feat: CodEditor AI driven auto completion~~ feat: CodeEditor AI driven auto completion Jan 4, 2025

improved PR

0fec8f0

vercel bot deployed to Preview January 4, 2025 18:57 View deployment

seveibar approved these changes Jan 4, 2025

View reviewed changes

Abse2001 merged commit cd51091 into tscircuit:main Jan 5, 2025
5 of 6 checks passed

This was referenced Jan 24, 2025

Synchronous Snippet "tscircuit" import is now allowed #605

Merged

add latest version of core to enable using "sel" #611

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

feat: CodeEditor AI driven auto completion #484

feat: CodeEditor AI driven auto completion #484

Abse2001 commented Jan 4, 2025

tscircuitbot commented Jan 4, 2025

Abse2001 commented Jan 4, 2025 •

edited

Loading

tscircuitbot commented Jan 4, 2025

tscircuitbot commented Jan 4, 2025

seveibar Jan 4, 2025

Abse2001 Jan 4, 2025

seveibar left a comment

seveibar Jan 4, 2025

seveibar Jan 4, 2025

Abse2001 Jan 4, 2025

seveibar Jan 4, 2025

seveibar Jan 4, 2025

seveibar Jan 4, 2025

tscircuitbot commented Jan 4, 2025

tscircuitbot commented Jan 4, 2025

feat: CodeEditor AI driven auto completion #484

feat: CodeEditor AI driven auto completion #484

Conversation

Abse2001 commented Jan 4, 2025

tscircuitbot commented Jan 4, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

Abse2001 commented Jan 4, 2025 • edited Loading

tscircuitbot commented Jan 4, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 4, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

Choose a reason for hiding this comment

Choose a reason for hiding this comment

seveibar left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

tscircuitbot commented Jan 4, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

tscircuitbot commented Jan 4, 2025

📊 Bundle Size Analysis

Total Bundle Size

Diff

Abse2001 commented Jan 4, 2025 •

edited

Loading