sparrow-js / an-codeai Goto Github PK

View Code? Open in Web Editor NEW

547.0 8.0 85.0 48.83 MB

AI generate code

Home Page: https://www.ancodeai.com/

License: MIT License

JavaScript 93.04% TypeScript 4.96% HTML 1.79% CSS 0.10% SCSS 0.10% Less 0.01% Shell 0.01% Dockerfile 0.01%

openai react edit generate-code nextjs screenshottocode

an-codeai's Introduction

an-codeAI

English · 中文

supports Anthropic Claude 3.5 Sonnet.

By using OpenAI and Gemini technologies to generate highly available code, it supports web (React, Vue, Tailwind CSS, shadcn/ui), native (react native) and other codes. It is generated using GPT-4 Vision. Code is generated by taking screenshots, drawing drafts, and inputting ideas.

Promotionalvideo.mp4

🔥 Support

technology stack: web (React, Vue, Tailwind CSS, shadcn/ui), native (react native)
Editing support (HTML+Tailwind, react+Tailwind, react+Tailwind+shadcn/ui)
Entry Information: screenshot、text、whiteboard

React+shadcn/ui

excalidraw draw	Output code

🚀 Try It Out!

online

You can download it and run it locally.

npm run dev

🛠 Setting

Supports OpenAI, Gemini (free), Gemini output is not good

OpenAI：

OpenAI API Key
OpenAI Base URL(proxy url, default：https://api.openai.com/v1)
Mock AI Response(mock AIThe returned data does not directly request AI)

Gemini (Not recommended)（free）：

Gemini API key

if this project is helpful to you, buy me a coffee.

an-codeai's People

Contributors

Stargazers

Watchers

Forkers

liuhuawu shengrongchun simulai honolulu0 yin2017168 allen16881 ericsongyl chengcanmm77 zaing xieren58 zhnathaniellee forkrep sleepyeinstein sanjinhub itvlog ganlinzhen arafays chilohwei expertbeacon fucheng830 cced3000 bootids hellozhangran edu-e007 yabalaya shiyukonghui ninvfeng mutoumiao fenzaiway goodie1972 eric8810 lianhaoxin michaelyuhe zhaoxiaobao maziwei tubb liucheng023 aleeeeexx ai01 felixufo goldenbeef lainbo zhuyong96 jinxiaoman omygpt hongzelong96 xueminghui forkcoding zhugeliange tramleit tommy13579 livindesign jimmyken uljjmhn520 zendguofans psonera guaiya0507 risetotop changetheworldouo qwivan zbl1997-code lovelyqun dwqdaiwenqi stoptimer franko00007 bitcodepot xiaobinlove dragon-rider fdelorenzi blackwhites z2labplus ryanff mengzhiwu zhangli344236745 kl-kim xiaozhiob wangyumu xianxiaobaiwsx frank-webs thearavindh aiagentx a0thibault scriptsman amirflyfly

an-codeai's Issues

本地Git 工程启动之后,会出现这个报错信息

node version : 18.17.0
npm 安装

运行部起来，报错啊

Fatal error in , line 0

Fatal JavaScript invalid size error 169220804

#FailureMessage Object: 0x7ffeeb20fd30

大佬，启动不了了

昨天还可以启动
今天npm i之后启动就卡在readying 5.65s.....
请问是哪里出了问题呢

Unhandled Runtime Error ChunkLoadError: Loading chunk vendor failed. i have installed everything latest in alpine container and getting this error which is related to excalidraw i guess so any fixes for it?

Unhandled Runtime Error

ChunkLoadError: Loading chunk vendor failed.
(error: http://localhost:2229/excalidraw-assets-dev/vendor-1e45dd9aba63a718dcee.js)
Call Stack
nested_webpack_require_9336666.f.j
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5817:0)
nested_webpack_require_9336666.e/<
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5696:32)
nested_webpack_require_9336666.e
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5695:62)

webpack-internal:///../../../node_modules/browser-fs-access/dist/index.mjs (49:238)
../../../node_modules/browser-fs-access/dist/index.mjs
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5568:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../data/filesystem.ts (7:94)
../../data/filesystem.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (3764:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../data/json.ts (11:88)
../../data/json.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (3797:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../scene/export.ts (13:87)
../../scene/export.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4545:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../utils.ts (27:90)
../utils.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4380:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../frame.ts (38:92)
../../frame.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4116:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../scene/selection.ts (14:83)
../../scene/selection.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4589:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../scene/Scene.ts (7:87)
../../scene/Scene.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4501:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../element/mutateElement.ts (7:89)
../../element/mutateElement.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (3973:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../element/sizeHelpers.ts (10:91)
../../element/sizeHelpers.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4028:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../element/index.ts (51:89)
../../element/index.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (3951:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../scene/scrollbars.ts (9:85)
../../scene/scrollbars.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4578:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../scene/index.ts (19:88)
../../scene/index.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4556:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../actions/actionDeleteSelected.tsx (6:83)
../../actions/actionDeleteSelected.tsx
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (2147:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../actions/index.ts (67:98)
../../actions/index.ts
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (2389:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///../../components/App.tsx (22:85)
../../components/App.tsx
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (2532:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///./index.tsx (55:92)
./index.tsx
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4358:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

webpack-internal:///./entry.js (54:83)
./entry.js
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (4347:0)
nested_webpack_require_9336666
node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5625:0)

node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5889:55)

node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (5892:10)

webpackUniversalModuleDefinition@webpack-internal:///./node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (11:20)

node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js (18:1)
./node_modules/@excalidraw/excalidraw/dist/excalidraw.development.js
file:/an-codeAI/.next/static/chunks/components_components_Whiteboard_tsx.js (27:1)
options.factory
file:/an-codeAI/.next/static/chunks/webpack.js (707:31)
webpack_require
file:/an-codeAI/.next/static/chunks/webpack.js (37:33)
fn
file:/an-codeAI/.next/static/chunks/webpack.js (362:21)

node_modules/@excalidraw/excalidraw/main.js (10:2)
./node_modules/@excalidraw/excalidraw/main.js
file:/an-codeAI/.next/static/chunks/components_components_Whiteboard_tsx.js (37:1)
options.factory
file:/an-codeAI/.next/static/chunks/webpack.js (707:31)
webpack_require
file:/an-codeAI/.next/static/chunks/webpack.js (37:33)
fn
file:/an-codeAI/.next/static/chunks/webpack.js (362:21)

webpack-internal:///./components/components/Whiteboard.tsx (7:99)
./components/components/Whiteboard.tsx
file:/an-codeAI/.next/static/chunks/components_components_Whiteboard_tsx.js (64:1)
options.factory
file:/an-codeAI/.next/static/chunks/webpack.js (707:31)
webpack_require
file:/an-codeAI/.next/static/chunks/webpack.js (37:33)
fn
file:/an-codeAI/.next/static/chunks/webpack.js (362:21)

Module not found: Can't resolve 'tailwind-merge'

node version: v18.19.0
npm version: 10.2.3
platform: windows x86-64
error log:
./components/lib/utils.ts:2:0
Module not found: Can't resolve 'tailwind-merge'
1 | import { type ClassValue, clsx } from "clsx";

2 | import { twMerge } from "tailwind-merge";
3 |
4 | export function cn(...inputs: ClassValue[]) {
5 | return twMerge(clsx(inputs));

https://nextjs.org/docs/messages/module-not-found

Import trace for requested module:
./components/components/ui/dialog.tsx
./components/components/OnboardingNote.tsx
./pages/index.tsx

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.