dify/web
Harry 8e600f3302 feat(trigger): optimize trigger parameter schema handling in useConfig
- Refactored the trigger parameter schema construction in `useConfig` to utilize a Map for improved efficiency and clarity.
- Updated the return value to ensure unique schema entries, enhancing the integrity of the trigger configuration.

These changes streamline the management of trigger parameters, improving performance and maintainability in the workflow component.
2025-09-08 23:39:44 +08:00
..
.husky chore: merge lint dependency group into dev group of python packages (#18088) 2025-04-15 20:50:06 +08:00
.storybook Introduce Plugins (#13836) 2025-02-17 17:05:13 +08:00
.vscode Enhance Code Consistency Across Repository with `.editorconfig` (#19023) 2025-04-29 18:04:33 +08:00
__mocks__ feat: regenerate history switch navigation (#8749) 2024-10-24 12:09:46 +08:00
__tests__ feat: implement trigger plugin authentication UI (#25310) 2025-09-07 21:53:22 +08:00
app feat(trigger): optimize trigger parameter schema handling in useConfig 2025-09-08 23:39:44 +08:00
assets fix: missing files (#2291) 2024-01-30 16:21:40 +08:00
bin
config fix(web): make iteration panel respect MAX_PARALLEL_LIMIT environment variable (#23083) (#23104) 2025-07-29 21:39:40 +08:00
context fix:hard-coded top-k fallback issue. (#24879) 2025-09-01 15:46:37 +08:00
docker refactor: Promote basepath to environment variable (#24445) 2025-08-29 15:39:37 +08:00
hooks feat: implement trigger plugin authentication UI (#25310) 2025-09-07 21:53:22 +08:00
i18n feat: implement trigger plugin authentication UI (#25310) 2025-09-07 21:53:22 +08:00
i18n-config feat: oauth provider (#24206) 2025-08-29 14:10:51 +08:00
models feat: add trigger by of app log (#24973) 2025-09-02 16:04:08 +08:00
public fixing embedded chat styling (#23198) 2025-07-31 10:03:03 +08:00
scripts feat: fix i18n missing keys and merge upstream/main (#24615) 2025-08-27 15:07:28 +08:00
service feat(trigger): enhance plugin and trigger integration with updated naming conventions 2025-09-08 23:14:50 +08:00
themes feat: fix i18n missing keys and merge upstream/main (#24615) 2025-08-27 15:07:28 +08:00
types fix: resolve merge conflict between Features removal and validation enhancement (#24150) 2025-08-19 13:47:38 +08:00
utils CI: add TS indentation check via esLint (#24810) 2025-09-01 15:31:59 +08:00
.dockerignore Enhance Code Consistency Across Repository with `.editorconfig` (#19023) 2025-04-29 18:04:33 +08:00
.env.example refactor: Promote basepath to environment variable (#24445) 2025-08-29 15:39:37 +08:00
.gitignore Introduce Plugins (#13836) 2025-02-17 17:05:13 +08:00
Dockerfile refactor: Promote basepath to environment variable (#24445) 2025-08-29 15:39:37 +08:00
README.md docs: format all md files (#24195) 2025-08-20 13:49:11 +08:00
eslint.config.mjs CI: add TS indentation check via esLint (#24810) 2025-09-01 15:31:59 +08:00
global.d.ts Fix API documentation layout and dark mode contrast issues (#23462) 2025-08-06 11:19:47 +08:00
jest.config.ts feat/TanStack-Form (#18346) 2025-04-18 15:54:22 +08:00
jest.setup.ts feat/TanStack-Form (#18346) 2025-04-18 15:54:22 +08:00
middleware.ts Revert "♻️ refactor(middleware): remove duplicate CSP header assignment" (#20592) 2025-06-03 17:43:48 +08:00
next.config.js fix: basepath did not read from the environment variable (#24870) 2025-09-01 13:50:33 +08:00
package.json CI: add TS indentation check via esLint (#24810) 2025-09-01 15:31:59 +08:00
pnpm-lock.yaml refactor: replace clsx with classnames (#24776) 2025-08-31 17:08:29 +08:00
postcss.config.js
tailwind-common-config.ts fix: add background color for chat bubble in light and dark themes (#22472) 2025-07-16 13:36:51 +08:00
tailwind.config.js Introduce Plugins (#13836) 2025-02-17 17:05:13 +08:00
tsconfig.json
typography.js Chore: frontend infrastructure upgrade (#16420) 2025-03-21 17:41:03 +08:00

README.md

Dify Frontend

This is a Next.js project bootstrapped with create-next-app.

Getting Started

Run by source code

Before starting the web frontend service, please make sure the following environment is ready.

First, install the dependencies:

pnpm install

Then, configure the environment variables. Create a file named .env.local in the current directory and copy the contents from .env.example. Modify the values of these environment variables according to your requirements:

cp .env.example .env.local
# For production release, change this to PRODUCTION
NEXT_PUBLIC_DEPLOY_ENV=DEVELOPMENT
# The deployment edition, SELF_HOSTED
NEXT_PUBLIC_EDITION=SELF_HOSTED
# The base URL of console application, refers to the Console base URL of WEB service if console domain is
# different from api or web app domain.
# example: http://cloud.dify.ai/console/api
NEXT_PUBLIC_API_PREFIX=http://localhost:5001/console/api
# The URL for Web APP, refers to the Web App base URL of WEB service if web app domain is different from
# console or api domain.
# example: http://udify.app/api
NEXT_PUBLIC_PUBLIC_API_PREFIX=http://localhost:5001/api

# SENTRY
NEXT_PUBLIC_SENTRY_DSN=

Finally, run the development server:

pnpm run dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the file under folder app. The page auto-updates as you edit the file.

Deploy

Deploy on server

First, build the app for production:

pnpm run build

Then, start the server:

pnpm run start

If you want to customize the host and port:

pnpm run start --port=3001 --host=0.0.0.0

If you want to customize the number of instances launched by PM2, you can configure PM2_INSTANCES in docker-compose.yaml or Dockerfile.

Storybook

This project uses Storybook for UI component development.

To start the storybook server, run:

pnpm storybook

Open http://localhost:6006 with your browser to see the result.

Lint Code

If your IDE is VSCode, rename web/.vscode/settings.example.json to web/.vscode/settings.json for lint code setting.

Test

We start to use Jest and React Testing Library for Unit Testing.

You can create a test file with a suffix of .spec beside the file that to be tested. For example, if you want to test a file named util.ts. The test file name should be util.spec.ts.

Run test:

pnpm run test

If you are not familiar with writing tests, here is some code to refer to:

Documentation

Visit https://docs.dify.ai/getting-started/readme to view the full documentation.

Community

The Dify community can be found on Discord community, where you can ask questions, voice ideas, and share your projects.