@logto/core-kit 1.0.0-beta.30 → 1.0.0

package/LICENSE

@@ -1,3 +1,9 @@
+Portions of this software are licensed as follows:
+
+* All content that resides under the "packages/cloud" directory of this repository, if that directory exists, is licensed under the license defined in "packages/cloud/LICENSE" (Elastic-2.0).
+* All third party components incorporated into this software are licensed under the original license provided by the owner of the applicable component.
+* Content outside of the above mentioned directories or restrictions above is available under the "MPL-2.0" license as defined below.
+
 Mozilla Public License Version 2.0
 ==================================
 

package/lib/index.d.ts

@@ -1,3 +1,3 @@
-export * from './utilities/index.js';
+export * from './utils/index.js';
 export * from './regex.js';
 export * from './scope.js';

package/lib/index.js

@@ -1,3 +1,3 @@
-export * from './utilities/index.js';
+export * from './utils/index.js';
 export * from './regex.js';
 export * from './scope.js';

package/lib/regex.d.ts

@@ -1,8 +1,10 @@
 export declare const emailRegEx: RegExp;
 export declare const phoneRegEx: RegExp;
+export declare const phoneInputRegEx: RegExp;
 export declare const usernameRegEx: RegExp;
-export declare const passwordRegEx: RegExp;
 export declare const webRedirectUriProtocolRegEx: RegExp;
 export declare const mobileUriSchemeProtocolRegEx: RegExp;
 export declare const hexColorRegEx: RegExp;
 export declare const dateRegex: RegExp;
+export declare const noSpaceRegEx: RegExp;
+export declare const passwordRegEx: RegExp;

package/lib/regex.js

@@ -1,8 +1,14 @@
 export const emailRegEx = /^\S+@\S+\.\S+$/;
 export const phoneRegEx = /^\d+$/;
+export const phoneInputRegEx = /^\+?[\d-( )]+$/;
 export const usernameRegEx = /^[A-Z_a-z]\w*$/;
-export const passwordRegEx = /^.{6,}$/;
 export const webRedirectUriProtocolRegEx = /^https?:$/;
 export const mobileUriSchemeProtocolRegEx = /^[a-z][\d_a-z]*(\.[\d_a-z]+)+:$/;
 export const hexColorRegEx = /^#[\da-f]{3}([\da-f]{3})?$/i;
 export const dateRegex = /^\d{4}(-\d{2}){2}/;
