@authing/react-ui-components 3.0.2-beta.5 → 3.1.1-rc.1

package/components/_utils/guradHttp.ts

@@ -1,101 +0,0 @@
-import packageConfig from '../../package.json'
-import { requestClient } from './http'
-
-let httpClient: GuardHttp
-
-export class GuardHttp {
-  private requestClient: any
-  private headers: Record<string, string> = {
-    'x-authing-userpool-id': '',
-    'x-authing-app-id': '',
-    'x-authing-sdk-version': packageConfig.version,
-    'x-authing-request-from': `Guard-${packageConfig.framework}@${packageConfig.version}`,
-  }
-
-  constructor(baseUrl: string) {
-    this.getRequestClient().setBaseUrl(baseUrl)
-  }
-
-  private getRequestClient() {
-    if (!this.requestClient) {
-      this.requestClient = requestClient
-    }
-
-    return this.requestClient
-  }
-
-  setUserpoolId(userpoolId: string) {
-    this.headers['x-authing-userpool-id'] = userpoolId
-  }
-
-  setAppId(appId: string) {
-    this.headers['x-authing-app-id'] = appId
-  }
-
-  setTenantId(tenantId: string) {
-    this.headers['x-authing-app-tenant-id'] = tenantId
-  }
-
-  setBaseUrl(baseUrl: string) {
-    this.getRequestClient().setBaseUrl(baseUrl)
-  }
-
-  public getHeaders = () => this.headers
-
-  public get = async <T>(
-    path: string,
-    query: Record<string, any> = {},
-    config?: RequestInit
-  ) =>
-    await requestClient.get<T>(path, query, {
-      ...config,
-      headers: { ...this.headers, ...config?.headers },
-    })
-
-  public post = async <T>(
-    path: string,
-    data: any,
-    config?: {
-      headers: any
-    }
-  ) =>
-    await requestClient.post<T>(path, data, {
-      headers: {
-        ...this.headers,
-        ...config?.headers,
-      },
-    })
-
-  public postForm = async <T>(
-    path: string,
-    formData: any,
-    config?: {
-      headers: any
-    }
-  ) =>
-    await requestClient.postForm<T>(path, formData, {
-      headers: {
-        ...this.headers,
-        ...config?.headers,
-      },
-    })
-}
-
-export const initGuardHttp = (baseUrl: string) => {
-  if (!httpClient) {
-    const guardHttp = new GuardHttp(baseUrl)
-    httpClient = guardHttp
-  }
-
-  return httpClient
-}
-
-export const getGuardHttp = () => {
-  if (!httpClient) {
-    throw new Error('Please initialize Http Client')
-  }
-
-  return httpClient
-}
-
-export const useGuardHttp = () => getGuardHttp()

package/components/_utils/hooks/index.ts

