[PR #17613] [CLOSED] feat: Dynamically load highlight.js language supports to speed up page loading (-2.9MB) #63343

New Issue

GiteaMirror · 2026-05-06T08:04:02-05:00

GiteaMirror commented

2026-05-06 08:04:02 -05:00

📋 Pull Request Information

Original PR: https://github.com/open-webui/open-webui/pull/17613
Author: @ShirasawaSama
Created: 9/20/2025
Status: ❌ Closed

Base: dev ← Head: feat/dynamically-load-highlight.js

📝 Commits (1)

0d14d63 feat: Dynamically load highlight.js language supports

📊 Changes

8 files changed (+517 additions, -133 deletions)

View changed files

📝 package-lock.json (+127 -108)
📝 package.json (+1 -3)
📝 src/lib/components/chat/Messages/CodeBlock.svelte (+23 -8)
📝 src/lib/components/common/RichTextInput.svelte (+2 -6)
➕ src/lib/utils/hljs/LowlightEditorExtension.ts (+221 -0)
➕ src/lib/utils/hljs/index.ts (+95 -0)
📝 src/lib/utils/index.ts (+1 -6)
📝 vite.config.ts (+47 -2)

📄 Description

Pull Request Checklist

Note to first-time contributors: Please open a discussion post in Discussions and describe your changes before submitting a pull request.

Before submitting, make sure you've checked the following:

Target branch: Please verify that the pull request targets the dev branch.
Description: Provide a concise description of the changes made in this pull request.
Changelog: Ensure a changelog entry following the format of Keep a Changelog is added at the bottom of the PR description.
Documentation: Have you updated relevant documentation Open WebUI Docs, or other documentation sources?
Dependencies: Are there any new dependencies? Have you updated the dependency versions in the documentation?
Testing: Have you written and run sufficient tests to validate the changes?
Code review: Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards?
Prefix: To clearly categorize this pull request, prefix the pull request title using one of the following:
- BREAKING CHANGE: Significant changes that may affect compatibility
- build: Changes that affect the build system or external dependencies
- ci: Changes to our continuous integration processes or workflows
- chore: Refactor, cleanup, or other non-functional code changes
- docs: Documentation update or addition
- feat: Introduces a new feature or enhancement to the codebase
- fix: Bug fix or error correction
- i18n: Internationalization or localization changes
- perf: Performance improvement
- refactor: Code restructuring for better maintainability, readability, or scalability
- style: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.)
- test: Adding missing tests or correcting existing tests
- WIP: Work in progress, a temporary label for incomplete or ongoing work

Changelog Entry

Description

feat: Dynamically load highlight.js language supports to speed up page loading (-2.9MB)

Added

[List any new features, functionalities, or additions]

Changed

[List any changes, updates, refactorings, or optimizations]

Deprecated

[List any deprecated functionality or features that have been removed]

Removed

[List any removed features, files, or functionalities]

Fixed

[List any fixes, corrections, or bug fixes]

Security

[List any new or updated security-related changes, including vulnerability fixes]

Breaking Changes

BREAKING CHANGE: [List any breaking changes affecting compatibility or functionality]

Additional Information

#17250 Thanks @rgaricano

I believe releasing the LowlightEditorExtension.ts file as a separate npm module might be a better option (for example, it could be named tiptap-extension-code-block-lowlight-dynamic).

Screenshots or Videos

[Attach any relevant screenshots or videos demonstrating the changes]

Contributor License Agreement

