@logto/core-kit 2.2.1 → 2.3.0

package/lib/password-policy.d.ts

@@ -1,3 +1,5 @@
+/// <reference types="node" resolution-mode="require"/>
+import { type webcrypto } from 'node:crypto';
 import { type DeepPartial } from '@silverhand/essentials';
 import { z } from 'zod';
 /** Password policy configuration type. */
@@ -137,7 +139,7 @@ export type UserInfo = Partial<{
  */
 export declare class PasswordPolicyChecker {
     /** The Web Crypto API to use. By default, the global `crypto.subtle` will be used. */
-    protected readonly subtle: SubtleCrypto;
+    protected readonly subtle: webcrypto.SubtleCrypto | SubtleCrypto;
     static symbols: "!\"#$%&'()*+,-./:;<=>?@[\\]^_`{|}~ ";
     /** A set of characters that are considered as sequential. */
     static sequence: readonly ["0123456789", "abcdefghijklmnopqrstuvwxyz", "qwertyuiop", "asdfghjkl", "zxcvbnm", "1qaz", "2wsx", "3edc", "4rfv", "5tgb", "6yhn", "7ujm", "8ik", "9ol"];
@@ -153,7 +155,7 @@ export declare class PasswordPolicyChecker {
     readonly policy: PasswordPolicy;
     constructor(policy: DeepPartial<PasswordPolicy>, 
     /** The Web Crypto API to use. By default, the global `crypto.subtle` will be used. */
-    subtle?: SubtleCrypto);
+    subtle?: webcrypto.SubtleCrypto | SubtleCrypto);
     /**
      * Check if a password meets all the policy requirements.
      *

package/lib/password-policy.js

@@ -43,7 +43,7 @@ export const passwordPolicyGuard = z.object({
  * // ]
  * ```
  */
-class PasswordPolicyChecker {
+export class PasswordPolicyChecker {
     static { this.symbols = Object.freeze('!"#$%&\'()*+,-./:;<=>?@[\\]^_`{|}~ '); }
     /** A set of characters that are considered as sequential. */
     static { this.sequence = Object.freeze([
@@ -356,4 +356,3 @@ class PasswordPolicyChecker {
         return false;
     }
 }
-export { PasswordPolicyChecker };

package/lib/regex.d.ts

@@ -7,3 +7,5 @@ export declare const mobileUriSchemeProtocolRegEx: RegExp;
 export declare const hexColorRegEx: RegExp;
 export declare const dateRegex: RegExp;
 export declare const noSpaceRegEx: RegExp;
+/** Full domain that consists of at least 3 parts, e.g. foo.bar.com */
+export declare const domainRegEx: RegExp;

package/lib/regex.js

@@ -7,3 +7,5 @@ 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+$/;
+/** Full domain that consists of at least 3 parts, e.g. foo.bar.com */
+export const domainRegEx = /^[\dA-Za-z]+(\.[\dA-Za-z]+){2,}$/;

package/lib/utils/index.d.ts

@@ -1,2 +1,3 @@
 export * from './color.js';
+export * from './regex.js';
 export * from './url.js';

package/lib/utils/index.js

@@ -1,2 +1,3 @@
 export * from './color.js';
+export * from './regex.js';
 export * from './url.js';

package/lib/utils/regex.d.ts

@@ -0,0 +1 @@
+export declare const isValidRegEx: (regEx?: string) => boolean;

package/lib/utils/regex.js

@@ -0,0 +1,8 @@
+export const isValidRegEx = (regEx) => {
+    try {
+        return Boolean(regEx && new RegExp(regEx));
+    }
+    catch {
+        return false;
+    }
+};

package/lib/utils/url.d.ts

@@ -1,2 +1,3 @@
 export declare const validateRedirectUrl: (url: string, type: 'web' | 'mobile') => boolean;
 export declare const validateUriOrigin: (url: string) => boolean;
+export declare const isValidUrl: (url?: string) => boolean;

package/lib/utils/url.js

@@ -17,3 +17,11 @@ export const validateUriOrigin = (url) => {
         return false;
     }
 };
+export const isValidUrl = (url) => {
+    try {
+        return Boolean(url && new URL(url));
+    }
+    catch {
+        return false;
+    }
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@logto/core-kit",
-  "version": "2.2.1",
+  "version": "2.3.0",
   "author": "Silverhand Inc. <contact@silverhand.io>",
   "homepage": "https://github.com/logto-io/toolkit#readme",
   "repository": {
@@ -26,11 +26,11 @@
     "scss"
   ],
   "engines": {
-    "node": "^18.12.0"
+    "node": "^20.9.0"
   },
   "dependencies": {
-    "@logto/language-kit": "^1.0.0",
-    "@logto/shared": "^3.0.0",
+    "@logto/language-kit": "^1.1.0",
+    "@logto/shared": "^3.1.0",
     "color": "^4.2.3"
   },
   "optionalDependencies": {
@@ -38,22 +38,22 @@
   },
   "devDependencies": {
     "@jest/types": "^29.0.3",
-    "@silverhand/eslint-config": "4.0.1",
-    "@silverhand/essentials": "^2.8.4",
-    "@silverhand/ts-config": "4.0.0",
-    "@silverhand/ts-config-react": "4.0.0",
+    "@silverhand/eslint-config": "5.0.0",
+    "@silverhand/essentials": "^2.9.0",
+    "@silverhand/ts-config": "5.0.0",
+    "@silverhand/ts-config-react": "5.0.0",
     "@types/color": "^3.0.3",
     "@types/jest": "^29.4.0",
-    "@types/node": "^18.11.18",
+    "@types/node": "^20.9.5",
     "@types/react": "^18.0.31",
     "eslint": "^8.44.0",
-    "jest": "^29.5.0",
+    "jest": "^29.7.0",
     "lint-staged": "^15.0.0",
     "postcss": "^8.4.31",
     "prettier": "^3.0.0",
     "stylelint": "^15.0.0",
     "tslib": "^2.4.1",
-    "typescript": "^5.0.0"
+    "typescript": "^5.3.3"
   },
   "eslintConfig": {
     "extends": "@silverhand"

package/scss/_console-themes.scss

@@ -92,6 +92,7 @@
   --color-alert-99: #fff5eb;
 
   // color aliases
+  --color-static-white: #fff;
   --color-primary: var(--color-primary-40);
   --color-on-primary: var(--color-all-100);
   --color-primary-container: var(--color-primary-90);
@@ -160,6 +161,8 @@
   --color-env-tag-production: rgba(131, 218, 133, 35%);
   --color-specific-icon-bg: #f3effa;
   --color-specific-toggle-off-enable: var(--color-neutral-90);
+  --color-specific-unselected-disabled: var(--color-hover); // 8% Neutral-10
+  --color-function-n-overlay-primary-focused: rgba(93, 52, 242, 16%); // 16% Primary-40
 
   // Shadows
   --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);
@@ -187,7 +190,7 @@
   // Background
   --color-bg-body-base: var(--color-neutral-95);
   --color-bg-body: var(--color-neutral-100);
-  --color-bg-layer-1: var(--color-static-white);
+  --color-bg-layer-1: var(--color-all-100);
   --color-bg-layer-2: var(--color-neutral-95);
   --color-bg-body-overlay: var(--color-neutral-100);
   --color-bg-float-base: var(--color-neutral-variant-90);
@@ -294,6 +297,7 @@
   --color-alert-99: #2b1700;
 
   // color aliases
+  --color-static-white: #fff;
   --color-primary: var(--color-primary-70);
   --color-on-primary: var(--color-all-0);
   --color-primary-container: var(--color-primary-30);
@@ -362,6 +366,8 @@
   --color-env-tag-production: rgba(104, 190, 108, 36%);
   --color-specific-icon-bg: rgba(247, 248, 248, 12%);
   --color-specific-toggle-off-enable: var(--color-neutral-90);
+  --color-specific-unselected-disabled: var(--color-hover); // 8% Neutral-10
+  --color-function-n-overlay-primary-focused: rgba(202, 190, 255, 16%); // 16% Primary-40
 
   // Shadows
   --shadow-1: 0 4px 8px rgba(0, 0, 0, 8%);