+export const noSpaceRegEx = /^\S+$/;
+const atLeastOneDigitAndOneLetters = /(?=.*\d)(?=.*[A-Za-z])/;
+const atLeastOneDigitAndOneSpecialChar = /(?=.*\d)(?=.*[!"#$%&'()*+,./:;<=>?@[\]^_`{|}~-])/;
+const atLeastOneLetterAndOneSpecialChar = /(?=.*[A-Za-z])(?=.*[!"#$%&'()*+,./:;<=>?@[\]^_`{|}~-])/;
+const allowedChars = /[\w!"#$%&'()*+,./:;<=>?@[\]^`{|}~-]{8,}/;
+export const passwordRegEx = new RegExp(`^(${atLeastOneDigitAndOneLetters.source}|${atLeastOneDigitAndOneSpecialChar.source}|${atLeastOneLetterAndOneSpecialChar.source})${allowedChars.source}$`);

package/lib/scope.d.ts

@@ -2,7 +2,7 @@ export declare enum ReservedScope {
     OpenId = "openid",
     OfflineAccess = "offline_access"
 }
-export type UserClaim = 'name' | 'picture' | 'username' | 'role_names' | 'email' | 'email_verified' | 'phone_number' | 'phone_number_verified' | 'custom_data' | 'identities';
+export type UserClaim = 'name' | 'picture' | 'username' | 'email' | 'email_verified' | 'phone_number' | 'phone_number_verified' | 'custom_data' | 'identities';
 /**
  * Scopes for ID Token and Userinfo Endpoint.
  */

package/lib/scope.js

@@ -43,7 +43,7 @@ export var UserScope;
  * Mapped claims that ID Token includes.
  */
 export const idTokenClaims = Object.freeze({
-    [UserScope.Profile]: ['name', 'picture', 'username', 'role_names'],
+    [UserScope.Profile]: ['name', 'picture', 'username'],
     [UserScope.Email]: ['email', 'email_verified'],
     [UserScope.Phone]: ['phone_number', 'phone_number_verified'],
     [UserScope.CustomData]: [],

package/lib/{utilities → utils}/index.d.ts

@@ -1,4 +1,3 @@
 export * from './color.js';
 export * from './id.js';
-export * from './zod.js';
 export * from './url.js';

package/lib/{utilities → utils}/index.js

@@ -1,4 +1,3 @@
 export * from './color.js';
 export * from './id.js';
-export * from './zod.js';
 export * from './url.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/core-kit",
-  "version": "1.0.0-beta.30",
+  "version": "1.0.0",
   "author": "Silverhand Inc. <contact@silverhand.io>",
   "homepage": "https://github.com/logto-io/toolkit#readme",
   "repository": {
@@ -9,11 +9,11 @@
   },
   "license": "MPL-2.0",
   "type": "module",
-  "main": "./lib/index.cjs",
+  "main": "./lib/index.js",
   "exports": {
+    "default": "./lib/index.js",
     "types": "./lib/index.d.ts",
-    "import": "./lib/index.js",
-    "require": "./lib/index.cjs"
+    "import": "./lib/index.js"
   },
   "types": "./lib/index.d.ts",
   "files": [
@@ -22,35 +22,32 @@
     "scss"
   ],
   "engines": {
-    "node": "^16.13.0 || ^18.12.0"
+    "node": "^18.12.0"
   },
   "dependencies": {
     "color": "^4.2.3",
     "nanoid": "^4.0.0",
-    "@logto/language-kit": "1.0.0-beta.30"
+    "@logto/language-kit": "1.0.0"
   },
   "optionalDependencies": {
     "zod": "^3.20.2"
   },
   "devDependencies": {
     "@jest/types": "^29.0.3",
-    "@rollup/plugin-typescript": "^10.0.1",
-    "@silverhand/eslint-config": "1.3.0",
-    "@silverhand/eslint-config-react": "1.3.0",
-    "@silverhand/essentials": "2.1.0",
-    "@silverhand/ts-config": "1.2.1",
+    "@silverhand/eslint-config": "2.0.1",
+    "@silverhand/eslint-config-react": "2.0.1",
+    "@silverhand/essentials": "^2.5.0",
+    "@silverhand/ts-config": "2.0.3",
     "@types/color": "^3.0.3",
-    "@types/jest": "^29.0.3",
-    "@types/node": "^16.3.1",
+    "@types/jest": "^29.4.0",
+    "@types/node": "^18.11.18",
     "@types/react": "^18.0.20",
-    "eslint": "^8.21.0",
-    "jest": "^29.0.3",
-    "jest-matcher-specific-error": "^1.0.0",
+    "eslint": "^8.34.0",
+    "jest": "^29.5.0",
     "lint-staged": "^13.0.0",
     "postcss": "^8.4.6",
-    "prettier": "^2.8.1",
-    "rollup": "^3.6.0",
-    "stylelint": "^14.9.1",
+    "prettier": "^2.8.2",
+    "stylelint": "^15.0.0",
     "tslib": "^2.4.1",
     "typescript": "^4.9.4"
   },
@@ -67,7 +64,7 @@
   "scripts": {
     "precommit": "lint-staged",
     "dev": "tsc -p tsconfig.build.json --watch --preserveWatchOutput --incremental",
-    "build": "rm -rf lib/ && rollup -c && tsc -p tsconfig.build.json",
+    "build": "rm -rf lib/ && tsc -p tsconfig.build.json",
     "build:test": "pnpm build -p tsconfig.test.json --sourcemap",
     "lint": "eslint --ext .ts src",
     "lint:report": "pnpm lint --format json --output-file report.json",

package/scss/_console-themes.scss

@@ -108,6 +108,7 @@
   --color-on-error: var(--color-all-100);
   --color-error-container: var(--color-error-90);
   --color-on-error-container: var(--color-error-10);
+  --color-alert-container: var(--color-alert-99);
   --color-background: var(--color-neutral-99);
   --color-on-background: var(--color-neutral-10);
   --color-surface: var(--color-neutral-99);
@@ -280,6 +281,7 @@
   --color-on-error: var(--color-all-0);
   --color-error-container: var(--color-error-90);
   --color-on-error-container: var(--color-error-30);
+  --color-alert-container: var(--color-alert-90);
   --color-background: var(--color-neutral-99);
   --color-on-background: var(--color-neutral-10);
   --color-surface: var(--color-neutral-99);

package/scss/_fonts.scss

@@ -12,21 +12,18 @@ $font-family:
 
 :root {
   --font-family: #{$font-family};
-  --font-headline-large: 600 32px/40px #{$font-family};
-  --font-headline-medium: 600 28px/36px #{$font-family};
-  --font-headline-small: 600 24px/32px #{$font-family};
-  --font-title-large: 600 20px/28px #{$font-family};
-  --font-title-medium: 600 16px/24px #{$font-family};
-  --font-title-small: 600 14px/20px #{$font-family};
-  --font-label-large: 500 14px/20px #{$font-family};
-  --font-label-medium: 500 12px/16px #{$font-family};
-  --font-label-small: 500 11px/16px #{$font-family};
-  --font-body-large: 400 16px/24px #{$font-family};
-  --font-body-medium: 400 14px/20px #{$font-family};
-  --font-body-small: 400 12px/16px #{$font-family};
-  --font-subhead-1: 500 16px/24px #{$font-family};
-  --font-subhead-2: 500 14px/20px #{$font-family};
-  --font-subhead-cap: 700 12px/16px #{$font-family};
-  --font-subhead-cap-small: 700 10px/16px #{$font-family};
-  --font-button: 500 14px/20px #{$font-family};
+  --font-headline-1: 600 32px/40px #{$font-family};
+  --font-headline-2: 600 28px/36px #{$font-family};
+  --font-headline-3: 600 24px/32px #{$font-family};
+  --font-title-1: 600 20px/28px #{$font-family};
+  --font-title-2: 600 16px/24px #{$font-family};
+  --font-title-3: 600 14px/20px #{$font-family};
+  --font-label-1: 500 16px/24px #{$font-family};
+  --font-label-2: 500 14px/20px #{$font-family};
+  --font-label-3: 500 12px/16px #{$font-family};
+  --font-body-1: 400 16px/24px #{$font-family};
+  --font-body-2: 400 14px/20px #{$font-family};
+  --font-body-3: 400 12px/16px #{$font-family};
+  --font-section-head-1: 700 12px/16px #{$font-family};
+  --font-section-head-2: 700 10px/16px #{$font-family};
 }

package/lib/index.cjs

@@ -1,38 +0,0 @@
-'use strict';
-
-var color = require('./utilities/color.cjs');
-var id = require('./utilities/id.cjs');
-var zod = require('./utilities/zod.cjs');
-var url = require('./utilities/url.cjs');
-var regex = require('./regex.cjs');
-var scope = require('./scope.cjs');
-
-
-
-exports.absoluteDarken = color.absoluteDarken;
-exports.absoluteLighten = color.absoluteLighten;
-exports.generateDarkColor = color.generateDarkColor;
-exports.buildIdGenerator = id.buildIdGenerator;
-exports.generateStandardId = id.generateStandardId;
-exports.fallback = zod.fallback;
-exports.validateRedirectUrl = url.validateRedirectUrl;
-exports.validateUriOrigin = url.validateUriOrigin;
-exports.dateRegex = regex.dateRegex;
-exports.emailRegEx = regex.emailRegEx;
-exports.hexColorRegEx = regex.hexColorRegEx;
-exports.mobileUriSchemeProtocolRegEx = regex.mobileUriSchemeProtocolRegEx;
-exports.passwordRegEx = regex.passwordRegEx;
-exports.phoneRegEx = regex.phoneRegEx;
-exports.usernameRegEx = regex.usernameRegEx;
-exports.webRedirectUriProtocolRegEx = regex.webRedirectUriProtocolRegEx;
-Object.defineProperty(exports, 'ReservedScope', {
-	enumerable: true,
-	get: function () { return scope.ReservedScope; }
-});
-Object.defineProperty(exports, 'UserScope', {
-	enumerable: true,
-	get: function () { return scope.UserScope; }
-});
-exports.idTokenClaims = scope.idTokenClaims;
-exports.userClaims = scope.userClaims;
-exports.userinfoClaims = scope.userinfoClaims;

package/lib/regex.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-const emailRegEx = /^\S+@\S+\.\S+$/;
-const phoneRegEx = /^\d+$/;
-const usernameRegEx = /^[A-Z_a-z]\w*$/;
-const passwordRegEx = /^.{6,}$/;
-const webRedirectUriProtocolRegEx = /^https?:$/;
-const mobileUriSchemeProtocolRegEx = /^[a-z][\d_a-z]*(\.[\d_a-z]+)+:$/;
-const hexColorRegEx = /^#[\da-f]{3}([\da-f]{3})?$/i;
-const dateRegex = /^\d{4}(-\d{2}){2}/;
-
-exports.dateRegex = dateRegex;
-exports.emailRegEx = emailRegEx;
-exports.hexColorRegEx = hexColorRegEx;
-exports.mobileUriSchemeProtocolRegEx = mobileUriSchemeProtocolRegEx;
-exports.passwordRegEx = passwordRegEx;
-exports.phoneRegEx = phoneRegEx;
-exports.usernameRegEx = usernameRegEx;
-exports.webRedirectUriProtocolRegEx = webRedirectUriProtocolRegEx;

package/lib/scope.cjs

@@ -1,74 +0,0 @@
-'use strict';
-
-exports.ReservedScope = void 0;
-(function (ReservedScope) {
-    ReservedScope["OpenId"] = "openid";
-    ReservedScope["OfflineAccess"] = "offline_access";
-})(exports.ReservedScope || (exports.ReservedScope = {}));
-/**
- * Scopes for ID Token and Userinfo Endpoint.
- */
-exports.UserScope = void 0;
-(function (UserScope) {
-    /**
-     * Scope for basic user info.
-     *
-     * See {@link idTokenClaims} for mapped claims in ID Token and {@link userinfoClaims} for additional claims in Userinfo Endpoint.
-     */
-    UserScope["Profile"] = "profile";
-    /**
-     * Scope for user email address.
-     *
-     * See {@link idTokenClaims} for mapped claims in ID Token and {@link userinfoClaims} for additional claims in Userinfo Endpoint.
-     */
-    UserScope["Email"] = "email";
-    /**
-     * Scope for user phone number.
-     *
-     * See {@link idTokenClaims} for mapped claims in ID Token and {@link userinfoClaims} for additional claims in Userinfo Endpoint.
-     */
-    UserScope["Phone"] = "phone";
-    /**
-     * Scope for user's custom data.
-     *
-     * See {@link idTokenClaims} for mapped claims in ID Token and {@link userinfoClaims} for additional claims in Userinfo Endpoint.
-     */
-    UserScope["CustomData"] = "custom_data";
-    /**
-     * Scope for user's social identity details.
-     *
-     * See {@link idTokenClaims} for mapped claims in ID Token and {@link userinfoClaims} for additional claims in Userinfo Endpoint.
-     */
-    UserScope["Identities"] = "identities";
-})(exports.UserScope || (exports.UserScope = {}));
-/**
- * Mapped claims that ID Token includes.
- */
-const idTokenClaims = Object.freeze({
-    [exports.UserScope.Profile]: ['name', 'picture', 'username', 'role_names'],
-    [exports.UserScope.Email]: ['email', 'email_verified'],
-    [exports.UserScope.Phone]: ['phone_number', 'phone_number_verified'],
-    [exports.UserScope.CustomData]: [],
-    [exports.UserScope.Identities]: [],
-});
-/**
- * Additional claims that Userinfo Endpoint returns.
- */
-const userinfoClaims = Object.freeze({
-    [exports.UserScope.Profile]: [],
-    [exports.UserScope.Email]: [],
-    [exports.UserScope.Phone]: [],
-    [exports.UserScope.CustomData]: ['custom_data'],
-    [exports.UserScope.Identities]: ['identities'],
-});
-const userClaims = Object.freeze(
-// Hard to infer type directly, use `as` for a workaround.
-// eslint-disable-next-line no-restricted-syntax
-Object.fromEntries(Object.values(exports.UserScope).map((current) => [
-    current,
-    [...idTokenClaims[current], ...userinfoClaims[current]],
-])));
-
-exports.idTokenClaims = idTokenClaims;
-exports.userClaims = userClaims;
-exports.userinfoClaims = userinfoClaims;

package/lib/utilities/color.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-var color = require('color');
-
-// Color hsl lighten/darken takes percentage value only, need to implement absolute value update
-const absoluteLighten = (baseColor, delta) => {
-    const hslArray = baseColor.hsl().round().array();
-    return color([hslArray[0] ?? 0, hslArray[1] ?? 0, (hslArray[2] ?? 0) + delta], 'hsl');
-};
-const absoluteDarken = (baseColor, delta) => {
-    const hslArray = baseColor.hsl().round().array();
-    return color([hslArray[0] ?? 0, hslArray[1] ?? 0, (hslArray[2] ?? 0) - delta], 'hsl');
-};
-const generateDarkColor = (lightColor) => absoluteLighten(color(lightColor), 10).hex();
-
-exports.absoluteDarken = absoluteDarken;
-exports.absoluteLighten = absoluteLighten;
-exports.generateDarkColor = generateDarkColor;

package/lib/utilities/id.cjs

@@ -1,10 +0,0 @@
-'use strict';
-
-var nanoid = require('nanoid');
-
-const alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-const buildIdGenerator = (size) => nanoid.customAlphabet(alphabet, size);
-const generateStandardId = buildIdGenerator(21);
-
-exports.buildIdGenerator = buildIdGenerator;
-exports.generateStandardId = generateStandardId;

package/lib/utilities/url.cjs

@@ -1,25 +0,0 @@
-'use strict';
-
-var regex = require('../regex.cjs');
-
-const validateRedirectUrl = (url, type) => {
-    try {
-        const { protocol } = new URL(url);
-        const protocolRegEx = type === 'mobile' ? regex.mobileUriSchemeProtocolRegEx : regex.webRedirectUriProtocolRegEx;
-        return protocolRegEx.test(protocol);
-    }
-    catch {
-        return false;
-    }
-};
-const validateUriOrigin = (url) => {
-    try {
-        return new URL(url).origin === url;
-    }
-    catch {
-        return false;
-    }
-};
-
-exports.validateRedirectUrl = validateRedirectUrl;
-exports.validateUriOrigin = validateUriOrigin;

package/lib/utilities/zod.cjs

@@ -1,19 +0,0 @@
-'use strict';
-
-var zod = require('zod');
-
-/**
- * https://github.com/colinhacks/zod/issues/316#issuecomment-850906479
- * Create a schema matches anything and returns a value. Use it with `or`:
- *
- * const schema = zod.number();
- * const tolerant = schema.or(fallback(-1));
- *
- * schema.parse('foo')      // => ZodError
- * tolerant.parse('foo')    // -1
- */
-function fallback(value) {
-    return zod.any().transform(() => value);
-}
-
-exports.fallback = fallback;

package/lib/utilities/zod.d.ts

@@ -1,11 +0,0 @@
-/**
- * https://github.com/colinhacks/zod/issues/316#issuecomment-850906479
- * Create a schema matches anything and returns a value. Use it with `or`:
- *
- * const schema = zod.number();
- * const tolerant = schema.or(fallback(-1));
- *
- * schema.parse('foo')      // => ZodError
- * tolerant.parse('foo')    // -1
- */
-export declare function fallback<T>(value: T): import("zod").ZodEffects<import("zod").ZodAny, T, any>;

package/lib/utilities/zod.js

@@ -1,14 +0,0 @@
-import { any } from 'zod';
-/**
- * https://github.com/colinhacks/zod/issues/316#issuecomment-850906479
- * Create a schema matches anything and returns a value. Use it with `or`:
- *
- * const schema = zod.number();
- * const tolerant = schema.or(fallback(-1));
- *
- * schema.parse('foo')      // => ZodError
- * tolerant.parse('foo')    // -1
- */
-export function fallback(value) {
-    return any().transform(() => value);
-}