feat(lang): es6 import of a language file

[eranshmil]

Description

A temporary solution to enable es6 import of the language files.
Related issue: #5092

How to use:

import es from 'video.js/dist/lang/es.json';

videojs(element, {
  language: 'es',
  languages: {
    es
  }
});

If you use typescript, you need to add the following compilerOptions to the tsconfig:

"resolveJsonModule": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true

Specific Changes proposed

Add a grunt task to copy all json files to dist/lang directory.

Requirements Checklist

• Feature implemented / Bug fixed
• If necessary, more likely in a feature request than a bug fix
  • Change has been verified in an actual browser (Chome, Firefox, IE)
  • Unit Tests updated or fixed
  • Docs/guides updated
  • Example created (starter template on JSBin)
• Reviewed by Two Core Contributors

[welcome]

💖 Thanks for opening this pull request! 💖

Things that will help get your PR across the finish line:

• Run npm run lint -- --errors locally to catch formatting errors earlier.
• Include tests when adding/changing behavior.
• Include screenshots and animated GIFs whenever possible.

We get a lot of pull requests on this repo, so please be patient and we will get back to you as soon as we can.

[gkatsev]

This may be a reasonable workaround. Is importing JSON something that's actively supported? Or is that why you mention the need to enable it in TS?

[eranshmil]

It's supported.
Tested using this boilerplate: https://github.com/metagrover/ES6-boilerplate

[gkatsev]

Looking at the standard itself, it doesn't support importing JSON directly. However, this may be a decent workaround until we figure out a better way of supporting ESM directly.

[eranshmil]

This is the quickest patch, the longer one is to create another directory with module.exports js files.
I guess I can make a patch directly in the grunt-videojs-languages package.
This is also not the best approach, but it's also won't take a lot of time.

What do you think?

[gkatsev]

Yeah, I think this is fine.

[gkatsev]

Going to merge even though the tests are failing as it's unrelated and may not be an issue in master. We're still investigating why the tests are failing.

[welcome]

Congrats on merging your first pull request! 🎉🎉🎉