d4edb9371d
<!-- Clearly explain the need for these changes: --> I want to be able to have agents 3d print things and deliver them to my house! ### Changes 🏗️ <!-- Concisely describe all of the changes made in this pull request: --> - Adds slant3d as a provider - Adds slant3d order webhook (disabled on the cloud by default due to how it notifies users) - Adds several blocks to order from slant3d - Diables Get Orders (for the same reason as webhook) ### Checklist 📋 #### For code changes: - [x] I have clearly listed my changes in the PR description - [x] I have made a test plan - [x] I have tested my changes according to the test plan <details> <summary>Test Plan</summary> - [ ] Add filament block and fill API key - [ ] Run filament block - [ ] Add slice block and use this value: https://files.printables.com/media/prints/1081287/stls/8176524_a9edde2d-68c1-41de-a207-b584fcf42f30_f9127d5b-39ed-4ef8-b59f-d3a0bc874373/rod-holder.stl - [ ] Run slice block - [ ] Add estimate blocks (print and shipping) and use your address, and the above file - [ ] select petg and count 1 - [ ] run the blocks - [ ] Create an order using same information - [ ] Run the block and note the order number - [ ] Delete the create order block so you don't keep ordering stuff - [ ] Run get orders block - [ ] Check your order exists - [ ] Run the cancel order block with the order id - [ ] run the get orders block and check the order no longer exists </details> --------- Co-authored-by: Reinier van der Leer <pwuts@agpt.co>
This is the frontend for AutoGPT's next generation
Getting Started
Run the following installation once.
npm install
# or
yarn install
# or
pnpm install
# or
bun install
Next, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
For subsequent runs, you do not have to npm install again. Simply do npm run dev.
If the project is updated via git, you will need to npm install after each update.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
Deploy
TODO
Storybook
Storybook is a powerful development environment for UI components. It allows you to build UI components in isolation, making it easier to develop, test, and document your components independently from your main application.
Purpose in the Development Process
- Component Development: Develop and test UI components in isolation.
- Visual Testing: Easily spot visual regressions.
- Documentation: Automatically document components and their props.
- Collaboration: Share components with your team or stakeholders for feedback.
How to Use Storybook
-
Start Storybook: Run the following command to start the Storybook development server:
npm run storybookThis will start Storybook on port 6006. Open http://localhost:6006 in your browser to view your component library.
-
Build Storybook: To build a static version of Storybook for deployment, use:
npm run build-storybook -
Running Storybook Tests: Storybook tests can be run using:
npm run test-storybookFor CI environments, use:
npm run test-storybook:ci -
Writing Stories: Create
.stories.tsxfiles alongside your components to define different states and variations of your components.
By integrating Storybook into our development workflow, we can streamline UI development, improve component reusability, and maintain a consistent design system across the project.