@authing/native-js-ui-components 2.4.58 → 3.0.0-rc.0

package/lib/index.min.js.LICENSE.txt

@@ -0,0 +1,41 @@
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+
+/*!
+ * The buffer module from node.js, for the browser.
+ *
+ * @author   Feross Aboukhadijeh <http://feross.org>
+ * @license  MIT
+ */
+
+/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh <https://feross.org/opensource> */
+
+/** @license React v0.19.1
+ * 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.
+ */
+
+/** @license React v16.14.0
+ * 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 v16.14.0
+ * 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.
+ */

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@authing/native-js-ui-components",
-  "version": "2.4.58",
+  "version": "3.0.0-rc.0",
+  "framework": "Native",
   "private": false,
   "main": "lib/index.min.js",
   "typings": "lib/index.d.ts",
   "dependencies": {
-    "@authing/react-ui-components": "^2.4.58",
+    "@authing/react-ui-components": "^3.0.0-rc.0",
     "react": "16.14.0",
     "react-dom": "16.14.0"
   },
@@ -166,5 +167,5 @@
     "webpack-manifest-plugin": "2.2.0",
     "workbox-webpack-plugin": "5.1.4"
   },
-  "gitHead": "48a69edc8fd200848c6ffc28e0c8da74ab7c16f7"
+  "gitHead": "e11810281e0d337f870d377e93bd369f92d42b6c"
 }

package/src/components/AuthingGuard/index.tsx

