@authing/native-js-ui-components 3.1.39-rc.1 → 4.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@authing/native-js-ui-components",
-  "version": "3.1.39-rc.1",
+  "version": "4.0.0",
   "framework": "Native",
   "private": false,
   "main": "lib/index.min.js",
@@ -165,7 +165,8 @@
     "workbox-webpack-plugin": "5.1.4"
   },
   "dependencies": {
-    "@authing/react-ui-components": "^3.1.39",
-    "authing-js-sdk": "4.23.30-alpha.3"
-  }
+    "@authing/react-ui-components": "4.0.8",
+    "authing-js-sdk": "4.23.36-alpha.1"
+  },
+  "gitHead": "44b6d3f22978d3e56895a8aeb580d2f5dcac89d8"
 }

package/src/App.tsx

@@ -4,7 +4,6 @@ import { Guard, GuardEventsCamelToKebabMapping, GuardMode } from "./components";
 
 function App() {
   console.log(GuardEventsCamelToKebabMapping);
-
   useEffect(() => {
     const guard = new Guard("62cd66dc014378042b55154f", {
       target: ".App",

package/src/components/Guard/index.tsx

@@ -7,9 +7,11 @@ import {
   AuthenticationClient,
   GuardEventsKebabToCamelType,
   GuardEventsCamelToKebabMapping,
+  GuardLocalConfig,
+  GuardProps,
 } from "@authing/react-ui-components";
 import "@authing/react-ui-components/lib/index.min.css";
-import { GuardComponentConfig, GuardLocalConfig } from "@authing/react-ui-components/components/Guard/config";
+// import { GuardComponentConfig, GuardLocalConfig } from "@authing/react-ui-components/components/Guard/config";
 
 export interface NativeGuardProps {
   appId?: string;
@@ -34,12 +36,12 @@ export type GuardEventListeners = {
 };
 
 export class Guard {
-  private appId?: string;
-  private config?: Partial<GuardLocalConfig>;
-  private tenantId?: string;
-  private authClient?: AuthenticationClient;
+  public appId?: string;
+  public config?: Partial<GuardLocalConfig>;
+  public tenantId?: string;
+  public authClient?: AuthenticationClient;
 
-  private visible?: boolean;
+  public visible?: boolean;
   constructor(props?: NativeGuardProps);
   constructor(appId?: string, config?: Partial<GuardLocalConfig>, tenantId?: string, authClient?: AuthenticationClient);
 
@@ -161,7 +163,7 @@ export class Guard {
         <ReactAuthingGuard
           {...(evts as GuardEvents)}
           appId={this.appId}
-          config={this.config as GuardComponentConfig}
+          config={this.config as GuardProps["config"]}
           visible={this.visible}
           tenantId={this.tenantId}
           authClient={this.authClient}

package/src/components/index.ts

@@ -1,51 +1,3 @@
-// export * from "./Guard";
 import { Guard } from "./Guard";
-import { AuthingGuard } from "./AuthingGuard";
-
-import {
-  User,
-  GuardMode,
-  UserConfig,
-  GuardScenes,
-  LoginMethods,
-  getAuthClient,
-  CommonMessage,
-  initAuthClient,
-  RegisterMethods,
-  GuardModuleType,
-  GuardEventsHandler,
-  AuthenticationClient,
-  GuardEventsHandlerKebab,
-  GuardEventsCamelToKebabMap,
-  GuardEvents,
-  GuardEventsKebabToCamelType,
-  GuardEventsCamelToKebabMapping,
-  GuardConfig,
-  GuardLocalConfig,
-} from "@authing/react-ui-components";
-
-export {
-  Guard,
-  AuthingGuard,
-  GuardMode,
-  GuardScenes,
-  LoginMethods,
-  getAuthClient,
-  initAuthClient,
-  RegisterMethods,
-  GuardEventsCamelToKebabMap,
-  GuardEventsCamelToKebabMapping,
-};
-export type {
-  GuardConfig,
-  GuardLocalConfig,
-  GuardEvents,
-  User,
-  UserConfig,
-  CommonMessage,
-  GuardModuleType,
-  GuardEventsHandler,
-  AuthenticationClient,
-  GuardEventsHandlerKebab,
-  GuardEventsKebabToCamelType,
-};
+export { Guard };
+export * from "@authing/react-ui-components";

package/tsconfig.json

@@ -3,11 +3,7 @@
     "baseUrl": ".",
     "outDir": "lib/",
     "target": "es5",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -18,20 +14,11 @@
     "module": "esnext",
     "moduleResolution": "node",
     "resolveJsonModule": true,
-    "isolatedModules": true,
     "declaration": true,
     "noEmit": false,
     "jsx": "react",
     "downlevelIteration": true
   },
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.tsx",
-    "src/**/*.json"
-  ],
-  "exclude": [
-    "node_modules",
-    "lib",
-    "build"
-  ]
-}
+  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.json"],
+  "exclude": ["node_modules", "lib", "build"]
+}

package/src/components/AuthingGuard/index.tsx

@@ -1,98 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import { AuthingGuard as ReactAuthingGuard } from "@authing/react-ui-components";
-import {
-  GuardMode,
-  UserConfig,
-  GuardEventsHandler,
-  GuardEventsHandlerKebab,
-  GuardEventsCamelToKebabMap,
-} from "@authing/react-ui-components";
-import "@authing/react-ui-components/lib/index.min.css";
-
-export type EventListeners = {
-  [key in keyof GuardEventsHandlerKebab]: Exclude<Required<GuardEventsHandlerKebab>[key], undefined>[];
-};
-
-export class AuthingGuard {
-  constructor(private appId: string, private config?: UserConfig, private tenantId?: string) {
-    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}
-        appId={this.appId}
-        tenantId={this.tenantId}
-        config={this.config}
-        visible={this.visible}
-      />,
-      AuthingGuard.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();
-  }
-}