@alicloud/alfa-react 1.4.0-alpha.7 → 1.4.1

package/lib/widget/getWidgetVersionById.js

@@ -11,17 +11,21 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _axios = _interopRequireDefault(require("axios"));
-
 var _template = _interopRequireDefault(require("lodash/template"));
 
+var _alfaCore = require("@alicloud/alfa-core");
+
 var _env = require("./env");
 
+var _ALIYUN_CONSOLE_CONFI;
+
 var cachedRelease = null;
 exports.cachedRelease = cachedRelease;
 var WIDGET_ENTRY_URL = 'https://g.alicdn.com/${id}/${version}/index.js';
+var uid = (_ALIYUN_CONSOLE_CONFI = window.ALIYUN_CONSOLE_CONFIG) === null || _ALIYUN_CONSOLE_CONFI === void 0 ? void 0 : _ALIYUN_CONSOLE_CONFI.MAIN_ACCOUNT_PK;
 
 var normalizeEntryUrl = function normalizeEntryUrl(id, version, resourceUrl) {
+  if (!version) throw new Error('No Version for Widget');
   var gitRepoId = id.replace('@ali/', '').replace('widget-', 'widget/');
   return (0, _template.default)(resourceUrl)({
     id: gitRepoId,
@@ -31,13 +35,15 @@ var normalizeEntryUrl = function normalizeEntryUrl(id, version, resourceUrl) {
 
 var getWidgetVersionById = /*#__PURE__*/function () {
   var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(option) {
-    var _option$central, central, env, Release, resp, version;
+    var _release$distTags, _release$distTags2, _release$nextVersion;
+
+    var name, _option$central, central, env, Release, version, entryUrl, _resp, _cachedRelease$option, _cachedRelease$option2, latestVersion, _nextVersion, gray, resp, release, nextVersion, sampling;
 
     return _regenerator.default.wrap(function _callee$(_context) {
       while (1) {
         switch (_context.prev = _context.next) {
           case 0:
-            _option$central = option.central, central = _option$central === void 0 ? true : _option$central, env = option.env;
+            name = option.name, _option$central = option.central, central = _option$central === void 0 ? true : _option$central, env = option.env;
             Release = central ? _env.ENV[env || (0, _env.getConsoleEnv)()] : _env.DIS_ENV[env || (0, _env.getConsoleEnv)()];
 
             if (option.version) {
@@ -59,26 +65,78 @@ var getWidgetVersionById = /*#__PURE__*/function () {
             });
 
           case 6:
+            if (!central) {
+              _context.next = 12;
+              break;
+            }
+
             if (cachedRelease) {
-              _context.next = 11;
+              _context.next = 12;
+              break;
+            }
+
+            _context.next = 10;
+            return _alfaCore.request.get(Release.releaseUrl);
+
+          case 10:
+            _resp = _context.sent;
+
+            if (_resp && _resp.data) {
+              exports.cachedRelease = cachedRelease = _resp.data;
+            }
+
+          case 12:
+            if (!cachedRelease) {
+              _context.next = 19;
               break;
             }
 
-            _context.next = 9;
-            return _axios.default.get(Release.releaseUrl);
+            latestVersion = cachedRelease[option.name][option.version].latest;
+            _nextVersion = (_cachedRelease$option = cachedRelease[option.name][option.version].next) === null || _cachedRelease$option === void 0 ? void 0 : _cachedRelease$option.version;
+            gray = (_cachedRelease$option2 = cachedRelease[option.name][option.version].next) === null || _cachedRelease$option2 === void 0 ? void 0 : _cachedRelease$option2.gray;
+            version = uid && Number(uid.substring(uid.length - 2)) < gray ? _nextVersion : latestVersion;
+            entryUrl = normalizeEntryUrl(option.name, version, Release.resourceUrl || WIDGET_ENTRY_URL);
+            return _context.abrupt("return", {
+              version: version,
+              entryUrl: entryUrl
+            });
 
-          case 9:
+          case 19:
+            _context.next = 21;
+            return _alfaCore.request.get((0, _template.default)(Release.releaseUrl)({
+              id: name
+            }));
+
+          case 21:
             resp = _context.sent;
-            exports.cachedRelease = cachedRelease = resp.data;
 
-          case 11:
-            version = cachedRelease[option.name][option.version].latest;
+            if (!(!resp || !resp.data)) {
+              _context.next = 24;
+              break;
+            }
+
+            throw new Error('Cannot get Release');
+
+          case 24:
+            release = resp.data;
+            nextVersion = (_release$distTags = release['dist-tags']) === null || _release$distTags === void 0 ? void 0 : _release$distTags["".concat(option.version, "-next")];
+            version = (_release$distTags2 = release['dist-tags']) === null || _release$distTags2 === void 0 ? void 0 : _release$distTags2[option.version]; // has gray version
+
+            if (nextVersion && release !== null && release !== void 0 && (_release$nextVersion = release['next-versions']) !== null && _release$nextVersion !== void 0 && _release$nextVersion[nextVersion] && uid) {
+              sampling = release['next-versions'][nextVersion].featureStatus.sampling || 0;
+
+              if (sampling * 100 > Number(uid.substring(uid.length - 2))) {
+                version = nextVersion;
+              }
+            }
+
+            entryUrl = normalizeEntryUrl(option.name, version, Release.resourceUrl || WIDGET_ENTRY_URL);
             return _context.abrupt("return", {
               version: version,
-              entryUrl: normalizeEntryUrl(option.name, version, Release.resourceUrl || WIDGET_ENTRY_URL)
+              entryUrl: entryUrl
             });
 
-          case 13:
+          case 30:
           case "end":
             return _context.stop();
         }

package/lib/widget.js

@@ -82,7 +82,7 @@ function createCWSWidget(option) {
             deps = _context.sent;
             return _context.abrupt("return", (0, _consoleOsLoader.loadBundle)({
               id: (0, _utils.normalizeName)(option.name),
-              url: (option.url || url).replace('index.js', option !== null && option !== void 0 && option.alfaLoader ? 'index.alfa.js' : 'index.js'),
+              url: (option.url || url || '').replace('index.js', option !== null && option !== void 0 && option.alfaLoader ? 'index.alfa.js' : 'index.js'),
               deps: _objectSpread(_objectSpread({}, deps), option.dependencies),
               xmlrequest: !option.alfaLoader,
               context: {

package/package.json

@@ -1,21 +1,23 @@
 {
   "name": "@alicloud/alfa-react",
-  "version": "1.4.0-alpha.7",
+  "version": "1.4.1",
   "description": "Alfa Framework (React Version)",
   "main": "lib/index.js",
   "module": "es/index.js",
-  "typings": "lib/index.d.ts",
+  "types": "types/index.d.ts",
   "author": "pushiming",
   "license": "MIT",
   "scripts": {
+    "prepublish": "npm run version && npm run build && npm run babel && npm run babel:esm && npm run types",
+    "build": "breezr build --engine webpack",
+    "babel": "breezr build --engine babel",
+    "babel:esm": "breezr build --engine babel --es-module",
+    "types": "tsc --emitDeclarationOnly -d --declarationDir ./types",
+    "storybook": "breezr start-storybook",
+    "clean": "rm -rf lib es dist types yarn.lock",
     "start": "breezr start-storybook",
     "precommit": "npm run version",
-    "prepublish": "npm run version && npm run build && npm run babel && npm run babel:esm",
-    "babel": "breezr build --engine babel && tsc --emitDeclarationOnly -d --declarationDir ./lib",
-    "babel:esm": "breezr build --engine babel --es-module",
-    "build": "breezr build --engine webpack",
-    "clean": "rm -rf lib yarn.lock",
-    "version": "node -p \"'export const version = \\'' + require('./package.json').version + '\\';'\" > src/version.ts"
+    "version": "node -p \"'export const version = \\'' + require('./package.json').version + '\\';'\" > src/version.ts && git add src/version.ts"
   },
   "publishConfig": {
     "access": "public"
@@ -39,7 +41,7 @@
     "typescript": "^3.0.3"
   },
   "dependencies": {
-    "@alicloud/alfa-core": "^1.4.0-alpha.7",
+    "@alicloud/alfa-core": "^1.4.1",
     "@alicloud/console-os-loader": "^1.2.3",
     "@alicloud/widget-utils-console": "^0.1.6",
     "classnames": "^2.2.6",
@@ -48,5 +50,5 @@
   "peerDependencies": {
     "react": "^16 | ^17"
   },
-  "gitHead": "cbff825e1580a9f4aa47b0d55a79777891deb93b"
+  "gitHead": "9794f150a8182d256c27f3407b7e2a91d48eae78"
 }

package/types/components/ErrorBoundary/ErrorPanel.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    error?: Error;
+}
+declare const ErrorPanel: React.FC<IProps>;
+export default ErrorPanel;

package/types/components/ErrorBoundary/index.d.ts

@@ -0,0 +1,17 @@
+import React, { ErrorInfo } from 'react';
+import { AlfaLogger } from '@alicloud/alfa-core';
+interface IProps {
+    fallbackRender?: (error?: Error) => Element;
+    appDidCatch?: (error?: Error, info?: ErrorInfo) => void;
+    logger?: AlfaLogger;
+}
+interface State {
+    hasError: boolean;
+    error?: Error;
+}
+declare class ErrorBoundary extends React.Component<IProps, State> {
+    constructor(props: IProps);
+    componentDidCatch(error: Error, errorInfo: ErrorInfo): void;
+    render(): {} | null | undefined;
+}
+export default ErrorBoundary;

package/types/components/Loading/Paragraph.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+declare type widthUnit = number | string;
+export interface SkeletonParagraphProps {
+    prefixCls?: string;
+    className?: string;
+    style?: object;
+    width?: widthUnit | widthUnit[];
+    rows?: number;
+}
+declare class Paragraph extends React.Component<SkeletonParagraphProps, {}> {
+    private getWidth;
+    render(): JSX.Element;
+}
+export default Paragraph;

package/types/components/Loading/Skeleton.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { SkeletonTitleProps } from './Title';
+import { SkeletonParagraphProps } from './Paragraph';
+export interface SkeletonProps {
+    active?: boolean;
+    loading?: boolean;
+    prefixCls?: string;
+    className?: string;
+    children?: React.ReactNode;
+    title?: SkeletonTitleProps | boolean;
+    paragraph?: SkeletonParagraphProps | boolean;
+}
+declare class Skeleton extends React.Component<SkeletonProps, any> {
+    static defaultProps: Partial<SkeletonProps>;
+    componentDidMount(): void;
+    renderSkeleton: () => {} | null | undefined;
+    render(): {} | null | undefined;
+}
+export default Skeleton;

package/types/components/Loading/Title.d.ts

@@ -0,0 +1,8 @@
+export interface SkeletonTitleProps {
+    prefixCls?: string;
+    className?: string;
+    style?: object;
+    width?: number | string;
+}
+declare const Title: ({ prefixCls, className, width, style }: SkeletonTitleProps) => JSX.Element;
+export default Title;

package/types/components/Loading/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export default function getLoading({ loading }: {
+    loading?: boolean | React.ReactChild;
+}): JSX.Element | null;

package/types/components/Loading/style.d.ts

@@ -0,0 +1,2 @@
+declare const _default: "\n.-os-skeleton * {\n  box-sizing: border-box;\n}\n.-os-skeleton {\n  box-sizing: border-box;\n  display: table;\n  width: 100%;\n  padding: 24px;\n}\n\n.-os-skeleton-header {\n  display: table-cell;\n  padding-right: 16px;\n  vertical-align: top\n}\n\n\n.-os-skeleton-content {\n  display: table-cell;\n  width: 100%;\n  vertical-align: top\n}\n\n.-os-skeleton-content .-os-skeleton-title {\n  width: 100%;\n  height: 16px;\n  margin-top: 16px;\n  background: #f2f2f2\n}\n\n.-os-skeleton-content .-os-skeleton-title+.-os-skeleton-paragraph {\n  margin-top: 24px\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph {\n  padding: 0\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li {\n  width: 100%;\n  height: 16px;\n  list-style: none;\n  background: #f2f2f2\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li:last-child:not(:first-child):not(:nth-child(2)) {\n  width: 61%\n}\n\n.-os-skeleton-content .-os-skeleton-paragraph>li+li {\n  margin-top: 16px\n}\n\n.-os-skeleton.-os-skeleton-active .-os-skeleton-content .-os-skeleton-title,.-os-skeleton.-os-skeleton-active .-os-skeleton-content .-os-skeleton-paragraph>li {\n  background: -webkit-gradient(linear, left top, right top, color-stop(25%, #f2f2f2), color-stop(37%, #e6e6e6), color-stop(63%, #f2f2f2));\n  background: linear-gradient(90deg, #f2f2f2 25%, #e6e6e6 37%, #f2f2f2 63%);\n  background-size: 400% 100%;\n  -webkit-animation: os-skeleton-loading 1.4s ease infinite;\n  animation: os-skeleton-loading 1.4s ease infinite\n}\n\n\n@-webkit-keyframes os-skeleton-loading {\n  0% {\n      background-position: 100% 50%\n  }\n\n  100% {\n      background-position: 0 50%\n  }\n}\n\n@keyframes os-skeleton-loading {\n  0% {\n      background-position: 100% 50%\n  }\n\n  100% {\n      background-position: 0 50%\n  }\n}\n";
+export default _default;

package/types/createAlfaApp.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { AlfaFactoryOption } from './types';
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): (() => null) | React.MemoExoticComponent<(props: P & {
+    history: any;
+    sandbox: {};
+}) => JSX.Element>;
+export default createAlfaApp;

package/types/createAlfaWidget.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { AlfaFactoryOption } from './types';
+declare function createAlfaApp<P = any>(option: AlfaFactoryOption): ((props: P) => JSX.Element) | (() => null) | React.MemoExoticComponent<(props: P) => JSX.Element>;
+export default createAlfaApp;

package/types/createApplication.d.ts

@@ -0,0 +1,12 @@
+import { BaseLoader } from '@alicloud/alfa-core';
+import { AlfaFactoryOption } from './types';
+interface IProps<C = any> extends AlfaFactoryOption {
+    customProps: C;
+}
+/**
+ * container for microApp mount
+ * @param loader alfa-core loader
+ * @returns
+ */
+export default function createApplication(loader: BaseLoader): <C = any>(props: IProps<C>) => JSX.Element;
+export {};

package/types/hooks/beforeLoadHook.d.ts

@@ -0,0 +1,3 @@
+import { IAppConfig } from '@alicloud/alfa-core';
+declare function afterLoadHook(appConfig: IAppConfig): Promise<IAppConfig<any>>;
+export default afterLoadHook;

package/types/hooks/beforeResolveHook.d.ts

@@ -0,0 +1,3 @@
+import { IAppConfig } from '@alicloud/alfa-core';
+declare function beforeResolveHook(appConfig: IAppConfig): Promise<IAppConfig<any>>;
+export default beforeResolveHook;

package/types/index.d.ts

@@ -0,0 +1,4 @@
+export { default as createAlfaApp } from './createAlfaApp';
+export { default as createAlfaWidget } from './createAlfaWidget';
+export { eventEmitter as widgetEventEmitter } from './widget/index';
+export { createEventBus, prefetch } from '@alicloud/alfa-core';

package/types/types/index.d.ts

@@ -0,0 +1,91 @@
+/// <reference types="react" />
+import React from 'React';
+import { createMicroApp, IAppConfig } from '@alicloud/alfa-core';
+export interface AlfaVersion {
+    entry: string;
+}
+declare type Version = string;
+export interface AlfaReleaseConfig {
+    versions: Record<Version, AlfaVersion>;
+    'dist-tag': Record<string, string>;
+}
+export declare type EnvEnum = 'prod' | 'local' | 'pre' | 'daily';
+export interface AlfaFactoryOption extends IAppConfig {
+    loading?: boolean | React.ReactChild;
+    dependencies?: Record<string, any>;
+    className?: string;
+    style?: Record<string, any>;
+    unstable_runtime?: {
+        css?: Record<string, string>;
+        js?: Record<string, string>;
+    };
+    runtimeVersion?: string;
+    fallbackRender?: (error: Error) => Element;
+}
+declare type OmitKeys = 'manifest';
+export interface WidgetFactoryOption extends Omit<AlfaFactoryOption, OmitKeys> {
+    runtimeVersion?: string;
+    alfaLoader?: boolean;
+    theme?: string;
+    central?: boolean;
+    host?: string;
+    configHost?: string;
+}
+export interface AlfaEnvConfigDescriptor {
+    releaseUrl: string;
+    configUrl?: string;
+    cdnBackupUrl?: string;
+    resourceUrl?: string;
+}
+export interface AlfaEnvConfig {
+    daily: AlfaEnvConfigDescriptor;
+    local: AlfaEnvConfigDescriptor;
+    pre: AlfaEnvConfigDescriptor;
+    prod: AlfaEnvConfigDescriptor;
+}
+export interface WidgetReleaseConfig {
+    [id: string]: {
+        [version: string]: {
+            latest: string;
+        };
+    };
+}
+export interface WidgetCWSConfig {
+    conf: {
+        [channel: string]: {
+            [key: string]: string;
+        };
+    };
+    features: {
+        [channel: string]: {
+            [key: string]: boolean;
+        };
+    };
+    links: {
+        [channel: string]: {
+            [key: string]: string;
+        };
+    };
+    locales: {
+        [locale: string]: {
+            messages: {
+                [key: string]: string;
+            };
+        };
+    };
+}
+export interface WidgetRuntime {
+    react: any;
+    reactDom: any;
+    axios: any;
+    'prop-types': any;
+    '@ali/wind': any;
+    '@ali/wind-utils-console': any;
+    '@ali/wind-intl': any;
+    '@ali/wind-intl/lib/Provider': any;
+    '@ali/wind-intl/lib/withRcIntl': any;
+    '@ali/widget-utils-console': any;
+}
+declare type ThenArg<T> = T extends PromiseLike<infer U> ? U : T;
+export declare type MicroApplication = ThenArg<ReturnType<typeof createMicroApp>>;
+export {};

package/types/utils/getConsoleConfig.d.ts

@@ -0,0 +1,21 @@
+import { AlfaConfig } from '@alicloud/alfa-core';
+export declare const getConsoleConfig: (configData: AlfaConfig, consoleConfig: any) => Promise<{
+    CHANNEL_LINKS: Partial<Record<string, string>>;
+    CHANNEL_FEATURE_STATUS: Record<string, {
+        status: boolean;
+        attribute: {
+            customAttrs: Record<string, unknown>;
+            regions: string[] | {
+                region: string[];
+            };
+        };
+    }>;
+    FEATURE_STATUS: Partial<Record<string, boolean>>;
+    fEnv?: "pre" | "local" | "prod" | "daily" | undefined;
+    LOCALE?: string | undefined;
+    CHANNEL?: string | undefined;
+    SEC_TOKEN?: string | undefined;
+    portalType?: string | undefined;
+    MAIN_ACCOUNT_PK?: string | undefined;
+    CURRENT_PK?: string | undefined;
+}>;

package/types/utils/getConsoleGlobal.d.ts

@@ -0,0 +1,2 @@
+import { AlfaConfig, IWin } from '@alicloud/alfa-core';
+export declare const getConsoleGlobal: (configData: AlfaConfig, global: IWin['ALIYUN_CONSOLE_GLOBAL']) => Promise<{}>;

package/types/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const normalizeName: (name: string) => string;

package/types/version.d.ts

@@ -0,0 +1 @@
+export declare const version = "1.4.1";

package/types/widget/emitter.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="node" />
+import { EventEmitter } from 'events';
+declare class WidgetEventEmitter extends EventEmitter {
+    refersh(widgetId: string): boolean;
+    refershWidget(widgetId: string): boolean;
+}
+declare const _default: WidgetEventEmitter;
+export default _default;

package/types/widget/env.d.ts

@@ -0,0 +1,4 @@
+import { AlfaEnvConfig, EnvEnum } from '../types';
+export declare const ENV: AlfaEnvConfig;
+export declare const DIS_ENV: AlfaEnvConfig;
+export declare const getConsoleEnv: () => EnvEnum;

package/types/widget/getWidgetConfigById.d.ts

@@ -0,0 +1,2 @@
+import { WidgetFactoryOption, WidgetCWSConfig } from '../types';
+export declare const getWidgetConfigById: (option: WidgetFactoryOption) => Promise<WidgetCWSConfig>;

package/types/widget/getWidgetDeps.d.ts

@@ -0,0 +1,2 @@
+import { WidgetCWSConfig, WidgetRuntime, WidgetFactoryOption } from '../types';
+export declare const getWidgetDeps: (config: WidgetCWSConfig, option?: WidgetFactoryOption | undefined) => Promise<WidgetRuntime>;

package/types/widget/getWidgetVersionById.d.ts

@@ -0,0 +1,6 @@
+import { WidgetFactoryOption } from '../types';
+export declare let cachedRelease: Record<string, any> | null;
+export declare const getWidgetVersionById: (option: WidgetFactoryOption) => Promise<{
+    version: any;
+    entryUrl: string;
+}>;

package/types/widget/index.d.ts

@@ -0,0 +1,4 @@
+export * from './getWidgetVersionById';
+export * from './getWidgetConfigById';
+export * from './getWidgetDeps';
+export { default as eventEmitter } from './emitter';

package/types/widget.d.ts

@@ -0,0 +1,2 @@
+import { WidgetFactoryOption } from './types';
+export declare function createCWSWidget<T>(option: WidgetFactoryOption): (props: T) => JSX.Element;