@@ -40,11 +40,18 @@ export {
 };
 
 export type EventListeners = {
-  [key in keyof GuardEventsHandlerKebab]: Exclude<Required<GuardEventsHandlerKebab>[key], undefined>[];
+  [key in keyof GuardEventsHandlerKebab]: Exclude<
+    Required<GuardEventsHandlerKebab>[key],
+    undefined
+  >[];
 };
 
 export class AuthingGuard {
-  constructor(private appId: string, private config?: UserConfig, private tenantId?: string) {
+  constructor(
+    private appId: string,
+    private config?: UserConfig,
+    private tenantId?: string
+  ) {
     this.render();
   }
 
@@ -71,14 +78,19 @@ export class AuthingGuard {
 
   private visible = this.config?.mode === GuardMode.Modal ? false : true;
 
-  private eventListeners = Object.values(GuardEventsCamelToKebabMap).reduce((acc, evtName) => {
-    return Object.assign({}, acc, {
-      [evtName]: [],
-    });
-  }, {} as EventListeners);
+  private eventListeners = Object.values(GuardEventsCamelToKebabMap).reduce(
+    (acc, evtName) => {
+      return Object.assign({}, acc, {
+        [evtName]: [],
+      });
+    },
+    {} as EventListeners
+  );
 
   private render(cb?: () => void) {
-    const evts: GuardEventsHandler = Object.entries(GuardEventsCamelToKebabMap).reduce((acc, [reactEvt, nativeEvt]) => {
+    const evts: GuardEventsHandler = Object.entries(
+      GuardEventsCamelToKebabMap
+    ).reduce((acc, [reactEvt, nativeEvt]) => {
       return Object.assign({}, acc, {
         [reactEvt]: (...rest: any) => {
           if (nativeEvt === "close") {
@@ -111,7 +123,10 @@ export class AuthingGuard {
     );
   }
 
-  on<T extends keyof GuardEventsHandlerKebab>(evt: T, handler: Exclude<GuardEventsHandlerKebab[T], undefined>) {
+  on<T extends keyof GuardEventsHandlerKebab>(
+    evt: T,
+    handler: Exclude<GuardEventsHandlerKebab[T], undefined>
+  ) {
     this.eventListeners[evt]!.push(handler as any);
   }
 

package/src/components/Guard/index.tsx

@@ -0,0 +1,137 @@
+import React from "react";
+import ReactDOM from "react-dom";
+import { Guard as ReactAuthingGuard } from "@authing/react-ui-components";
+import {
+  User,
+  GuardMode,
+  GuardScenes,
+  LoginMethods,
+  getAuthClient,
+  CommonMessage,
+  initAuthClient,
+  RegisterMethods,
+  GuardEventsHandler,
+  AuthenticationClient,
+  GuardEventsHandlerKebab,
+  GuardEventsCamelToKebabMap,
+  AuthenticationClientOptions,
+} from "@authing/react-ui-components";
+import "@authing/react-ui-components/lib/index.min.css";
+import { GuardConfig } from "@authing/react-ui-components/components";
+import { GuardComponentConifg } from "@authing/react-ui-components/components/Guard/config";
+import { GuardEvents } from "@authing/react-ui-components/components/Guard/event";
+
+export type {
+  User,
+  CommonMessage,
+  GuardEventsHandler,
+  AuthenticationClient,
+  GuardEventsHandlerKebab,
+  AuthenticationClientOptions,
+};
+
+export {
+  GuardMode,
+  GuardScenes,
+  LoginMethods,
+  getAuthClient,
+  initAuthClient,
+  RegisterMethods,
+  GuardEventsCamelToKebabMap,
+};
+
+export type EventListeners = {
+  [key in keyof GuardEventsHandlerKebab]: Exclude<
+    Required<GuardEventsHandlerKebab>[key],
+    undefined
+  >[];
+};
+
+export class Guard {
+  constructor(private appId: string, private config?: GuardConfig) {
+    this.render();
+  }
+
+  static getGuardContainer(selector?: string | HTMLElement) {
+    const defaultId = "authing_guard_container";
+
+    if (!selector) {
+      let container = document.querySelector(`#${defaultId}`);
+      if (!container) {
+        container = document.createElement("div");
+        container.id = defaultId;
+        document.body.appendChild(container);
+      }
+
+      return container;
+    }
+
+    if (typeof selector === "string") {
+      return document.querySelector(selector);
+    }
+
+    return selector;
+  }
+
+  private visible = this.config?.mode === GuardMode.Modal ? false : true;
+
+  private eventListeners = Object.values(GuardEventsCamelToKebabMap).reduce(
+    (acc, evtName) => {
+      return Object.assign({}, acc, {
+        [evtName]: [],
+      });
+    },
+    {} as EventListeners
+  );
+
+  private render(cb?: () => void) {
+    const evts: GuardEventsHandler = Object.entries(
+      GuardEventsCamelToKebabMap
+    ).reduce((acc, [reactEvt, nativeEvt]) => {
+      return Object.assign({}, acc, {
+        [reactEvt]: (...rest: any) => {
+          if (nativeEvt === "close") {
+            this.hide();
+          }
+
+          // TODO 返回最后一个执行函数的值，实际应该只让监听一次
+          return (
+            this.eventListeners[nativeEvt]
+              // @ts-ignore
+              .map((item: any) => {
+                return item(...rest);
+              })
+              .slice(-1)[0] ?? true
+          );
+        },
+      });
+    }, {} as GuardEventsHandler);
+
+    return ReactDOM.render(
+      <ReactAuthingGuard
+        {...(evts as GuardEvents)}
+        appId={this.appId}
+        config={this.config as GuardComponentConifg}
+      />,
+      Guard.getGuardContainer(this.config?.target),
+      cb
+    );
+  }
+
+  on<T extends keyof GuardEventsHandlerKebab>(
+    evt: T,
+    handler: Exclude<GuardEventsHandlerKebab[T], undefined>
+  ) {
+    this.eventListeners[evt]!.push(handler as any);
+  }
+
+  show() {
+    this.visible = true;
+    this.render();
+  }
+
+  hide() {
+    this.visible = false;
+    this.render();
+  }
+}

package/src/components/index.ts

@@ -1 +1,5 @@
-export * from './AuthingGuard'
+// export * from "./Guard";
+import { Guard } from "./Guard";
+export * from "./AuthingGuard";
+
+export { Guard };