개발자 도구 상자

[Discourse]

	요약	Developer Toolbox은 Discourse 개발 시 자주 사용되는 링크, 작업 및 설정에 빠르게 접근할 수 있도록 해줍니다.
	리포지토리 링크	https://github.com/discourse/discourse-dev-utils
	Discourse 테마를 처음 사용하시나요?	Discourse 테마 사용 입문가이드

로컬 개발 전용입니다. 프로덕션 사이트에는 유용하지 않습니다.

이는 Discourse 팀이 유지 관리하는 #공식 테마 컴포넌트이므로, #지원, #기여:버그, #기여:UX 및 #기여:기능 요청은 메타의 해당 카테고리에서 적절한 테마 컴포넌트 태그와 함께 제출할 수 있습니다. 아래 링크를 클릭하여 시작해 보세요.

 지원  버그  UX  기능

기능

작동 방식

이 컴포넌트는 기본적으로 눈에 띄지 않도록 설계되어 있으며, 키보드의 grave slash ` 문자를 탭하여 모달을 트리거합니다. 또는 테마 설정을 토글하여 UI에 트리거 버튼을 활성화할 수도 있습니다.

모달이 표시되면 Discourse 개발 시 일반적으로 필요한 몇 가지 일반적인 작업, 링크 및 설정에 접근할 수 있습니다.

설정

이름	설명
헤더 버튼 표시	헤더 패널에 개발 도구상자 트리거를 표시합니다.
플로우에서 버튼 제거	헤더 버튼을 오른쪽 아래에 고정합니다. (show_header_button이 활성화되어 있어야 함)
작업 시 모달 닫기	도구상자에서 작업을 트리거하면 도구상자 모달도 함께 닫힙니다.
사용자 정의 링크

번역	기본값
dev_utils.toggle_btn	개발 도구상자
dev_utils.modal.title	개발자 도구상자
dev_utils.modal.cancel	취소
dev_utils.actions.title	빠른 작업
dev_utils.actions.toggle_alerts	알림 토글
dev_utils.actions.toggle_plugin_outlets	아웃렛 토글
dev_utils.links.title	빠른 링크
dev_utils.links.themes	테마
dev_utils.links.components	테마 컴포넌트
dev_utils.links.colors	색상
dev_utils.links.settings	설정
dev_utils.links.plugins	플러그인
dev_utils.links.user_prefs	사용자 환경 설정
dev_utils.links.text	텍스트
dev_utils.links.plugin_api	플러그인 API
dev_utils.links.docs	Discourse 문서
dev_utils.common_settings.title	일반 설정
dev_utils.common_settings.none	설정 선택

[manuel (Manuel Kostka)]

Thank you for this great component, Keegan!

Right now the header icon always shows. A small improvement could be to only show it to admins. So when browsing the site as a regular user the look is not tweaked.

[Lilly (Lillian)]

i quite like this component. thank you!

i just noticed that the Discourse Docs button goes to the Plugin API link instead of docs.

[keegan (Keegan George)]

@Lilly

Discourse Docs button goes to the Plugin API link instead of docs.

Thanks for identifying that @Lilly, I’ve pushed an update resolving this:

FIX: Use correct link for Discourse Docs (#2)

@manuel

small improvement could be to only show it to admins.

Thanks for the request @manuel, I’ve added this now:

DEV: Show only for admins (#3)

[denvergeeks]

This looks very good – I need to identify all of the outlets, but both Toggle Outlets and Toggle Alerts seem to do nothing except close the modal.

Are they supposed to display/show or highlight something on screen when toggled on?

[denvergeeks]

Adding/installing this theme component in addition to the Developer Toolbox makes the Toggle Outlets button work…

https://github.com/communiteq/plugin-outlets-theme-component

[Alteras (Steven Chang)]

The Plugin API link is not opening the file. Seems like it needs to be updated to app/assets/javascripts/discourse/app/lib/plugin-api.gjs?

[Arkshine]

Thanks, I made the PR

https://github.com/discourse/discourse-dev-utils/pull/13

[keegan (Keegan George)]

Thanks @Arkshine for the fix, I’ve merged that in

I’ve also added a few updates (fixes/modernizations) as well as a new feature where you can now add custom links by defining them in the theme setting:

[th21]

Can we submit translation for this component on crowdin? I didn’t find the entrance to it.

[Lilly (Lillian)]

Hi @th21 thanks for letting us know. I have added it as a translation project in Crowdin.

[th21]

What is the expected result of “Toggle Alerts”? clicked and nothing happened

[keegan (Keegan George)]

It is intended to hide any alerts you have on your Discourse instance. If you have any alerts on your forum like this:

It will hide it from the page. It’s quite useful for example, when theming and you want to temporarily see the page without any alerts.