+
+
+
`
+ } else {
+ return html``;
+ }
+}
+
+function getConversationResponseElement(conversation: conversationRecord) {
+ return conversation.response.length > 0 ? html`
+
+
+ ${this.siteInfo_.title}
+
+ ${this.stripUrlProtocol_(this.siteInfo_.url ?? "")}
+
+ ${query}
`;
+}
+
+export function getHtml(this: ChatAppElement) {
+ return html`
+
+
`;
+}
\ No newline at end of file
diff --git a/chrome/browser/resources/side_panel/chat/chat_app.ts b/chrome/browser/resources/side_panel/chat/chat_app.ts
new file mode 100644
index 00000000000000..2effe22e788cd8
--- /dev/null
+++ b/chrome/browser/resources/side_panel/chat/chat_app.ts
@@ -0,0 +1,401 @@
+import './strings.m.js';
+import '//resources/cr_elements/cr_button/cr_button.js';
+import '//resources/cr_elements/cr_icon_button/cr_icon_button.js';
+import '//resources/cr_elements/cr_input/cr_input.js';
+import '//resources/cr_elements/cr_textarea/cr_textarea.js';
+import '//resources/cr_elements/cr_action_menu/cr_action_menu.js';
+import '//resources/cr_elements/cr_dialog/cr_dialog.js';
+import {ColorChangeUpdater} from 'chrome://resources/cr_components/color_change_listener/colors_css_updater.js';
+import {loadTimeData} from 'chrome://resources/js/load_time_data.js';
+import {CrLitElement} from '//resources/lit/v3_0/lit.rollup.js';
+import {getCss} from './chat_app.css.js';
+import {getHtml} from './chat_app.html.js';
+import type {ChatApiProxy} from "./chat_api_proxy.js";
+import {ChatApiProxyImpl} from "./chat_api_proxy.js";
+import {ActionItem, ActionResponse, ActionType, ResponseType, SiteInfo, ConversationItem} from "./chat.mojom-webui.js";
+import {marked} from "./marked.js";
+import type {ChatPromptInputElement} from "./chat_prompt_input";
+import type {ClickModifiers} from 'chrome://resources/mojo/ui/base/mojom/window_open_disposition.mojom-webui.js';
+import './chat_prompt_input.js';
+import './action_menu.js';
+
+function transformToArray(input: string): string[] {
+ return input.split(",").map(item => item.trim());
+}
+
+export enum ActionOnExtractedContent {
+ AddAsContext = 0,
+ RemoveFromUsingAsContext = 1,
+}
+
+export type conversationRecord = {
+ query: string,
+ shouldDisplaySiteInfo: boolean,
+ title: string,
+ url: string,
+ response: string,
+}
+
+export interface ChatAppElement {
+ $: {
+ promptInput: ChatPromptInputElement,
+ };
+}
+
+export class ChatAppElement extends CrLitElement {
+ private chatApiProxy_: ChatApiProxy = ChatApiProxyImpl.getInstance();
+ private listenerIds_: number[] = [];
+ protected actionList_: ActionItem[] = [];
+ protected translateToLanguages_: string[] = [];
+ protected socialMediaPlatforms_: string[] = [];
+ protected conversations_: conversationRecord[] = [];
+ protected title_: string = loadTimeData.getString('title');
+ protected askAnythingLabel_ = loadTimeData.getString('askAnything');
+ protected chatAboutThisPageLabel_ = loadTimeData.getString('chatAboutThisPage');
+ protected tooltipCloseSidePanel_ = loadTimeData.getString('closeSidePanel');
+ protected tooltipNewChat_= loadTimeData.getString('newChat');
+ protected siteInfo_: SiteInfo = {
+ url: "",
+ title: "",
+ isContentUsableInConversations: false,
+ };
+ protected completionResult_: string = "";
+ protected query_?: string;
+ protected submittedQuery_?: string;
+ protected isSubmittingQuery_: boolean = false;
+ protected shouldDisplayChatAboutThisPageButton_: boolean = false;
+ protected exceedMaxTokenCountErrorMessages_: string = "";
+ protected hasExceededMaxTokenCount_: boolean = false;
+ protected errorMessage_: string = "";
+ protected hasErrorOccurred_: boolean = false;
+ protected maxPromptInputLength_: number = 90_000;
+ protected shouldHideSiteInfoContainerDueToKnownContext_: boolean = false;
+ protected shouldUseCurrentPageContentAsChatContext_: boolean = false;
+
+ constructor() {
+ super();
+ this.translateToLanguages_ = transformToArray(loadTimeData.getString('translateLanguages'));
+ this.socialMediaPlatforms_ = transformToArray(loadTimeData.getString('socialMedias'));
+ }
+
+ static get is() {
+ return 'chat-app';
+ }
+
+ static override get styles() {
+ return getCss();
+ }
+
+ override render() {
+ return getHtml.bind(this)();
+ }
+
+ static override get properties() {
+ return {
+ siteInfo_: {type: Object},
+ askAnythingLabel_: {type: String},
+ actionList_: {type: Array},
+ translateToSubItems_: {type: String},
+ socialMediaPostSubItems_: {type: String},
+ query_: {type: String},
+ submittedQuery_: {type: String},
+ completionResult_: {type: String},
+ isSubmittingQuery_: {type: Boolean},
+ shouldDisplayChatAboutThisPageButton_: {type: Boolean},
+ exceedMaxLengthErrorMessages_: {type: String},
+ hasExceededMaxTokenCount: {type: Boolean},
+ errorMessage_: {type: String},
+ hasErrorOccurred_: {type: Boolean},
+ maxPromptInputLength_: {type: Number},
+ shouldHideSiteInfoContainerDueToKnownContext_: {type: Boolean},
+ shouldUseCurrentPageContentAsChatContext_: {type: Boolean},
+ title_: {type: String},
+ tooltipCloseSidePanel_: {type: String},
+ tooltipNewChat_: {type: String},
+ };
+ }
+
+ private async updateSiteInfo(siteInfo: SiteInfo) {
+ if (this.siteInfo_.url === siteInfo.url) return;
+
+ this.siteInfo_ = siteInfo;
+ if (this.siteInfo_.isContentUsableInConversations) {
+ const {actionList} = await this.chatApiProxy_.getActionList();
+ this.actionList_ = actionList;
+ this.shouldUseCurrentPageContentAsChatContext_ = true;
+ this.shouldDisplayChatAboutThisPageButton_ = false;
+ this.hasErrorOccurred_ = false;
+ this.errorMessage_ = ""
+ } else {
+ this.shouldUseCurrentPageContentAsChatContext_ = false;
+ }
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = false;
+ this.updateComplete;
+ }
+
+ private updateSubmitResponse(response: ActionResponse) {
+ if (response.responseType == ResponseType.DELTA) {
+ this.completionResult_ += response.result;
+ this.hasErrorOccurred_ = false;
+ this.errorMessage_ = "";
+ } else if (response.responseType == ResponseType.COMPLETED) {
+ this.completionResult_ += "\n";
+ this.isSubmittingQuery_ = false;
+ this.hasErrorOccurred_ = false;
+ this.errorMessage_ = "";
+ setTimeout(() => this.$.promptInput.focusInput(), 0);
+ } else if (response.responseType == ResponseType.ERROR) {
+ this.completionResult_ += "\n";
+ this.isSubmittingQuery_ = false;
+ this.hasErrorOccurred_ = true;
+ this.errorMessage_ = loadTimeData.getString('genericError');
+ setTimeout(() => this.$.promptInput.focusInput(), 0);
+ }
+ }
+
+ protected onCloseSidePanel_(e: Event){
+ e.preventDefault();
+ this.chatApiProxy_.closeUI();
+ }
+
+ protected onRestartChat_(e: Event) {
+ e.preventDefault();
+
+ this.query_ = "";
+ this.conversations_.length = 0;
+ this.completionResult_ = "";
+ this.isSubmittingQuery_ = false;
+ this.submittedQuery_ = "";
+ this.shouldDisplayChatAboutThisPageButton_ = false;
+ this.hasErrorOccurred_ = false;
+ this.hasExceededMaxTokenCount_ = false;
+ this.exceedMaxTokenCountErrorMessages_ = "";
+ this.errorMessage_ = ""
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = false;
+ if (this.siteInfo_.isContentUsableInConversations) {
+ this.shouldUseCurrentPageContentAsChatContext_ = true;
+ } else {
+ this.shouldUseCurrentPageContentAsChatContext_ = false;
+ }
+ this.$.promptInput.resetToAutoHeight();
+ this.$.promptInput.focusInput();
+ }
+
+ protected onPerformActionOnExtractedContent_(action: ActionOnExtractedContent) {
+ if (action === ActionOnExtractedContent.AddAsContext) {
+ this.shouldDisplayChatAboutThisPageButton_ = false;
+ this.shouldUseCurrentPageContentAsChatContext_ = true;
+ } else if (action === ActionOnExtractedContent.RemoveFromUsingAsContext) {
+ this.shouldDisplayChatAboutThisPageButton_ = true;
+ this.shouldUseCurrentPageContentAsChatContext_ = false;
+ }
+ this.$.promptInput.focusInput();
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = false;
+ }
+
+ protected stripUrlProtocol_(url: string = ''): string {
+ const PROTOCOL_REGEX = /^https?:\/\//;
+ return url ? url.replace(PROTOCOL_REGEX, '') : '';
+ }
+
+ protected onActionMenuItemClick_(e: CustomEvent<{ actionType: ActionType, actionParam: string }>) {
+ this.onSubmitAction_(e.detail.actionType, e.detail.actionParam);
+ }
+
+ protected onSubmitAction_(actionType: ActionType, actionParam: string = '') {
+ const title = this.siteInfo_.title ?? "";
+ const url = this.stripUrlProtocol_(this.siteInfo_.url ?? "");
+ const response = "";
+ if (this.conversations_ != null) {
+ if (actionType == ActionType.SUMMARIZE_PAGE) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ this.conversations_.push({
+ query: loadTimeData.getString('promptSummarizeThisPage'),
+ shouldDisplaySiteInfo: true,
+ title,
+ url,
+ response,
+ });
+ } else if (actionType == ActionType.EXPLAIN) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ this.conversations_.push({
+ query: loadTimeData.getString('promptExplainInSimpleLanguage'),
+ shouldDisplaySiteInfo: true,
+ title,
+ url,
+ response,
+ });
+ } else if (actionType == ActionType.FACT_CHECK) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ this.conversations_.push({
+ query: loadTimeData.getString('promptFactCheck'),
+ shouldDisplaySiteInfo: true,
+ title,
+ url,
+ response,
+ });
+ } else if (actionType == ActionType.TRANSLATE) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ this.conversations_.push({
+ query: loadTimeData.getString('promptTranslate') + ' ' + actionParam,
+ shouldDisplaySiteInfo: true,
+ title,
+ url,
+ response,
+ });
+ } else if (actionType == ActionType.DRAFT_SOCIAL_MEDIA_POST) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ this.conversations_.push({
+ query: loadTimeData.getString('promptSocialMediaPost') + ' ' + actionParam,
+ shouldDisplaySiteInfo: true,
+ title,
+ url,
+ response,
+ });
+ } else {
+ // this branch should not be reached
+ this.conversations_.push({
+ query: "",
+ shouldDisplaySiteInfo: false,
+ title,
+ url,
+ response,
+ });
+ }
+ }
+ this.isSubmittingQuery_ = true;
+ setTimeout(() => this.chatApiProxy_.submitAction(actionType, actionParam), 0);
+ }
+
+ protected onPromptInputChange_(e: CustomEvent<{ value: string }>) {
+ this.query_ = e.detail.value;
+
+ if (this.query_.length > this.maxPromptInputLength_) {
+ this.exceedMaxTokenCountErrorMessages_ = loadTimeData.getString("promptExceedMaxTokenCount") + " - " + this.query_.length + "/" + this.maxPromptInputLength_ + ".";
+ this.hasExceededMaxTokenCount_ = true;
+ } else {
+ this.exceedMaxTokenCountErrorMessages_ = "";
+ this.hasExceededMaxTokenCount_ = false;
+ }
+ }
+
+ protected onSetAndSubmitQuery_(e: CustomEvent<{ value: string }>) {
+ this.query_ = e.detail.value;
+ if (this.query_ !== "" && !this.hasExceededMaxTokenCount_) {
+ this.onSubmitQuery_();
+ }
+
+ // hide site info from prompt input because it's obvious that the content of currently opening site will be used as context
+ if ((this.siteInfo_.url != undefined && this.siteInfo_.url.length > 0) && this.siteInfo_.isContentUsableInConversations) {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = true;
+ } else {
+ this.shouldHideSiteInfoContainerDueToKnownContext_ = false;
+ }
+ }
+
+ protected onSubmitQuery_() {
+ if (this.completionResult_ && this.completionResult_.length > 0) {
+ if (this.conversations_ != null) {
+ if (this.conversations_.length == 0) {
+ this.conversations_.push({
+ query: this.query_ ?? "",
+ shouldDisplaySiteInfo: false,
+ title: this.siteInfo_.title ?? "",
+ url: this.siteInfo_.url ?? "",
+ response: marked.parse(this.completionResult_, {async: false}),
+ });
+ } else {
+ const lastIndex = this.conversations_.length - 1;
+ const lastConversation = this.conversations_[lastIndex];
+ if (lastConversation) {
+ lastConversation.response = marked.parse(this.completionResult_, {async: false});
+ }
+ }
+ }
+ }
+ this.completionResult_ = "";
+ this.submittedQuery_ = this.query_;
+ this.conversations_.push({
+ query: this.query_ ?? "",
+ shouldDisplaySiteInfo: false,
+ title: this.siteInfo_.title ?? "",
+ url: this.siteInfo_.url ?? "",
+ response: ""
+ });
+ this.query_ = "";
+ this.$.promptInput.resetToAutoHeight();
+ this.$.promptInput.focusInput();
+
+ this.isSubmittingQuery_ = true;
+
+ const conversation_history: ConversationItem[] = [];
+ for (let i = this.conversations_.length - 1; i >= 0; i--) {
+ const conversation = this.conversations_[i];
+ if (conversation != undefined && conversation.query.length > 0 && conversation.response.length > 0 && conversation_history.length <= 3) {
+ conversation_history.push({
+ userQuery: conversation.query,
+ llmResponse: conversation.response,
+ })
+ }
+ }
+
+ setTimeout(() =>
+ this.chatApiProxy_.submitQuery(
+ ActionType.QUERY,
+ this.submittedQuery_ ?? "",
+ this.shouldUseCurrentPageContentAsChatContext_ ? (this.siteInfo_.url || "") : "", conversation_history.reverse()), 0);
+ }
+
+ protected onCancelQuery_() {
+ this.query_ = "";
+ this.submittedQuery_ = "";
+ this.isSubmittingQuery_ = false;
+ this.$.promptInput.resetToAutoHeight();
+ this.$.promptInput.focusInput();
+ setTimeout(() => this.chatApiProxy_.cancelQuery(), 0);
+ }
+
+ protected openUrl_(url: string, modifiers: ClickModifiers) {
+ this.chatApiProxy_.openUrl(url, modifiers);
+ }
+
+ refreshColorCss() {
+ const updater = ColorChangeUpdater.forDocument();
+ updater.start();
+ updater.refreshColorsCss();
+ }
+
+ override connectedCallback() {
+ super.connectedCallback();
+ window.addEventListener('load', this.refreshColorCss);
+ setTimeout(async () => {
+ this.chatApiProxy_.showUI();
+ const {siteInfo} = await this.chatApiProxy_.getSiteInfo();
+ await this.updateSiteInfo(siteInfo);
+ }, 0);
+
+ this.listenerIds_.push(
+ this.chatApiProxy_.getCallbackRouter().onSiteInfoChanged.addListener(
+ (siteInfo: SiteInfo) => this.updateSiteInfo(siteInfo)),
+ this.chatApiProxy_.getCallbackRouter().onSubmitActionResponse.addListener(
+ (response: ActionResponse) => this.updateSubmitResponse(response))
+ );
+ }
+
+ override disconnectedCallback() {
+ super.disconnectedCallback();
+
+ window.removeEventListener('load', this.refreshColorCss);
+ this.listenerIds_.forEach(
+ id => this.chatApiProxy_.getCallbackRouter().removeListener(id));
+ }
+
+}
+
+declare global {
+ interface HTMLElementTagNameMap {
+ 'chat-app': ChatAppElement;
+ }
+}
+
+customElements.define(ChatAppElement.is, ChatAppElement);
\ No newline at end of file
diff --git a/chrome/browser/resources/side_panel/chat/chat_prompt_input.css b/chrome/browser/resources/side_panel/chat/chat_prompt_input.css
new file mode 100644
index 00000000000000..173a2aad293b6e
--- /dev/null
+++ b/chrome/browser/resources/side_panel/chat/chat_prompt_input.css
@@ -0,0 +1,42 @@
+/* #css_wrapper_metadata_start
+ * #type=style-lit
+ * #import=../chat_prompt_input.css.js
+ * #scheme=relative
+ * #css_wrapper_metadata_end */
+
+#input {
+ display: block;
+ resize: none;
+ line-height: 1.5em;
+ border: none;
+ outline: none;
+ padding: 0;
+ margin: 0;
+ font-weight: 400;
+ box-shadow: none;
+ height: 1lh;
+ min-height: 1lh;
+ font-family: 'Roboto', 'Arial', sans-serif;
+ width: 100%;
+ color: var(--color-yep-chat-primary-text);
+ background: var(--color-yep-chat-prompt-background);
+ border-radius: 0;
+ overflow-y: auto;
+}
+
+#input:disabled {
+ cursor: wait;
+ opacity: 0.5;
+}
+
+#input::-webkit-scrollbar {
+ width: 8px;
+ background-color: transparent;
+}
+
+#input::-webkit-scrollbar-thumb {
+ background-color: var(--color-yep-chat-site-info-vertical-bar-background);
+ background-clip: content-box;
+ border: solid 1.5px transparent;
+ border-radius: 100px;
+}
diff --git a/chrome/browser/resources/side_panel/chat/chat_prompt_input.html.ts b/chrome/browser/resources/side_panel/chat/chat_prompt_input.html.ts
new file mode 100644
index 00000000000000..8d18b72c574185
--- /dev/null
+++ b/chrome/browser/resources/side_panel/chat/chat_prompt_input.html.ts
@@ -0,0 +1,21 @@
+import {html, nothing} from '//resources/lit/v3_0/lit.rollup.js';
+import type {ChatPromptInputElement} from './chat_prompt_input.js';
+
+export function getHtml(this: ChatPromptInputElement) {
+ return html`
+ `;
+}
diff --git a/chrome/browser/resources/side_panel/chat/chat_prompt_input.ts b/chrome/browser/resources/side_panel/chat/chat_prompt_input.ts
new file mode 100644
index 00000000000000..836cf399290979
--- /dev/null
+++ b/chrome/browser/resources/side_panel/chat/chat_prompt_input.ts
@@ -0,0 +1,182 @@
+import type {PropertyValues} from '//resources/lit/v3_0/lit.rollup.js';
+import {CrLitElement} from '//resources/lit/v3_0/lit.rollup.js';
+import {getCss} from './chat_prompt_input.css.js';
+import {getHtml} from './chat_prompt_input.html.js';
+
+export interface ChatPromptInputElement {
+ $: {
+ input: HTMLTextAreaElement,
+ };
+}
+
+export class ChatPromptInputElement extends CrLitElement {
+ static get is() {
+ return 'chat-prompt-input';
+ }
+
+ static override get styles() {
+ return getCss();
+ }
+
+ override render() {
+ return getHtml.bind(this)();
+ }
+
+ static override get properties() {
+ return {
+ autofocus: {
+ type: Boolean,
+ reflect: true,
+ },
+
+ disabled: {
+ type: Boolean,
+ reflect: true,
+ },
+
+ required: {
+ type: Boolean,
+ reflect: true,
+ },
+
+ maxlength: {type: Number},
+
+ readonly: {
+ type: Boolean,
+ reflect: true,
+ },
+
+ rows: {
+ type: Number,
+ reflect: true,
+ },
+
+ /**
+ * Text inside the text area. If the text exceeds the bounds of the text
+ * area, i.e. if it has more than |rows| lines, a scrollbar is shown by
+ * default when autogrow is not set.
+ */
+ value: {
+ type: String,
+ notify: true,
+ },
+
+ internalValue_: {
+ type: String,
+ state: true,
+ },
+
+ placeholder: {type: String},
+ };
+ }
+
+ override autofocus: boolean = false;
+ disabled: boolean = false;
+ readonly: boolean = false;
+ required: boolean = false;
+ rows: number = 1;
+ maxlength?: number;
+ value: string = '';
+ placeholder: string = '';
+ protected internalValue_: string = '';
+
+ override willUpdate(changedProperties: PropertyValues
+
+
+
+
+
+
+
+ ${this.title_}
+
+
+
+
+ ${
+ this.conversations_.map((conversation, _) => {
+ return conversation.query.length > 0
+ ? html`
+ ${conversation.shouldDisplaySiteInfo ? html`
+
+
+ ${getQueryPromptSection(conversation.query)}
+ ` : html`
+
+ ${getQueryPromptSection(conversation.query)}
+ `
+ }
+ ${getConversationResponseElement.bind(this)(conversation)}`
+ :
+ html`${getConversationResponseElement.bind(this)(conversation)}`
+ })
+ }
+
+
+
+
+ ${getSiteInfoOrAddChatAboutThisPage.bind(this)()}
+
+ ${this.hasExceededMaxTokenCount_
+ ? html`
+
+
+
+
+
+
+
+ ${this.exceedMaxTokenCountErrorMessages_}
`
+ : html``}
+ ${this.hasErrorOccurred_
+ ? html`
+ ${this.errorMessage_}
`
+ : html``
+ }
+ '
+ + (escaped ? code : escape(code, true))
+ + ''
+ + (escaped ? code : escape(code, true))
+ + '\n${body}\n`; + } + html({ text }) { + return text; + } + heading({ tokens, depth }) { + return `
\n'; + } + list(token) { + const ordered = token.ordered; + const start = token.start; + let body = ''; + for (let j = 0; j < token.items.length; j++) { + const item = token.items[j]; + body += this.listitem(item); + } + const type = ordered ? 'ol' : 'ul'; + const startAttr = (ordered && start !== 1) ? (' start="' + start + '"') : ''; + return '<' + type + startAttr + '>\n' + body + '\n'; + } + listitem(item) { + let itemBody = ''; + if (item.task) { + const checkbox = this.checkbox({ checked: !!item.checked }); + if (item.loose) { + if (item.tokens[0]?.type === 'paragraph') { + item.tokens[0].text = checkbox + ' ' + item.tokens[0].text; + if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === 'text') { + item.tokens[0].tokens[0].text = checkbox + ' ' + escape(item.tokens[0].tokens[0].text); + item.tokens[0].tokens[0].escaped = true; + } + } + else { + item.tokens.unshift({ + type: 'text', + raw: checkbox + ' ', + text: checkbox + ' ', + escaped: true, + }); + } + } + else { + itemBody += checkbox + ' '; + } + } + itemBody += this.parser.parse(item.tokens, !!item.loose); + return `
${this.parser.parseInline(tokens)}
\n`; + } + table(token) { + let header = ''; + // header + let cell = ''; + for (let j = 0; j < token.header.length; j++) { + cell += this.tablecell(token.header[j]); + } + header += this.tablerow({ text: cell }); + let body = ''; + for (let j = 0; j < token.rows.length; j++) { + const row = token.rows[j]; + cell = ''; + for (let k = 0; k < row.length; k++) { + cell += this.tablecell(row[k]); + } + body += this.tablerow({ text: cell }); + } + if (body) + body = `${body}`; + return '${escape(text, true)}`;
+ }
+ br(token) {
+ return ''; + } + del({ tokens }) { + return `
An error occurred:
' + + escape(e.message + '', true) + + ''; + if (async) { + return Promise.resolve(msg); + } + return msg; + } + if (async) { + return Promise.reject(e); + } + throw e; + }; + } +} + +const markedInstance = new Marked(); +function marked(src, opt) { + return markedInstance.parse(src, opt); +} +/** + * Sets the default options. + * + * @param options Hash of options + */ +marked.options = + marked.setOptions = function (options) { + markedInstance.setOptions(options); + marked.defaults = markedInstance.defaults; + changeDefaults(marked.defaults); + return marked; + }; +/** + * Gets the original marked default options. + */ +marked.getDefaults = _getDefaults; +marked.defaults = _defaults; +/** + * Use Extension + */ +marked.use = function (...args) { + markedInstance.use(...args); + marked.defaults = markedInstance.defaults; + changeDefaults(marked.defaults); + return marked; +}; +/** + * Run callback for every token + */ +marked.walkTokens = function (tokens, callback) { + return markedInstance.walkTokens(tokens, callback); +}; +/** + * Compiles markdown to HTML without enclosing `p` tag. + * + * @param src String of markdown source to be compiled + * @param options Hash of options + * @return String of compiled HTML + */ +marked.parseInline = markedInstance.parseInline; +/** + * Expose + */ +marked.Parser = _Parser; +marked.parser = _Parser.parse; +marked.Renderer = _Renderer; +marked.TextRenderer = _TextRenderer; +marked.Lexer = _Lexer; +marked.lexer = _Lexer.lex; +marked.Tokenizer = _Tokenizer; +marked.Hooks = _Hooks; +marked.parse = marked; +const options = marked.options; +const setOptions = marked.setOptions; +const use = marked.use; +const walkTokens = marked.walkTokens; +const parseInline = marked.parseInline; +const parse = marked; +const parser = _Parser.parse; +const lexer = _Lexer.lex; + +export { _Hooks as Hooks, _Lexer as Lexer, Marked, _Parser as Parser, _Renderer as Renderer, _TextRenderer as TextRenderer, _Tokenizer as Tokenizer, _defaults as defaults, _getDefaults as getDefaults, lexer, marked, options, parse, parseInline, parser, setOptions, use, walkTokens }; +//# sourceMappingURL=marked.esm.js.map diff --git a/chrome/browser/resources/side_panel/reading_list/reading_list_app.ts b/chrome/browser/resources/side_panel/reading_list/reading_list_app.ts index 87debbe4418a69..9b26ac5a4898a5 100644 --- a/chrome/browser/resources/side_panel/reading_list/reading_list_app.ts +++ b/chrome/browser/resources/side_panel/reading_list/reading_list_app.ts @@ -59,9 +59,9 @@ export class ReadingListAppElement extends ReadingListAppElementBase { static override get properties() { return { - unreadItems_: {type: Array}, - readItems_: {type: Array}, - currentPageActionButtonState_: {type: Number}, + unreadItems_: {type: Array}, + readItems_: {type: Array}, + currentPageActionButtonState_: {type: Number}, buttonRipples: {type: Boolean}, loadingContent_: {type: Boolean}, }; diff --git a/chrome/browser/resources/webui_gallery/demos/cr_icons/cr_icons_demo.html.ts b/chrome/browser/resources/webui_gallery/demos/cr_icons/cr_icons_demo.html.ts index ed7d70b7ce3950..584f6dd6af8dfd 100644 --- a/chrome/browser/resources/webui_gallery/demos/cr_icons/cr_icons_demo.html.ts +++ b/chrome/browser/resources/webui_gallery/demos/cr_icons/cr_icons_demo.html.ts @@ -31,7 +31,9 @@ export function getHtml(this: CrIconsDemoElement) {
-
+#include