By submitting this pull request, I confirm that I have read and fully agree to the Contributor License Agreement (CLA), and I am providing my contributions under its terms.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/open-webui/open-webui/pull/17613 **Author:** [@ShirasawaSama](https://github.com/ShirasawaSama) **Created:** 9/20/2025 **Status:** ❌ Closed **Base:** `dev` ← **Head:** `feat/dynamically-load-highlight.js` --- ### 📝 Commits (1) - [`0d14d63`](https://github.com/open-webui/open-webui/commit/0d14d6384cc175438d4bf9ec7561b90580e940f8) feat: Dynamically load highlight.js language supports ### 📊 Changes **8 files changed** (+517 additions, -133 deletions) <details> <summary>View changed files</summary> 📝 `package-lock.json` (+127 -108) 📝 `package.json` (+1 -3) 📝 `src/lib/components/chat/Messages/CodeBlock.svelte` (+23 -8) 📝 `src/lib/components/common/RichTextInput.svelte` (+2 -6) ➕ `src/lib/utils/hljs/LowlightEditorExtension.ts` (+221 -0) ➕ `src/lib/utils/hljs/index.ts` (+95 -0) 📝 `src/lib/utils/index.ts` (+1 -6) 📝 `vite.config.ts` (+47 -2) </details> ### 📄 Description # Pull Request Checklist ### Note to first-time contributors: Please open a discussion post in [Discussions](https://github.com/open-webui/open-webui/discussions) and describe your changes before submitting a pull request. **Before submitting, make sure you've checked the following:** - [x] **Target branch:** Please verify that the pull request targets the `dev` branch. - [x] **Description:** Provide a concise description of the changes made in this pull request. - [x] **Changelog:** Ensure a changelog entry following the format of [Keep a Changelog](https://keepachangelog.com/) is added at the bottom of the PR description. - [x] **Documentation:** Have you updated relevant documentation [Open WebUI Docs](https://github.com/open-webui/docs), or other documentation sources? - [x] **Dependencies:** Are there any new dependencies? Have you updated the dependency versions in the documentation? - [x] **Testing:** Have you written and run sufficient tests to validate the changes? - [x] **Code review:** Have you performed a self-review of your code, addressing any coding standard issues and ensuring adherence to the project's coding standards? - [x] **Prefix:** To clearly categorize this pull request, prefix the pull request title using one of the following: - **BREAKING CHANGE**: Significant changes that may affect compatibility - **build**: Changes that affect the build system or external dependencies - **ci**: Changes to our continuous integration processes or workflows - **chore**: Refactor, cleanup, or other non-functional code changes - **docs**: Documentation update or addition - **feat**: Introduces a new feature or enhancement to the codebase - **fix**: Bug fix or error correction - **i18n**: Internationalization or localization changes - **perf**: Performance improvement - **refactor**: Code restructuring for better maintainability, readability, or scalability - **style**: Changes that do not affect the meaning of the code (white space, formatting, missing semi-colons, etc.) - **test**: Adding missing tests or correcting existing tests - **WIP**: Work in progress, a temporary label for incomplete or ongoing work # Changelog Entry ### Description - feat: Dynamically load highlight.js language supports to speed up page loading (-2.9MB) ### Added - [List any new features, functionalities, or additions] ### Changed - [List any changes, updates, refactorings, or optimizations] ### Deprecated - [List any deprecated functionality or features that have been removed] ### Removed - [List any removed features, files, or functionalities] ### Fixed - [List any fixes, corrections, or bug fixes] ### Security - [List any new or updated security-related changes, including vulnerability fixes] ### Breaking Changes - **BREAKING CHANGE**: [List any breaking changes affecting compatibility or functionality] --- ### Additional Information #17250 Thanks @rgaricano I believe releasing the `LowlightEditorExtension.ts` file as a separate npm module might be a better option (for example, it could be named `tiptap-extension-code-block-lowlight-dynamic`). ### Screenshots or Videos - [Attach any relevant screenshots or videos demonstrating the changes] ### Contributor License Agreement By submitting this pull request, I confirm that I have read and fully agree to the [Contributor License Agreement (CLA)](https://github.com/open-webui/open-webui/blob/main/CONTRIBUTOR_LICENSE_AGREEMENT), and I am providing my contributions under its terms. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

GiteaMirror added the pull-request label 2026-05-06 08:04:02 -05:00

GiteaMirror closed this issue

2026-05-06 08:04:07 -05:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/open-webui#63343