@@ -1,64 +0,0 @@
-import { useRef, useCallback, useEffect } from 'react'
-import { GuardModuleType } from '../../Guard/module'
-import { useModule } from '../../context/module/context'
-
-export const useChangeModule = () => {
-  const { module, changeModule, setInitData } = useModule()
-
-  const nextModule = (nextModuleType: GuardModuleType, nextData?: any) => {
-    if (nextModuleType !== module) changeModule(nextModuleType)
-
-    setInitData(nextData ?? {})
-  }
-
-  return nextModule
-}
-
-let thisAppId: string = ''
-
-export const useAppId = (appId?: string) => {
-  if (appId) {
-    thisAppId = appId
-  }
-
-  return thisAppId
-}
-
-export const useDebounce = (
-  // 回调函数
-  fn: any,
-  // 延迟时间
-  delay: number
-) => {
-  const timer = useRef<{ time: any }>({ time: null })
-  const errorBody = useRef<{ body: any }>({ body: null })
-
-  useEffect(() => {
-    return () => {
-      // eslint-disable-next-line react-hooks/exhaustive-deps
-      timer.current.time && clearInterval(timer.current.time)
-    }
-  }, [])
-
-  return useCallback(
-    (...args: any[]) => {
-      if (timer.current.time) {
-        clearTimeout(timer.current.time)
-        timer.current.time = null
-      }
-      timer.current.time = setTimeout(() => {
-        // fn.apply(this, args);
-        const res = fn(...args)
-        timer.current.time = null
-        errorBody.current.body = res
-      }, delay)
-      // if (errorBody.current.body) {
-      //   return Promise.reject(errorBody.current.body)
-      // } else {
-      //   return Promise.resolve()
-      // }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [timer.current, delay]
-  )
-}

package/components/context/module/context.tsx

@@ -1,23 +0,0 @@
-import React, { FC } from 'react'
-import { GuardModuleType } from '../../Guard/module'
-import { createBaseContext } from '../base'
-
-export interface IModuleContext {
-  module: string
-  changeModule: React.Dispatch<GuardModuleType>
-  setInitData: React.Dispatch<any>
-}
-
-const [Context, useBaseContext] = createBaseContext<IModuleContext>()
-
-export const useModule: () => IModuleContext = () => {
-  const guardContext = useBaseContext()
-
-  return guardContext
-}
-
-export const ModuleContext: FC<{
-  value: IModuleContext
-}> = ({ children = null, value }) => {
-  return <Context.Provider value={value}>{children}</Context.Provider>
-}

package/components/index.ts

@@ -1,12 +0,0 @@
-export * from './AuthingGuard/types'
-export * from './AuthingGuard/hooks'
-export type { AuthenticationClientOptions } from 'authing-js-sdk'
-
-export * from './Guard'
-export * from './Type'
-export * from './BindTotp/interface'
-export * from './CompleteInfo/interface'
-export * from './DownloadAuthenticator/interface'
-export * from './Error/interface'
-export * from './ForgetPassword/interface'
-export * from './_utils/config'

package/examples.tsx

@@ -1,87 +0,0 @@
-import React from 'react'
-import ReactDOM from 'react-dom'
-
-import reportWebVitals from './reportWebVitals'
-import { message } from 'antd'
-import { Guard } from './components/Guard'
-
-const App = () => {
-  return (
-    <div
-      style={{
-        display: 'flex',
-        width: '100vw',
-        justifyContent: 'center',
-      }}
-    >
-      <Guard
-        appId="619747787da1b9eb2e9ee7d5"
-        // appId="6191cf610f772aa56dc70637"
-        // tenantId="6194a41abf23c1d5268b362a1"
-        onLogin={(u) => {
-          message.info('🏁 用户业务层终点，登录完成。')
-          console.log(u)
-        }}
-        onLoad={(authClint) => console.log('🪝 onLoad', authClint)}
-        onLoadError={(error) => console.log('🪝 onLoadError', error)}
-        onBeforeLogin={(m) => {
-          console.log('🪝onBeforeLogin 触发，返回 promise 或布尔', m)
-          return new Promise((resolve) => {
-            resolve(true)
-          })
-        }}
-        onRegister={(user, authClint) => {
-          console.log('🪝 onRegister 触发', user, authClint)
-        }}
-        onRegisterError={(e) => console.log('🪝 onRegisterError 触发', e)}
-        onLoginError={() => {
-          console.log('❌ onLoginError 触发')
-        }}
-        onLoginTabChange={(key) => {
-          console.log('📁 onLoginTabChange 触发', key)
-        }}
-        onRegisterTabChange={(registerMethod) => {
-          console.log('📁 onRegisterTabChange 触发', registerMethod)
-        }}
-        config={{
-          // host: 'https://core.dev2.authing-inc.co/',
-          host: 'http://core.authing.localhost:3000/',
-          // registerMethods: [RegisterMethods.Email],
-          // autoRegister: true,
-          // defaultRegisterMethod: RegisterMethods.Phone,
-          // disableRegister: false,
-          // disableResetPwd: false,
-          // defaultLoginMethod: LoginMethods.WxMinQr, // 指定默认登录方式，如果这个方式不存在于 LoginMethods，那么就当作没有传入
-          // loginMethods: [],
-          // LoginMethods.Password,
-          //   LoginMethods.PhoneCode,
-          // LoginMethods.WxMinQr,
-          // ],
-          // socialConnections: [
-          //   SocialConnectionProvider.ALIPAY,
-          //   SocialConnectionProvider.APPLE_WEB,
-          // ], // 指定可选的社会化登录方式
-          // qrCodeScanOptions?: Parameters<QrCodeAuthenticationClient['startScanning']>[1]
-          // passwordLoginMethods?: PasswordLoginMethods[]
-          // enterpriseConnections: [] // 这个有啥用？
-          // publicKey?: string
-          // lang: 'en-US',
-          // lang: 'zh-CN',
-          // mode: GuardMode.Modal,
-          // logo: '',
-          // clickCloseable: false, // clickCloseable	Modal 模式时是否隐藏登录框右上角的关闭按钮
-          // escCloseable: true, //
-          // target: '#c1',
-          // socialConnectionsBtnShape: 'rectangle',
-        }}
-      />
-    </div>
-  )
-}
-
-ReactDOM.render(<App />, document.getElementById('root'))
-
-// If you want to start measuring performance in your app, pass a function
-// to log results (for example: reportWebVitals(console.log))
-// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
-reportWebVitals()

package/index.js

@@ -1 +0,0 @@
-module.exports = require('./components')

package/lib/static/media/loading.4a67a5f3.svg

@@ -1,29 +0,0 @@
-<svg width="100%" height="100%"
- viewBox="0 0 150 150" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-  <style>
-    #path-f {
-      fill: none;
-      stroke: #eaebee;
-      stroke-width: 10;
-      stroke-dasharray: 100 220;
-      animation: dash 40s infinite linear forwards;
-    }
-    #path-b {
-      fill: none;
-      stroke: #0080ff;
-      stroke-width: 8;
-      stroke-linecap: round;
-      stroke-linejoin: round;
-    }
-    @keyframes dash {
-      to {
-        stroke-dashoffset: 12000;
-      }
-    }
-  </style>
-  <title>Loading</title>
-  <g id="单独" transform="translate(25.000000, 16.000000)" fill-rule="nonzero"  stroke-width="2" >
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-b"/>
-    <path d="M50,0 L0,30 C0,31 0,32 0,33 C0,69 20,100 50,116 C79,100 100,69 100,33 C100,32 99,31 99,30 L50,0 Z" id="path-f"/>
-  </g>
-</svg>

