@instructure/canvas-rce 7.0.0 → 7.3.0

package/es/translations/locales/zh.js

@@ -301,12 +301,6 @@ const locale = {
   "clear_image_3213fe62": {
     "message": "清除图片"
   },
-  "clear_selected_file_82388e50": {
-    "message": "清除所选文件"
-  },
-  "clear_selected_file_filename_2fe8a58e": {
-    "message": "清除所选文件：{ filename }"
-  },
   "click_or_shift_click_for_the_html_editor_25d70bb4": {
     "message": "单击或按住 shift 并单击 html 编辑器。"
   },
@@ -400,6 +394,9 @@ const locale = {
   "content_type_2cf90d95": {
     "message": "内容类型"
   },
+  "continue_to_youtube_content_a34f0f85": {
+    "message": "继续前往 YouTube 内容"
+  },
   "coproduct_e7838082": {
     "message": "余积"
   },
@@ -499,6 +496,9 @@ const locale = {
   "decrease_indent_d9cf469d": {
     "message": "减少缩进"
   },
+  "decrease_rich_content_area_82068f64": {
+    "message": "减小富内容区域"
+  },
   "deep_purple_bb3e2907": {
     "message": "深紫色"
   },
@@ -1081,6 +1081,9 @@ const locale = {
   "increase_indent_6af90f7c": {
     "message": "增加缩进"
   },
+  "increase_rich_content_area_340b775": {
+    "message": "增大富内容区域"
+  },
   "indefinite_integral_6623307e": {
     "message": "不定积分"
   },
@@ -1123,6 +1126,9 @@ const locale = {
   "intersection_cd4590e4": {
     "message": "相交"
   },
+  "invalid_description_991e23bb": {
+    "message": "无效的描述"
+  },
   "invalid_entry_f7d2a0f5": {
     "message": "无效的输入。"
   },
@@ -1690,9 +1696,21 @@ const locale = {
   "please_allow_canvas_to_access_your_microphone_and__dc2c3079": {
     "message": "请允许 Canvas 访问您的麦克风和网络摄像头。"
   },
+  "please_choose_a_file_c2449cc": {
+    "message": "请选择文件"
+  },
   "please_decribe_what_you_would_like_to_compose_27a51be5": {
     "message": "请描述您要撰写的内容。"
   },
+  "please_enter_a_file_name_f159edc1": {
+    "message": "请输入一个文件名"
+  },
+  "please_enter_a_valid_video_url_from_a_supported_pl_30dc0596": {
+    "message": "请输入来自支持的平台的有效的视频 URL。"
+  },
+  "please_select_a_file_of_a_supported_type_1fc578f2": {
+    "message": "请选择支持类型的文件"
+  },
   "plus_d43cd4ec": {
     "message": "加号"
   },
@@ -1807,6 +1825,12 @@ const locale = {
   "religion_icon_246e0be1": {
     "message": "宗教图标"
   },
+  "remove_f47dc62a": {
+    "message": "移除"
+  },
+  "remove_filename_3ea029f6": {
+    "message": "移除 { filename }"
+  },
   "remove_heading_style_5fdc8855": {
     "message": "删除标题样式"
   },
@@ -2242,8 +2266,11 @@ const locale = {
   "the_first_heading_on_a_page_should_be_an_h2_859089f2": {
     "message": "页面上的第一个标题应该是H2。"
   },
-  "the_following_content_is_partner_provided_ed1da756": {
-    "message": "以下内容由合作伙伴提供"
+  "the_height_of_rich_content_area_is_decreased_36920e0": {
+    "message": "富内容区域的高度减小。"
+  },
+  "the_height_of_rich_content_area_is_increased_74c2358d": {
+    "message": "富内容区域的高度增大。"
   },
   "the_material_is_in_the_public_domain_279c39a3": {
     "message": "材料在公开域中"
@@ -2254,9 +2281,6 @@ const locale = {
   "the_material_is_subject_to_an_exception_e_g_fair_u_a39c8ca2": {
     "message": "材料有例外情况——例如，合理使用、引用权，或版权法规定的其他适用的情况"
   },
-  "the_preceding_content_is_partner_provided_d753928c": {
-    "message": "以上内容由合作伙伴提供"
-  },
   "the_pretty_html_editor_is_not_keyboard_accessible__d6d5d2b": {
     "message": "无法通过键盘访问精美 HTML 编辑器。按 Shift O 打开原始 HTML 编辑器。"
   },
@@ -2296,6 +2320,9 @@ const locale = {
   "this_image_is_currently_unavailable_25c68857": {
     "message": "该图像目前不可用"
   },
+  "this_video_may_display_youtube_ads_4d19d590": {
+    "message": "此视频可能展示 YouTube 广告。"
+  },
   "though_your_video_will_have_the_correct_title_in_t_90e427f3": {
     "message": "虽然您的视频在浏览器里会有正确标题，但我们无法在数据库里更新。"
   },
@@ -2518,6 +2545,9 @@ const locale = {
   "video_player_for_title_ffd9fbc4": {
     "message": "{ title }的视频播放器"
   },
+  "video_url_889d3263": {
+    "message": "视频 URL"
+  },
   "view_all_e13bf0a6": {
     "message": "查看全部"
   },
@@ -2632,6 +2662,9 @@ const locale = {
   "your_webcam_may_already_be_in_use_6cd64c25": {
     "message": "您的网络摄像头可能正在使用中。"
   },
+  "youtube_embed_url_5c1018d4": {
+    "message": "YouTube 嵌入 URL"
+  },
   "zeta_5ef24f0e": {
     "message": "Zeta"
   },

package/es/translations/locales/zh_HK.js

@@ -301,12 +301,6 @@ const locale = {
   "clear_image_3213fe62": {
     "message": "清除影像"
   },
-  "clear_selected_file_82388e50": {
-    "message": "清除所選擇的檔案"
-  },
-  "clear_selected_file_filename_2fe8a58e": {
-    "message": "清除所選擇的檔案：{ filename }"
-  },
   "click_or_shift_click_for_the_html_editor_25d70bb4": {
     "message": "點擊或按住 Shift 點擊調出 html 編輯器。"
   },
@@ -400,6 +394,9 @@ const locale = {
   "content_type_2cf90d95": {
     "message": "內容類型"
   },
+  "continue_to_youtube_content_a34f0f85": {
+    "message": "繼續觀看 YouTube 內容"
+  },
   "coproduct_e7838082": {
     "message": "副產品"
   },
@@ -499,6 +496,9 @@ const locale = {
   "decrease_indent_d9cf469d": {
     "message": "減少縮排"
   },
+  "decrease_rich_content_area_82068f64": {
+    "message": "減少多種格式的內容區域"
+  },
   "deep_purple_bb3e2907": {
     "message": "深紫色"
   },
@@ -1081,6 +1081,9 @@ const locale = {
   "increase_indent_6af90f7c": {
     "message": "增加縮進"
   },
+  "increase_rich_content_area_340b775": {
+    "message": "增加多種格式的內容區域"
+  },
   "indefinite_integral_6623307e": {
     "message": "無限積分"
   },
@@ -1123,6 +1126,9 @@ const locale = {
   "intersection_cd4590e4": {
     "message": "交集"
   },
+  "invalid_description_991e23bb": {
+    "message": "無效的描述"
+  },
   "invalid_entry_f7d2a0f5": {
     "message": "無效的輸入項目。"
   },
@@ -1690,9 +1696,21 @@ const locale = {
   "please_allow_canvas_to_access_your_microphone_and__dc2c3079": {
     "message": "請允許 Canvas 存取您的麥克風和網路攝影機。"
   },
+  "please_choose_a_file_c2449cc": {
+    "message": "請選擇一個檔案"
+  },
   "please_decribe_what_you_would_like_to_compose_27a51be5": {
     "message": "請描述您想創作什麼。"
   },
+  "please_enter_a_file_name_f159edc1": {
+    "message": "請輸入一個檔案名稱"
+  },
+  "please_enter_a_valid_video_url_from_a_supported_pl_30dc0596": {
+    "message": "請輸入受支援平台的有效影片 URL。"
+  },
+  "please_select_a_file_of_a_supported_type_1fc578f2": {
+    "message": "請選取支援類型的檔案"
+  },
   "plus_d43cd4ec": {
     "message": "+"
   },
@@ -1807,6 +1825,12 @@ const locale = {
   "religion_icon_246e0be1": {
     "message": "宗教圖示"
   },
+  "remove_f47dc62a": {
+    "message": "移除"
+  },
+  "remove_filename_3ea029f6": {
+    "message": "移除 { filename }"
+  },
   "remove_heading_style_5fdc8855": {
     "message": "移除標題樣式"
   },
@@ -2242,8 +2266,11 @@ const locale = {
   "the_first_heading_on_a_page_should_be_an_h2_859089f2": {
     "message": "頁面的第一個標題應該是 H2。"
   },
-  "the_following_content_is_partner_provided_ed1da756": {
-    "message": "以下內容由合作夥伴提供"
+  "the_height_of_rich_content_area_is_decreased_36920e0": {
+    "message": "多種格式的內容區域的高度已減少。"
+  },
+  "the_height_of_rich_content_area_is_increased_74c2358d": {
+    "message": "多種格式的內容區域的高度已增加。"
   },
   "the_material_is_in_the_public_domain_279c39a3": {
     "message": "該材料位於公用網域中。"
@@ -2254,9 +2281,6 @@ const locale = {
   "the_material_is_subject_to_an_exception_e_g_fair_u_a39c8ca2": {
     "message": "可能有適用於此資料的例外情況 - 如：合理使用、引用權，或適用版權法下的其他情況"
   },
-  "the_preceding_content_is_partner_provided_d753928c": {
-    "message": "上述內容由合作夥伴提供"
-  },
   "the_pretty_html_editor_is_not_keyboard_accessible__d6d5d2b": {
     "message": "美觀 HTML 編輯器無法用鍵盤存取。按 ShiftO 開啟原始 HTML 編輯器。"
   },
@@ -2296,6 +2320,9 @@ const locale = {
   "this_image_is_currently_unavailable_25c68857": {
     "message": "此圖像目前不可用"
   },
+  "this_video_may_display_youtube_ads_4d19d590": {
+    "message": "此影片可能會顯示 YouTube 廣告。"
+  },
   "though_your_video_will_have_the_correct_title_in_t_90e427f3": {
     "message": "雖然您的影片在瀏覽器中有正確的標題，但我們無法在資料庫中將其更新。"
   },
@@ -2518,6 +2545,9 @@ const locale = {
   "video_player_for_title_ffd9fbc4": {
     "message": "{ title } 的影片播放器"
   },
+  "video_url_889d3263": {
+    "message": "影片網址"
+  },
   "view_all_e13bf0a6": {
     "message": "全部檢視"
   },
@@ -2632,6 +2662,9 @@ const locale = {
   "your_webcam_may_already_be_in_use_6cd64c25": {
     "message": "您的網路攝影機可能已在使用中。"
   },
+  "youtube_embed_url_5c1018d4": {
+    "message": "YouTube 嵌入網址"
+  },
   "zeta_5ef24f0e": {
     "message": "θ"
   },

package/es/util/contextHelper.d.ts

@@ -0,0 +1,7 @@
+type ContainingContext = {
+    contextType: string;
+    contextId: string;
+    userId: string;
+};
+export declare const normalizeContainingContext: (context?: ContainingContext) => ContainingContext | undefined;
+export {};

package/{testcafe/axe.test.js → es/util/contextHelper.js}

@@ -1,5 +1,5 @@
 /*
- * Copyright (C) 2019 - present Instructure, Inc.
+ * Copyright (C) 2025 - present Instructure, Inc.
  *
  * This file is part of Canvas.
  *
@@ -15,25 +15,14 @@
  * You should have received a copy of the GNU Affero General Public License along
  * with this program. If not, see <http://www.gnu.org/licenses/>.
  */
-import {axeCheck, createReport} from 'axe-testcafe'
-fixture`aXe a11y checking`.page`./testcafe.html`
 
-async function runAxeCheck(t, context, options) {
-  const {violations} = await axeCheck(t, context, options)
-  if (violations) {
-    await t.expect(violations.length === 0).ok(createReport(violations))
+export const normalizeContainingContext = context => {
+  if (context && !['user', 'course', 'group'].includes(context.contextType)) {
+    return {
+      ...context,
+      contextType: 'user',
+      contextId: context.userId
+    };
   }
-}
-
-test('automated a11y testing', async t => {
-  const axeContext = {
-    include: 'body',
-  }
-  const axeOptions = {
-    runOnly: {
-      type: 'tag',
-      values: ['wcag21a', 'wcag21aa', 'best-practice', 'section508'],
-    },
-  }
-  await runAxeCheck(t, axeContext, axeOptions)
-})
+  return context;
+};

package/es/util/loadingPlaceholder.js

@@ -33,11 +33,11 @@ export async function placeholderInfoFor(fileMetaProps) {
   const ariaLabel = formatMessage('Loading placeholder for {fileName}', {
     fileName: fileName !== null && fileName !== void 0 ? fileName : 'unknown filename'
   });
-  if (typeof fileMetaProps.contentType !== 'string') {
-    throw new Error('Invalid fileMetaProps.contentType');
-  }
   const type = fileMetaProps.contentType || fileMetaProps.type;
-  if (isImage(fileMetaProps.contentType) && fileMetaProps.displayAs !== 'link') {
+  if (typeof type !== 'string') {
+    throw new Error('Invalid type: ' + type);
+  }
+  if (isImage(type) && fileMetaProps.displayAs !== 'link') {
     var _trimmedOrNull2;
     const imageUrl = (_trimmedOrNull2 = trimmedOrNull(fileMetaProps.domObject.preview)) !== null && _trimmedOrNull2 !== void 0 ? _trimmedOrNull2 : URL.createObjectURL(fileMetaProps.domObject);
     return new Promise((resolve, reject) => {
@@ -54,7 +54,7 @@ export async function placeholderInfoFor(fileMetaProps) {
       image.onerror = () => reject(new Error('Failed to load image: ' + imageUrl));
       image.src = imageUrl;
     });
-  } else if (typeof type === 'string' && isVideo(type)) {
+  } else if (isVideo(type)) {
     const videoSize = videoDefaultSize();
     return {
       type: 'block',
@@ -64,7 +64,7 @@ export async function placeholderInfoFor(fileMetaProps) {
       height: videoSize.height,
       vAlign: 'bottom'
     };
-  } else if (typeof type === 'string' && isAudio(type)) {
+  } else if (isAudio(type)) {
     return {
       type: 'block',
       visibleLabel,
@@ -159,7 +159,7 @@ export async function insertPlaceholder(editor, unencodedName, placeholderInfoPr
     const labelElem = editor.dom.doc.createElement('div');
     placeholderElem.appendChild(labelElem);
     Object.assign(labelElem.style, {
-      color: '#2D3B45',
+      color: '#273540',
       zIndex: '1000',
       /* Restrict text to one line */
       display: 'inline-block',
@@ -179,7 +179,7 @@ export async function insertPlaceholder(editor, unencodedName, placeholderInfoPr
           padding: '5px',
           verticalAlign: 'baseline',
           gap: '8px',
-          backgroundColor: '#F5F5F5'
+          backgroundColor: '#F2F4F4'
         });
         break;
       case 'block':
@@ -299,8 +299,8 @@ function spinnerSvg(size, labelId) {
 					position: relative;
 					box-sizing: border-box;
 					overflow: hidden;
-					--Spinner-trackColor: #F5F5F5;
-					--Spinner-color: #0374B5;
+					--Spinner-trackColor: #F2F4F4;
+					--Spinner-color: #2B7ABC;
 					--Spinner-xSmallSize: 1.5em;
 					--Spinner-xSmallBorderWidth: 0.25em;
 					--Spinner-smallSize: 3em;
@@ -309,7 +309,7 @@ function spinnerSvg(size, labelId) {
 					--Spinner-mediumBorderWidth: 0.5em;
 					--Spinner-largeSize: 7em;
 					--Spinner-largeBorderWidth: 0.75em;
-					--Spinner-inverseColor: #0374B5;
+					--Spinner-inverseColor: #2B7ABC;
 				}
 
 				.Spinner-circleTrack {

package/eslint.config.js

@@ -14,17 +14,10 @@ const pluginJest = require('eslint-plugin-jest')
 module.exports = tseslint.config(
   // General
   {
-    files: ['src/**/*.ts', 'testcafe/**/*.{js,mjs,ts,jsx,tsx}'],
+    files: ['src/**/*.ts'],
   },
   {
-    ignores: [
-      'es/**/*',
-      './src/translations/*/*',
-      'scripts',
-      'packages/canvas-rce/webpack.testcafe.config.js',
-      'testcafe/',
-      'webpack.*.config.js',
-    ],
+    ignores: ['es/**/*', './src/translations/*/*', 'scripts', 'webpack.*.config.js'],
   },
 
   // Globals
@@ -165,11 +158,7 @@ module.exports = tseslint.config(
   // Imports
   importPlugin.flatConfigs.recommended,
   {
-    files: [
-      '__tests__/**/*.{js,mjs,ts,jsx,tsx}',
-      'src/**/*.{js,mjs,ts,jsx,tsx}',
-      'testcafe/**/*.{js,mjs,ts,jsx,tsx}',
-    ],
+    files: ['__tests__/**/*.{js,mjs,ts,jsx,tsx}', 'src/**/*.{js,mjs,ts,jsx,tsx}'],
     ignores: ['src/translations/**'],
     languageOptions: {
       ecmaVersion: 'latest',
@@ -212,17 +201,6 @@ module.exports = tseslint.config(
     },
   },
 
-  // Testcafe
-  {
-    files: ['testcafe/**/*.{js,mjs,ts,jsx,tsx}'],
-    languageOptions: {
-      globals: {
-        test: true,
-        fixture: true,
-      },
-    },
-  },
-
   // Jest
   {
     files: [

package/jest/jest-setup.js

@@ -25,6 +25,30 @@ import {TextDecoder, TextEncoder} from 'util'
 global.TextEncoder = TextEncoder
 global.TextDecoder = TextDecoder
 
+// Add fetch polyfills for msw
+require('isomorphic-fetch')
+
+// Add BroadcastChannel polyfill for msw
+if (!globalThis.BroadcastChannel) {
+  globalThis.BroadcastChannel = class BroadcastChannel {
+    constructor() {}
+    postMessage() {}
+    close() {}
+    addEventListener() {}
+    removeEventListener() {}
+  }
+}
+
+// Add TransformStream polyfill for msw
+if (!globalThis.TransformStream) {
+  globalThis.TransformStream = class TransformStream {
+    constructor() {
+      this.readable = {}
+      this.writable = {}
+    }
+  }
+}
+
 /**
  * We want to ensure errors and warnings get appropriate eyes. If
  * you are seeing an exception from here, it probably means you
@@ -59,6 +83,7 @@ const ignoredErrors = [
   /Warning: findDOMNode is deprecated and will be removed in the next major release. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https:\/\/reactjs.org\/link\/strict-mode-find-node/,
   /Warning: %s uses the legacy childContextTypes API which is no longer supported and will be removed in the next major release. Use React.createContext\(\) instead/,
   /Warning: %s uses the legacy contextTypes API which is no longer supported and will be removed in the next major release. Use React.createContext\(\) with static contextType instead./,
+  /Warning: Unknown event handler property `%s`. It will be ignored.%s/,
 ]
 const globalWarn = global.console.warn
 const ignoredWarnings = [
@@ -78,7 +103,7 @@ global.console = {
     }
     globalError(error)
     throw new Error(
-      `Looks like you have an unhandled error. Keep our test logs clean by handling or filtering it. ${error}`
+      `Looks like you have an unhandled error. Keep our test logs clean by handling or filtering it. ${error}`,
     )
   },
   warn: warning => {
@@ -87,7 +112,7 @@ global.console = {
     }
     globalWarn(warning)
     throw new Error(
-      `Looks like you have an unhandled warning. Keep our test logs clean by handling or filtering it. ${warning}`
+      `Looks like you have an unhandled warning. Keep our test logs clean by handling or filtering it. ${warning}`,
     )
   },
   info: console.info,

package/jest.config.js

@@ -18,7 +18,7 @@
 
 // Used to enable babel transformations for node_modules that use ecmascript module syntax directly
 // From https://github.com/nrwl/nx/issues/812
-const esModules = ['text-field-edit', '@instructure\\/ui-icons'].join('|')
+const esModules = ['text-field-edit', '@instructure\\/ui-icons', 'msw'].join('|')
 
 module.exports = {
   setupFiles: ['jest-canvas-mock', '<rootDir>/jest/jest-setup.js'],
@@ -43,6 +43,10 @@ module.exports = {
   modulePathIgnorePatterns: ['<rootDir>/es', '<rootDir>/canvas'],
   transformIgnorePatterns: [`/node_modules/(?!${esModules})`],
   testEnvironment: 'jsdom',
+  testEnvironmentOptions: {
+    // https://github.com/mswjs/examples/blob/main/examples/with-jest/jest.config.ts#L20
+    customExportConditions: [''],
+  },
   moduleNameMapper: {
     // jest can't import css
     '\\.(css|less)$': '<rootDir>/src/rce/__mocks__/styleMock.js',