@logto/browser 1.1.2 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/index.cjs +58 -0
- package/lib/index.js +11 -46
- package/lib/{storage.mjs → storage.cjs} +4 -1
- package/lib/storage.js +1 -4
- package/lib/utils/{generators.mjs → generators.cjs} +10 -6
- package/lib/utils/generators.js +6 -10
- package/package.json +23 -25
- package/lib/index.mjs +0 -23
package/lib/index.cjs
ADDED
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var BaseClient = require('@logto/client');
|
|
6
|
+
var storage = require('./storage.cjs');
|
|
7
|
+
var generators = require('./utils/generators.cjs');
|
|
8
|
+
|
|
9
|
+
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
+
|
|
11
|
+
var BaseClient__default = /*#__PURE__*/_interopDefault(BaseClient);
|
|
12
|
+
|
|
13
|
+
const navigate = (url) => {
|
|
14
|
+
window.location.assign(url);
|
|
15
|
+
};
|
|
16
|
+
class LogtoClient extends BaseClient__default.default {
|
|
17
|
+
constructor(config) {
|
|
18
|
+
const requester = BaseClient.createRequester(fetch);
|
|
19
|
+
super(config, {
|
|
20
|
+
requester,
|
|
21
|
+
navigate,
|
|
22
|
+
storage: new storage.BrowserStorage(config.appId),
|
|
23
|
+
generateCodeChallenge: generators.generateCodeChallenge,
|
|
24
|
+
generateCodeVerifier: generators.generateCodeVerifier,
|
|
25
|
+
generateState: generators.generateState,
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
Object.defineProperty(exports, 'LogtoClientError', {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () { return BaseClient.LogtoClientError; }
|
|
33
|
+
});
|
|
34
|
+
Object.defineProperty(exports, 'LogtoError', {
|
|
35
|
+
enumerable: true,
|
|
36
|
+
get: function () { return BaseClient.LogtoError; }
|
|
37
|
+
});
|
|
38
|
+
Object.defineProperty(exports, 'LogtoRequestError', {
|
|
39
|
+
enumerable: true,
|
|
40
|
+
get: function () { return BaseClient.LogtoRequestError; }
|
|
41
|
+
});
|
|
42
|
+
Object.defineProperty(exports, 'OidcError', {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () { return BaseClient.OidcError; }
|
|
45
|
+
});
|
|
46
|
+
Object.defineProperty(exports, 'Prompt', {
|
|
47
|
+
enumerable: true,
|
|
48
|
+
get: function () { return BaseClient.Prompt; }
|
|
49
|
+
});
|
|
50
|
+
Object.defineProperty(exports, 'ReservedScope', {
|
|
51
|
+
enumerable: true,
|
|
52
|
+
get: function () { return BaseClient.ReservedScope; }
|
|
53
|
+
});
|
|
54
|
+
Object.defineProperty(exports, 'UserScope', {
|
|
55
|
+
enumerable: true,
|
|
56
|
+
get: function () { return BaseClient.UserScope; }
|
|
57
|
+
});
|
|
58
|
+
exports.default = LogtoClient;
|
package/lib/index.js
CHANGED
|
@@ -1,58 +1,23 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var BaseClient = require('@logto/client');
|
|
6
|
-
var storage = require('./storage.js');
|
|
7
|
-
var generators = require('./utils/generators.js');
|
|
8
|
-
|
|
9
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
10
|
-
|
|
11
|
-
var BaseClient__default = /*#__PURE__*/_interopDefault(BaseClient);
|
|
1
|
+
import BaseClient, { createRequester } from '@logto/client';
|
|
2
|
+
export { LogtoClientError, LogtoError, LogtoRequestError, OidcError, Prompt, ReservedScope, UserScope } from '@logto/client';
|
|
3
|
+
import { BrowserStorage } from './storage.js';
|
|
4
|
+
import { generateCodeChallenge, generateCodeVerifier, generateState } from './utils/generators.js';
|
|
12
5
|
|
|
13
6
|
const navigate = (url) => {
|
|
14
7
|
window.location.assign(url);
|
|
15
8
|
};
|
|
16
|
-
class LogtoClient extends
|
|
9
|
+
class LogtoClient extends BaseClient {
|
|
17
10
|
constructor(config) {
|
|
18
|
-
const requester =
|
|
11
|
+
const requester = createRequester(fetch);
|
|
19
12
|
super(config, {
|
|
20
13
|
requester,
|
|
21
14
|
navigate,
|
|
22
|
-
storage: new
|
|
23
|
-
generateCodeChallenge
|
|
24
|
-
generateCodeVerifier
|
|
25
|
-
generateState
|
|
15
|
+
storage: new BrowserStorage(config.appId),
|
|
16
|
+
generateCodeChallenge,
|
|
17
|
+
generateCodeVerifier,
|
|
18
|
+
generateState,
|
|
26
19
|
});
|
|
27
20
|
}
|
|
28
21
|
}
|
|
29
22
|
|
|
30
|
-
|
|
31
|
-
enumerable: true,
|
|
32
|
-
get: function () { return BaseClient.LogtoClientError; }
|
|
33
|
-
});
|
|
34
|
-
Object.defineProperty(exports, 'LogtoError', {
|
|
35
|
-
enumerable: true,
|
|
36
|
-
get: function () { return BaseClient.LogtoError; }
|
|
37
|
-
});
|
|
38
|
-
Object.defineProperty(exports, 'LogtoRequestError', {
|
|
39
|
-
enumerable: true,
|
|
40
|
-
get: function () { return BaseClient.LogtoRequestError; }
|
|
41
|
-
});
|
|
42
|
-
Object.defineProperty(exports, 'OidcError', {
|
|
43
|
-
enumerable: true,
|
|
44
|
-
get: function () { return BaseClient.OidcError; }
|
|
45
|
-
});
|
|
46
|
-
Object.defineProperty(exports, 'Prompt', {
|
|
47
|
-
enumerable: true,
|
|
48
|
-
get: function () { return BaseClient.Prompt; }
|
|
49
|
-
});
|
|
50
|
-
Object.defineProperty(exports, 'ReservedScope', {
|
|
51
|
-
enumerable: true,
|
|
52
|
-
get: function () { return BaseClient.ReservedScope; }
|
|
53
|
-
});
|
|
54
|
-
Object.defineProperty(exports, 'UserScope', {
|
|
55
|
-
enumerable: true,
|
|
56
|
-
get: function () { return BaseClient.UserScope; }
|
|
57
|
-
});
|
|
58
|
-
exports.default = LogtoClient;
|
|
23
|
+
export { LogtoClient as default };
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
1
3
|
const logtoStorageItemKeyPrefix = `logto`;
|
|
2
4
|
class BrowserStorage {
|
|
3
5
|
constructor(appId) {
|
|
@@ -25,4 +27,5 @@ class BrowserStorage {
|
|
|
25
27
|
}
|
|
26
28
|
}
|
|
27
29
|
|
|
28
|
-
|
|
30
|
+
exports.BrowserStorage = BrowserStorage;
|
|
31
|
+
exports.logtoStorageItemKeyPrefix = logtoStorageItemKeyPrefix;
|
package/lib/storage.js
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
1
|
const logtoStorageItemKeyPrefix = `logto`;
|
|
4
2
|
class BrowserStorage {
|
|
5
3
|
constructor(appId) {
|
|
@@ -27,5 +25,4 @@ class BrowserStorage {
|
|
|
27
25
|
}
|
|
28
26
|
}
|
|
29
27
|
|
|
30
|
-
|
|
31
|
-
exports.logtoStorageItemKeyPrefix = logtoStorageItemKeyPrefix;
|
|
28
|
+
export { BrowserStorage, logtoStorageItemKeyPrefix };
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var BaseClient = require('@logto/client');
|
|
4
|
+
var jsBase64 = require('js-base64');
|
|
3
5
|
|
|
4
6
|
/** @link [Proof Key for Code Exchange by OAuth Public Clients](https://datatracker.ietf.org/doc/html/rfc7636) */
|
|
5
7
|
/**
|
|
6
8
|
* @param length The length of the raw random data.
|
|
7
9
|
*/
|
|
8
|
-
const generateRandomString = (length = 64) => fromUint8Array(crypto.getRandomValues(new Uint8Array(length)), true);
|
|
10
|
+
const generateRandomString = (length = 64) => jsBase64.fromUint8Array(crypto.getRandomValues(new Uint8Array(length)), true);
|
|
9
11
|
/**
|
|
10
12
|
* Generates random string for state and encodes them in url safe base64
|
|
11
13
|
*/
|
|
@@ -30,11 +32,13 @@ const generateCodeChallenge = async (codeVerifier) => {
|
|
|
30
32
|
* https://developer.mozilla.org/en-US/docs/Web/API/Crypto/subtle
|
|
31
33
|
* https://www.chromium.org/blink/webcrypto/#accessing-it
|
|
32
34
|
*/
|
|
33
|
-
throw new LogtoError('crypto_subtle_unavailable');
|
|
35
|
+
throw new BaseClient.LogtoError('crypto_subtle_unavailable');
|
|
34
36
|
}
|
|
35
37
|
const encodedCodeVerifier = new TextEncoder().encode(codeVerifier);
|
|
36
38
|
const codeChallenge = new Uint8Array(await crypto.subtle.digest('SHA-256', encodedCodeVerifier));
|
|
37
|
-
return fromUint8Array(codeChallenge, true);
|
|
39
|
+
return jsBase64.fromUint8Array(codeChallenge, true);
|
|
38
40
|
};
|
|
39
41
|
|
|
40
|
-
|
|
42
|
+
exports.generateCodeChallenge = generateCodeChallenge;
|
|
43
|
+
exports.generateCodeVerifier = generateCodeVerifier;
|
|
44
|
+
exports.generateState = generateState;
|
package/lib/utils/generators.js
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var BaseClient = require('@logto/client');
|
|
4
|
-
var jsBase64 = require('js-base64');
|
|
1
|
+
import { LogtoError } from '@logto/client';
|
|
2
|
+
import { fromUint8Array } from 'js-base64';
|
|
5
3
|
|
|
6
4
|
/** @link [Proof Key for Code Exchange by OAuth Public Clients](https://datatracker.ietf.org/doc/html/rfc7636) */
|
|
7
5
|
/**
|
|
8
6
|
* @param length The length of the raw random data.
|
|
9
7
|
*/
|
|
10
|
-
const generateRandomString = (length = 64) =>
|
|
8
|
+
const generateRandomString = (length = 64) => fromUint8Array(crypto.getRandomValues(new Uint8Array(length)), true);
|
|
11
9
|
/**
|
|
12
10
|
* Generates random string for state and encodes them in url safe base64
|
|
13
11
|
*/
|
|
@@ -32,13 +30,11 @@ const generateCodeChallenge = async (codeVerifier) => {
|
|
|
32
30
|
* https://developer.mozilla.org/en-US/docs/Web/API/Crypto/subtle
|
|
33
31
|
* https://www.chromium.org/blink/webcrypto/#accessing-it
|
|
34
32
|
*/
|
|
35
|
-
throw new
|
|
33
|
+
throw new LogtoError('crypto_subtle_unavailable');
|
|
36
34
|
}
|
|
37
35
|
const encodedCodeVerifier = new TextEncoder().encode(codeVerifier);
|
|
38
36
|
const codeChallenge = new Uint8Array(await crypto.subtle.digest('SHA-256', encodedCodeVerifier));
|
|
39
|
-
return
|
|
37
|
+
return fromUint8Array(codeChallenge, true);
|
|
40
38
|
};
|
|
41
39
|
|
|
42
|
-
|
|
43
|
-
exports.generateCodeVerifier = generateCodeVerifier;
|
|
44
|
-
exports.generateState = generateState;
|
|
40
|
+
export { generateCodeChallenge, generateCodeVerifier, generateState };
|
package/package.json
CHANGED
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@logto/browser",
|
|
3
|
-
"version": "
|
|
4
|
-
"
|
|
5
|
-
"main": "./lib/index.
|
|
3
|
+
"version": "2.0.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./lib/index.cjs",
|
|
6
|
+
"module": "./lib/index.js",
|
|
7
|
+
"types": "./lib/index.d.ts",
|
|
6
8
|
"exports": {
|
|
7
|
-
"
|
|
8
|
-
"
|
|
9
|
+
"types": "./lib/index.d.ts",
|
|
10
|
+
"require": "./lib/index.cjs",
|
|
11
|
+
"import": "./lib/index.js",
|
|
12
|
+
"default": "./lib/index.js"
|
|
9
13
|
},
|
|
10
|
-
"module": "./lib/index.mjs",
|
|
11
|
-
"types": "./lib/index.d.ts",
|
|
12
14
|
"files": [
|
|
13
15
|
"lib"
|
|
14
16
|
],
|
|
@@ -18,32 +20,20 @@
|
|
|
18
20
|
"url": "https://github.com/logto-io/js.git",
|
|
19
21
|
"directory": "packages/browser"
|
|
20
22
|
},
|
|
21
|
-
"scripts": {
|
|
22
|
-
"dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
|
|
23
|
-
"precommit": "lint-staged",
|
|
24
|
-
"check": "tsc --noEmit",
|
|
25
|
-
"build": "rm -rf lib/ && tsc -p tsconfig.build.json --noEmit && rollup -c",
|
|
26
|
-
"lint": "eslint --ext .ts src",
|
|
27
|
-
"test": "jest",
|
|
28
|
-
"test:coverage": "jest --silent --coverage",
|
|
29
|
-
"prepack": "pnpm test"
|
|
30
|
-
},
|
|
31
23
|
"dependencies": {
|
|
32
|
-
"@logto/client": "^
|
|
33
|
-
"@silverhand/essentials": "^2.6.
|
|
24
|
+
"@logto/client": "^2.0.0",
|
|
25
|
+
"@silverhand/essentials": "^2.6.2",
|
|
34
26
|
"js-base64": "^3.7.4"
|
|
35
27
|
},
|
|
36
28
|
"devDependencies": {
|
|
37
|
-
"@
|
|
38
|
-
"@silverhand/
|
|
39
|
-
"@silverhand/ts-config": "^1.0.0",
|
|
29
|
+
"@silverhand/eslint-config": "^3.0.1",
|
|
30
|
+
"@silverhand/ts-config": "^3.0.0",
|
|
40
31
|
"@swc/core": "^1.3.50",
|
|
41
32
|
"@swc/jest": "^0.2.24",
|
|
42
33
|
"@types/jest": "^29.5.0",
|
|
43
34
|
"eslint": "^8.38.0",
|
|
44
35
|
"jest": "^29.5.0",
|
|
45
36
|
"jest-environment-jsdom": "^29.5.0",
|
|
46
|
-
"jest-location-mock": "^1.0.9",
|
|
47
37
|
"jest-matcher-specific-error": "^1.0.0",
|
|
48
38
|
"lint-staged": "^13.0.0",
|
|
49
39
|
"prettier": "^2.8.7",
|
|
@@ -57,5 +47,13 @@
|
|
|
57
47
|
"publishConfig": {
|
|
58
48
|
"access": "public"
|
|
59
49
|
},
|
|
60
|
-
"
|
|
61
|
-
|
|
50
|
+
"scripts": {
|
|
51
|
+
"dev:tsc": "tsc -p tsconfig.build.json -w --preserveWatchOutput",
|
|
52
|
+
"precommit": "lint-staged",
|
|
53
|
+
"check": "tsc --noEmit",
|
|
54
|
+
"build": "rm -rf lib/ && tsc -p tsconfig.build.json --noEmit && rollup -c",
|
|
55
|
+
"lint": "eslint --ext .ts src",
|
|
56
|
+
"test": "jest",
|
|
57
|
+
"test:coverage": "jest --silent --coverage"
|
|
58
|
+
}
|
|
59
|
+
}
|
package/lib/index.mjs
DELETED
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import BaseClient, { createRequester } from '@logto/client';
|
|
2
|
-
export { LogtoClientError, LogtoError, LogtoRequestError, OidcError, Prompt, ReservedScope, UserScope } from '@logto/client';
|
|
3
|
-
import { BrowserStorage } from './storage.mjs';
|
|
4
|
-
import { generateCodeChallenge, generateCodeVerifier, generateState } from './utils/generators.mjs';
|
|
5
|
-
|
|
6
|
-
const navigate = (url) => {
|
|
7
|
-
window.location.assign(url);
|
|
8
|
-
};
|
|
9
|
-
class LogtoClient extends BaseClient {
|
|
10
|
-
constructor(config) {
|
|
11
|
-
const requester = createRequester(fetch);
|
|
12
|
-
super(config, {
|
|
13
|
-
requester,
|
|
14
|
-
navigate,
|
|
15
|
-
storage: new BrowserStorage(config.appId),
|
|
16
|
-
generateCodeChallenge,
|
|
17
|
-
generateCodeVerifier,
|
|
18
|
-
generateState,
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export { LogtoClient as default };
|