github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-05-30 06:10:10 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

DEV: Convert final hbs to gjs and enable require-strict-mode lint (#32473)

Browse Source
This commit is contained in:
David Taylor
2025-04-26 10:48:43 +01:00
committed by GitHub
parent acc11cc9aa
commit aafbde2080
16 changed files with 110 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.template-lintrc.cjs
View File

@ -4,8 +4,9 @@ module.exports = {
...templateLint,
rules: {
...templateLint.rules,
"no-capital-arguments": false, // TODO: we extensively use `args` argument name
"no-capital-arguments": false, // @args is used for MountWidget
"require-button-type": false,
"no-action": true,
"require-strict-mode": true,
},
};

11
plugins/chat/assets/javascripts/discourse/connectors/below-footer/chat-drawer-outlet.gjs Normal file
View File

@ -0,0 +1,11 @@
import ChatDrawer from "../../components/chat-drawer";
const ChatDrawerOutlet = <template>
<div class="below-footer-outlet chat-drawer-outlet">
<div class="chat-drawer-outlet-container">
<ChatDrawer />
</div>
</div>
</template>;
export default ChatDrawerOutlet;

3
plugins/chat/assets/javascripts/discourse/connectors/below-footer/chat-drawer-outlet.hbs
View File

@ -1,3 +0,0 @@
<div class="chat-drawer-outlet-container">
<ChatDrawer />
</div>

9
plugins/chat/assets/javascripts/discourse/connectors/below-footer/chat-message-actions-desktop-outlet.gjs Normal file
View File

@ -0,0 +1,9 @@
import ChatMessageActionsDesktop from "../../components/chat-message-actions-desktop";
const ChatMessageActionsDesktopOutlet = <template>
<div class="below-footer-outlet chat-message-actions-desktop-outlet">
<ChatMessageActionsDesktop />
</div>
</template>;
export default ChatMessageActionsDesktopOutlet;

1
plugins/chat/assets/javascripts/discourse/connectors/below-footer/chat-message-actions-desktop-outlet.hbs
View File

@ -1 +0,0 @@
<ChatMessageActionsDesktop />

20
plugins/chat/assets/javascripts/discourse/connectors/chat-composer-inline-buttons/emoji-picker.gjs Normal file
View File

@ -0,0 +1,20 @@
import Component from "@glimmer/component";
import { service } from "@ember/service";
import EmojiPicker from "discourse/components/emoji-picker";
import ChatComposerSeparator from "../../components/chat/composer/separator";
export default class ChatEmojiPicker extends Component {
@service site;
<template>
{{#if this.site.desktopView}}
<EmojiPicker
@didSelectEmoji={{@outletArgs.composer.onSelectEmoji}}
@btnClass="chat-composer-button btn-transparent -emoji"
@context="chat"
/>
<ChatComposerSeparator />
{{/if}}
</template>
}

9
plugins/chat/assets/javascripts/discourse/connectors/chat-composer-inline-buttons/emoji-picker.hbs
View File

@ -1,9 +0,0 @@
{{#if this.site.desktopView}}
<EmojiPicker
@didSelectEmoji={{@outletArgs.composer.onSelectEmoji}}
@btnClass="chat-composer-button btn-transparent -emoji"
@context="chat"
/>
<Chat::Composer::Separator />
{{/if}}

1
plugins/chat/assets/javascripts/discourse/connectors/home-logo-wrapper/chat-header-connector.gjs Normal file
View File

@ -0,0 +1 @@
export { default } from "../../components/chat-header";

1
plugins/chat/assets/javascripts/discourse/connectors/home-logo-wrapper/chat-header-connector.hbs
View File

@ -1 +0,0 @@
<ChatHeader>{{yield}}</ChatHeader>

11
plugins/chat/assets/javascripts/discourse/connectors/user-card-below-message-button/chat-button.gjs Normal file
View File

@ -0,0 +1,11 @@
import ChatDirectMessageButton from "../../components/chat/direct-message-button";
const ChatButton = <template>
{{#if @outletArgs.user.can_chat_user}}
<li class="user-card-below-message-button chat-button">
<ChatDirectMessageButton @user={{@outletArgs.user}} @modal={{true}} />
</li>
{{/if}}
</template>;
export default ChatButton;

3
plugins/chat/assets/javascripts/discourse/connectors/user-card-below-message-button/chat-button.hbs
View File

@ -1,3 +0,0 @@
{{#if this.user.can_chat_user}}
<Chat::DirectMessageButton @user={{this.user}} @modal={{true}} />
{{/if}}

11
plugins/chat/assets/javascripts/discourse/connectors/user-profile-controls/chat-button.gjs Normal file
View File

@ -0,0 +1,11 @@
import ChatDirectMessageButton from "../../components/chat/direct-message-button";
const ChatButton = <template>
{{#if @outletArgs.model.can_chat_user}}
<li class="user-card-below-message-button chat-button">
<ChatDirectMessageButton @user={{@outletArgs.model}} />
</li>
{{/if}}
</template>;
export default ChatButton;

3
plugins/chat/assets/javascripts/discourse/connectors/user-profile-controls/chat-button.hbs
View File

@ -1,3 +0,0 @@
{{#if this.model.can_chat_user}}
<Chat::DirectMessageButton @user={{this.model}} />
{{/if}}

45
plugins/styleguide/assets/javascripts/discourse/components/sections/molecules/multi-select.gjs Normal file
View File

@ -0,0 +1,45 @@
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { action } from "@ember/object";
import DMultiSelect from "discourse/components/d-multi-select";
import StyleguideComponent from "../../styleguide/component";
import StyleguideExample from "../../styleguide-example";
export default class MultiSelect extends Component {
@tracked selection = [{ id: 1, name: "foo" }];
@action
onChange(selection) {
this.selection = selection;
}
@action
async loadDummyData(filter) {
await new Promise((resolve) => setTimeout(resolve, 500));
return [
{ id: 1, name: "foo" },
{ id: 2, name: "bar" },
{ id: 3, name: "baz" },
].filter((item) => {
return item.name.toLowerCase().includes(filter.toLowerCase());
});
}
<template>
<StyleguideExample @title="<DMultiSelect />">
<StyleguideComponent @tag="d-multi-select component">
<:sample>
<DMultiSelect
@loadFn={{this.loadDummyData}}
@onChange={{this.onChange}}
@selection={{this.selection}}
>
<:result as |result|>{{result.name}}</:result>
<:selection as |result|>{{result.name}}</:selection>
</DMultiSelect>
</:sample>
</StyleguideComponent>
</StyleguideExample>
</template>
}

14
plugins/styleguide/assets/javascripts/discourse/components/sections/molecules/multi-select.hbs
View File

@ -1,14 +0,0 @@
<StyleguideExample @title="<DMultiSelect />">
<Styleguide::Component @tag="d-multi-select component">
<:sample>
<DMultiSelect
@loadFn={{this.loadDummyData}}
@onChange={{this.onChange}}
@selection={{this.selection}}
>
<:result as |result|>{{result.name}}</:result>
<:selection as |result|>{{result.name}}</:selection>
</DMultiSelect>
</:sample>
</Styleguide::Component>
</StyleguideExample>

25
plugins/styleguide/assets/javascripts/discourse/components/sections/molecules/multi-select.js
View File

@ -1,25 +0,0 @@
import Component from "@glimmer/component";
import { tracked } from "@glimmer/tracking";
import { action } from "@ember/object";
export default class MultiSelect extends Component {
@tracked selection = [{ id: 1, name: "foo" }];
@action
onChange(selection) {
this.selection = selection;
}
@action
async loadDummyData(filter) {
await new Promise((resolve) => setTimeout(resolve, 500));
return [
{ id: 1, name: "foo" },
{ id: 2, name: "bar" },
{ id: 3, name: "baz" },
].filter((item) => {
return item.name.toLowerCase().includes(filter.toLowerCase());
});
}
}