diff --git a/fixtures/incompetech-com-Agnus-Dei-X.mp3 b/fixtures/incompetech-com-Agnus-Dei-X.mp3 new file mode 100644 index 000000000000..c66d6d4bec8d Binary files /dev/null and b/fixtures/incompetech-com-Agnus-Dei-X.mp3 differ diff --git a/js/react/util/index.ts b/js/react/util/index.ts index 8a6508b6bcef..eba788b292da 100644 --- a/js/react/util/index.ts +++ b/js/react/util/index.ts @@ -12,6 +12,29 @@ import ReactDOM from 'react-dom'; import { Message } from '../conversation/Message'; import { Reply } from '../conversation/Reply'; + +// TypeScript wants two things when you import: +// 1) a normal typescript file +// 2) a javascript file with type definiitions +// Anything else will raise an error, that it can't find the module. And so, we ignore... + +// @ts-ignore +import gif from '../../../fixtures/giphy-GVNvOUpeYmI7e.gif'; +// @ts-ignore +import mp3 from '../../../fixtures/incompetech-com-Agnus-Dei-X.mp3'; +// @ts-ignore +import txt from '../../../fixtures/lorem-ipsum.txt'; +// @ts-ignore +import mp4 from '../../../fixtures/pixabay-Soap-Bubble-7141.mp4'; + +export { + mp3, + gif, + mp4, + txt, +}; + + // Required, or TypeScript complains about adding keys to window const parent = window as any; diff --git a/styleguide.config.js b/styleguide.config.js index b83872d83b54..4825bbd42c08 100644 --- a/styleguide.config.js +++ b/styleguide.config.js @@ -149,7 +149,7 @@ module.exports = { }, { // To test handling of attachments, we need arraybuffers in memory - test: /\.(gif|mp3|mp4)$/, + test: /\.(gif|mp3|mp4|txt)$/, loader: 'arraybuffer-loader', }, ],