Bump dev

packages/ui-keyring/package.json

@@ -14,16 +14,16 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@babel/runtime": "^7.12.5",
-    "@polkadot/keyring": "^5.0.2-6",
+    "@polkadot/keyring": "^5.0.2-8",
     "@polkadot/ledger": "^0.63.2-2",
     "@polkadot/ui-settings": "0.63.2-2",
-    "@polkadot/util": "^5.0.2-6",
-    "@polkadot/x-rxjs": "^3.0.2-7",
+    "@polkadot/util": "^5.0.2-8",
+    "@polkadot/x-rxjs": "^3.0.2-9",
     "mkdirp": "^1.0.4",
     "store": "^2.0.12"
   },
   "devDependencies": {
-    "@polkadot/types": "^3.0.2-7",
+    "@polkadot/types": "^3.0.2-9",
     "@types/mkdirp": "^1.0.1",
     "@types/store": "^2.0.2"
   },

packages/ui-keyring/src/detectPackage.d.ts

@@ -1,6 +0,0 @@
-// Copyright 2017-2020 @polkadot/ui-keyring authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import packageInfo from './package-info.json';
-
-export { packageInfo };

packages/ui-keyring/src/detectPackage.js

@@ -1,10 +0,0 @@
-// Copyright 2017-2020 @polkadot/ui-keyring authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-const util = require('@polkadot/util');
-
-const packageInfo = require('./package-info.json');
-
-util.detectPackage(packageInfo, () => __dirname);
-
-exports.packageInfo = packageInfo;

packages/ui-keyring/src/detectPackage.mjs

@@ -1,10 +0,0 @@
-// Copyright 2017-2020 @polkadot/ui-keyring authors & contributors
-// SPDX-License-Identifier: Apache-2.0
-
-import { detectPackage } from '@polkadot/util';
-
-import packageInfo from './package-info.json';
-
-detectPackage(packageInfo, () => import.meta.url);
-
-export { packageInfo };

packages/ui-keyring/src/detectPackage.ts

@@ -0,0 +1,25 @@
+// Copyright 2017-2020 @polkadot/ui-keyring authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// For esm, this should be import.meta.url or to get the same behavior as __dirname, we can use
+//
+//   new URL(import.meta.url).pathname)
+//
+// The issue is the WP4 has "some" issues with import.meta.url. So because of bundlers, we can't have
+// nice things... In this case it is even worse since import.meta.url won't even make it compile, so
+// there is a complete dead end with usage thereof
+//
+// When that is fixed, a solution is to have both .js & .mjs files, with the following content -
+//
+// cjs: util.detectPackage(packageInfo, () => __dirname);
+// esm: detectPackage(packageInfo, () => import.meta.url);
+//
+// With the above we additionally need a .d.ts to just export the packageInfo
+
+import { detectPackage } from '@polkadot/util';
+
+import packageInfo from './package-info.json';
+
+detectPackage(packageInfo, typeof __dirname !== 'undefined' && __dirname);
+
+export { packageInfo };

packages/ui-keyring/src/json.d.ts

@@ -0,0 +1,11 @@
+// Copyright 2017-2020 @polkadot/util authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+// Be able to import json in TS
+// https://stackoverflow.com/questions/49996456/importing-json-file-in-typescript
+declare module '*.json' {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const value: any;
+
+  export default value;
+}