@authing/guard-shim-react18 5.0.8-alpha.1 → 5.0.8-alpha.3

package/dist/esm/guard.min.js.LICENSE.txt

@@ -0,0 +1,29 @@
+/**
+ * @license React
+ * react-dom.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * react.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * @license React
+ * scheduler.production.min.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */

package/dist/typings/index.d.ts

@@ -0,0 +1,45 @@
+import { GuardOptions, GuardEventsKebabToCamelType, StartWithRedirectOptions, AuthenticationClient, JwtTokenStatus, User, Lang } from './types';
+import '@authing/react18-components/lib/index.min.css';
+export * from './types';
+export declare class Guard {
+    options: GuardOptions;
+    private visible;
+    private then;
+    private publicConfig?;
+    private root?;
+    constructor(options: GuardOptions);
+    private adaptOptions;
+    private getPublicConfig;
+    getAuthClient(): Promise<AuthenticationClient>;
+    static getGuardContainer(selector?: string | HTMLElement): Element | null;
+    private eventListeners;
+    /**
+     * 启动嵌入模式
+     * @param el String
+     * @returns Promise
+     */
+    start(el?: string): Promise<User>;
+    startRegister(): void;
+    checkLoginStatus(): Promise<JwtTokenStatus | undefined>;
+    changeLang(lang: Lang): void;
+    changeContentCSS(contentCSS: string): void;
+    /**
+     * 启动跳转模式
+     */
+    startWithRedirect(options?: StartWithRedirectOptions): Promise<void>;
+    handleRedirectCallback(): Promise<void>;
+    private getAccessTokenByCode;
+    private getCodeAndCodeChallenge;
+    private setStorageCache;
+    private parseUrlQuery;
+    /**
+     * 获取当前用户信息
+     */
+    trackSession(): Promise<User | null>;
+    logout(): Promise<void>;
+    render(): Promise<void>;
+    on<T extends keyof GuardEventsKebabToCamelType>(evt: T, handler: Exclude<GuardEventsKebabToCamelType[T], undefined>): void;
+    show(): void;
+    hide(): void;
+    unmount(): void;
+}

package/dist/typings/types.d.ts

@@ -0,0 +1,47 @@
+import { GuardEventsKebabToCamelType, Lang, GuardProps, GuardLocalConfig, CodeAction, ApiCode, GuardModuleType, LoginMethods, OIDCConnectionMode, SocialConnectionProvider, Protocol, RegisterMethods, GuardMode, InputMethod, GuardPageSene, EmailScene, SceneType } from '@authing/react18-components';
+export declare type ICodeAction = `${CodeAction}`;
+export declare type IApiCode = `${ApiCode}`;
+export declare type IGuardModuleType = `${GuardModuleType}`;
+export declare type ILoginMethod = `${LoginMethods}`;
+export declare type IOIDCConnectionMode = `${OIDCConnectionMode}`;
+export declare type ISocialConnectionProvider = `${SocialConnectionProvider}`;
+export declare type IProtocol = `${Protocol}`;
+export declare type IRegisterMethod = `${RegisterMethods}`;
+export declare type IGuardMode = `${GuardMode}`;
+export declare type IInputMethod = `${InputMethod}`;
+export declare type IGuardPageSene = `${GuardPageSene}`;
+export declare type IEmailScene = `${EmailScene}`;
+export declare type ISceneType = `${SceneType}`;
+export declare type GuardEventListeners = {
+    [key in keyof GuardEventsKebabToCamelType]: Exclude<Required<GuardEventsKebabToCamelType>[key], undefined>[];
+};
+export declare type CodeChallengeMethod = 'S256' | 'plain';
+export interface IGuardConfig extends GuardLocalConfig {
+    socialConnectionList?: ISocialConnectionProvider[];
+    loginMethod?: ILoginMethod;
+    loginMethodList: ILoginMethod[];
+    registerMethod?: IRegisterMethod;
+    registerMethodList?: IRegisterMethod[];
+    contentCSS?: string;
+}
+export interface GuardOptions extends GuardProps {
+    appId: string;
+    host?: string;
+    redirectUri?: string;
+    mode?: IGuardMode;
+    defaultScene?: IGuardModuleType;
+    tenantId?: string;
+    lang?: Lang;
+    isSSO?: boolean;
+    config?: Partial<IGuardConfig>;
+}
+export interface StartWithRedirectOptions {
+    codeChallengeMethod?: CodeChallengeMethod;
+    scope?: string;
+    redirectUri?: string;
+    state?: string;
+    responseType?: 'code' | 'code id_token token' | 'code id_token' | 'code token' | 'id_token token' | 'id_token' | 'none';
+    responseMode?: 'query' | 'fragment' | 'form_post';
+    nonce?: string;
+}
+export * from '@authing/react18-components';

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@authing/guard-shim-react18",
-  "version": "5.0.8-alpha.1",
+  "version": "5.0.8-alpha.3",
   "description": "Guard shim for react18",
-  "main": "src/index.tsx",
+  "module": "dist/esm/guard.min.js",
+  "types": "dist/typings/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "scripts": {
     "autoinstall": "npm ci",
-    "build": "echo 'No need to build for @authing/guard-shim-react18'",
+    "build": "node scripts/build.js",
     "lint": "eslint --ext .ts,.tsx src/**",
     "lint:fix": "eslint --fix --ext .ts,.tsx src/**",
     "release:official": "npm publish --verbose --access public",
@@ -20,14 +24,11 @@
     "ts-loader": "^9.3.1",
     "webpack": "^5.72.0"
   },
-  "peerDependencies": {
-    "axios": "^0.27.2",
+  "dependencies": {
+    "@authing/react18-components": "^4.1.0-alpha.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0"
   },
-  "dependencies": {
-    "@authing/react18-components": "^4.1.0-alpha.0"
-  },
   "author": "https://github.com/authing",
   "license": "MIT",
   "publishConfig": {

package/scripts/build.js

@@ -1,22 +0,0 @@
-const path = require('path')
-const rm = require('rimraf')
-const webpack = require('webpack')
-const webpackEsmBundlerConfig = require('./webpack.esm.config')
-
-try {
-  rm.sync(path.resolve(__dirname, '../', 'dist'))
-} catch (e) {
-  console.error('\n\n build guard, failed to delete dist directory, please operate manually \n\n')
-}
-
-readyGo()
-
-function readyGo () {
-  webpack(webpackEsmBundlerConfig, (error, stats) => {
-    if (error) {
-      console.error('build guard-shim-react18 esm bundler error: ', error)
-    } else {
-      console.log(stats)
-    }
-  })
-}

package/scripts/webpack.esm.config.js

@@ -1,42 +0,0 @@
-const path = require('path')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-
-function resolve (dir, file = '') {
-  return path.resolve(__dirname, '../', dir, file)
-}
-
-module.exports = {
-  mode: 'production',
-  entry: resolve('src/index.tsx'),
-  output: {
-    filename: 'guard.min.js',
-    path: resolve('dist/esm'),
-    library: {
-      type: 'module'
-    }
-  },
-  experiments: {
-    outputModule: true
-  },
-  resolve: {
-    extensions: ['.ts', '.tsx', '.js']
-  },
-  module: {
-    rules: [
-      {
-        test: /\.css$/,
-        use: [MiniCssExtractPlugin.loader, 'css-loader']
-      },
-      {
-        test: /\.tsx?$/,
-        use: 'ts-loader',
-        exclude: /node_modules/
-      }
-    ]
-  },
-  plugins: [
-    new MiniCssExtractPlugin({
-      filename: 'guard.min.css'
-    })
-  ]
-}