package/scripts/publish.js

@@ -1,57 +0,0 @@
-var $ = require('shelljs')
-var Package = require('../package.json')
-
-var version = Package.version
-var name = Package.name
-
-const getVersionTag = (version) => {
-  const tagArr = ['alpha', 'beta', 'rc']
-
-  const tagIndexArr = tagArr
-    .map((type) => version.search(type))
-    .filter((index) => index !== -1)
-
-  if (tagIndexArr.length === 0) return ''
-
-  const tagName = tagIndexArr[0]
-
-  return tagName
-}
-
-var build = $.exec('yarn build:lib')
-
-if (build.code !== 0) {
-  $.echo('build 失败了～')
-  $.exit(1)
-}
-
-// $.exec(`git tab ${version}`)
-
-var tag = getVersionTag(version)
-
-let publish
-
-if (tag !== '') {
-  publish = $.exec(`npm publish --tag ${tag}`)
-} else {
-  publish = $.exec('npm publish')
-}
-
-if (publish.code !== 0) {
-  $.echo(`publish 失败了～`)
-  $.exit(1)
-}
-
-if ($.which('cnpm')) {
-  $.echo(`正在同步到 淘宝源......`)
-
-  $.exec(`cnpm sync name`)
-} else if ($.which('open')) {
-  $.exec(`open https://npmmirror.com/sync/${name}`)
-} else {
-  $.echo(`记得手动同步到淘宝源～`)
-
-  $.echo(`https://npmmirror.com/sync/${name}`)
-}
-
-$.exit(0)