Refactor locale scripts & generate types and docs (#3276)

Closes #3232 

### Summary

- Create `locale.js` for every plugin instead of `this.defaultLocale` in the class
- Complete refactor of locale scripts
  - No dynamic plugin class imports with hacks to mimic the environment in order to get the `defaultLocale`.
  - Separate tests and build in separate files
  - Add two modes for test file, `unused` (fails hard) and `warnings`
- Generate docs
  - Use remark to cleanly mutate the file
  - Rename some doc files to match the plugin name (such as `statusbar` --> `status-bar`)
  - Comments in `locale.js` are kept and are present in the docs as well.
- Generate types

package.json

@@ -135,7 +135,7 @@
     "build:angular": "yarn workspace @uppy/angular build:release",
     "build:js": "npm-run-all build:lib build:companion build:locale-pack build:svelte build:angular build:bundle",
     "build:lib": "yarn node ./bin/build-lib.js",
-    "build:locale-pack": "yarn node --experimental-abortcontroller ./bin/locale-packs.js build",
+    "build:locale-pack": "yarn workspace locale-pack build && eslint packages/@uppy/locales/src/en_US.js --fix && yarn workspace locale-pack test unused",
     "build": "npm-run-all --parallel build:js build:css --serial size",
     "contributors:save": "yarn node ./bin/update-contributors.mjs",
     "dev:browsersync": "yarn workspace @uppy-example/dev start",
@@ -156,7 +156,8 @@
     "test:companion": "yarn workspace @uppy/companion test",
     "test:endtoend:local": "yarn workspace @uppy-tests/end2end test:endtoend:local",
     "test:endtoend": "yarn workspace @uppy-tests/end2end test:endtoend",
-    "test:locale-packs": "yarn node ./bin/locale-packs.js test",
+    "test:locale-packs:unused": "yarn workspace locale-pack test unused",
+    "test:locale-packs:warnings": "yarn workspace locale-pack test warnings",
     "test:type": "yarn workspaces foreach -piv --include '@uppy/*' --exclude '@uppy/{angular,react-native,locales,companion,provider-views,robodog,svelte}' exec tsd",
     "test:unit": "yarn run build:lib && jest --env jsdom",
     "test:watch": "jest --env jsdom --watch",

packages/@uppy/aws-s3/src/index.js

@@ -31,6 +31,8 @@ const { RequestClient } = require('@uppy/companion-client')
 const MiniXHRUpload = require('./MiniXHRUpload')
 const isXml = require('./isXml')
 
+const locale = require('./locale')
+
 function resolveUrl (origin, link) {
   return new URL(link, origin || undefined).toString()
 }
@@ -108,11 +110,7 @@ module.exports = class AwsS3 extends BasePlugin {
     this.id = this.opts.id || 'AwsS3'
     this.title = 'AWS S3'
 
-    this.defaultLocale = {
-      strings: {
-        timedOut: 'Upload stalled for %{seconds} seconds, aborting.',
-      },
-    }
+    this.defaultLocale = locale
 
     const defaultOptions = {
       timeout: 30 * 1000,

packages/@uppy/aws-s3/src/locale.js

@@ -0,0 +1,5 @@
+module.exports = {
+  strings: {
+    timedOut: 'Upload stalled for %{seconds} seconds, aborting.',
+  },
+}

packages/@uppy/box/src/index.js

@@ -3,6 +3,8 @@ const { Provider } = require('@uppy/companion-client')
 const { ProviderViews } = require('@uppy/provider-views')
 const { h } = require('preact')
 
+const locale = require('./locale')
+
 module.exports = class Box extends UIPlugin {
   static VERSION = require('../package.json').version
 
@@ -32,11 +34,8 @@ module.exports = class Box extends UIPlugin {
       pluginId: this.id,
     })
 
-    this.defaultLocale = {
-      strings: {
-        pluginNameBox: 'Box',
-      },
-    }
+    this.defaultLocale = locale
+
     this.i18nInit()
     this.title = this.i18n('pluginNameBox')
 

packages/@uppy/box/src/locale.js

@@ -0,0 +1,5 @@
+module.exports = {
+  strings: {
+    pluginNameBox: 'Box',
+  },
+}