WIP: fastlogin

Author: Boelroy

packages/console-utils/fastlogin/.npmignore

@@ -0,0 +1,8 @@
+.gitignore
+
+node_module
+
+src
+
+tsconfig.json
+tslint.json

packages/console-utils/fastlogin/config/config.js

@@ -0,0 +1,11 @@
+module.exports = {
+  presets: [
+    [
+      '@alicloud/console-toolkit-preset-wind-component',
+      {
+        useTypescript: true,
+        moduleName: 'ConsoleFastLogin',
+      },
+    ],
+  ],
+};

packages/console-utils/fastlogin/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@alicloud/console-fastlogin",
+  "version": "2.3.0",
+  "main": "lib/index.js",
+  "module": "es/index.js",
+  "license": "MIT",
+  "homepage": "https://github.com/aliyun/alibabacloud-console-design",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/aliyun/alibabacloud-console-design.git"
+  },
+  "bugs": {
+    "url": "https://github.com/aliyun/alibabacloud-console-design/issues"
+  },
+  "devDependencies": {
+    "@alicloud/console-toolkit-cli": "^1.0.0",
+    "@alicloud/console-toolkit-preset-wind-component": "^1.0.0",
+    "prop-types": "^15.7.2",
+    "react": "^16.8.6",
+    "react-dom": "^16.8.6"
+  },
+  "scripts": {
+    "prepublish": "npm run clean && npm run build && npm run babel && npm run babel:esm",
+    "babel": "breezr build --engine babel",
+    "babel:esm": "breezr build --engine babel --es-module",
+    "build": "breezr build --engine webpack",
+    "storybook": "breezr start-storybook",
+    "clean": "rm -rf es build lib yarn.lock"
+  },
+  "dependencies": {
+    "lodash": "^4.0.0"
+  }
+}

packages/console-utils/fastlogin/src/env.ts

@@ -0,0 +1,4 @@
+export const ENV = {
+  prod: '//g.alicdn.com/dawn/assets-loader/scripts/fast-login.js',
+  prepub: '//g-assets.prepub.taobao.net/dawn/assets-loader/scripts/fast-login.js',
+}

packages/console-utils/fastlogin/src/index.ts

@@ -0,0 +1,61 @@
+import { IFastLoginOptions } from './type';
+import { ENV } from './env';
+
+let fastLoginClient: typeof window.FastLogin = null;
+
+const loadFastLoginScripts = (options: IFastLoginOptions): Promise<typeof window.FastLogin> => {
+  const env = options.env || 'prod';
+  const fastLoginUrl = ENV[env] || ENV.prod;
+
+  /* eslint-disable no-undef */
+  return new Promise((resolve, reject) => {
+    if (fastLoginClient) {
+      resolve(fastLoginClient);
+      return;
+    }
+
+    const script = document.createElement('script');
+
+    script.onload = () => {
+      fastLoginClient = window.FastLogin;
+      // 必填
+      // @ts-ignore
+      window.FastLoginContext = {
+        tenantName: "console" 
+      };
+      resolve(fastLoginClient)
+    }
+
+    script.onerror = () => {
+      reject(new Error('script load fail'))
+    }
+
+    script.src = fastLoginUrl;
+
+    document.body.appendChild(script);
+  });
+}
+
+
+const open = async (options: IFastLoginOptions) => {
+  const fastLogin = await loadFastLoginScripts(options);
+
+  return new Promise<void>((resolve) => {
+    fastLogin('show', [{
+      loginCallback: () => {
+        resolve();
+      }
+    }])
+  })
+}
+
+const render = async (options: IFastLoginOptions) => {
+  const fastLogin = await loadFastLoginScripts(options);
+  fastLogin('render', [{}])
+}
+
+
+export {
+  open,
+  render,
+}

packages/console-utils/fastlogin/src/type.ts

@@ -0,0 +1,20 @@
+export interface IFastLoginOptions {
+  env?: 'prod' | 'prepub';
+}
+
+export interface ILoginCallbackProps {
+  success: string;
+  type: "password" | "qr";
+  uuid: string; // 创建出来 IFrame 对应的 uuid
+}
+
+export interface IFastLoginProps {
+  targetId?: string;
+  loginCallback?: (data: ILoginCallbackProps) => void;
+}
+
+declare global {
+  interface Window {
+    FastLogin: (method: 'render' | 'show', [props]: [IFastLoginProps]) => void;
+  }
+}

packages/console-utils/fastlogin/stories/index.stories.tsx

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import ReactDOM from 'react-dom';
+import { storiesOf } from '@storybook/react';
+import { open } from '../src';
+
+window.React = React;
+window.ReactDOM = ReactDOM;
+
+storiesOf('FastLogin', module)
+  .add('FastLogin', () => {
+    const onClick = () => {
+      open({env: 'prepub'})
+    }
+
+    return (<div id="app-wrapper">
+      <div id="app">
+        <button onClick={onClick}>open fast login</button>
+      </div>
+    </div>);
+  })

packages/console-utils/fastlogin/tsconfig.json

@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "outDir": "./lib",
+    "jsx": "react",
+    "module": "esnext",
+    "target": "es5",
+    "esModuleInterop": true,
+    "lib": ["dom", "es2015", "scripthost"],
+    "moduleResolution": "node",
+    "skipLibCheck": true,
+    "experimentalDecorators": true,
+    "importHelpers": true,
+    "downlevelIteration": true
+  },
+  "include": [
+    "./src/*",
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}