@antglobal/create-sdk-loader 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/main.d.ts +15 -4
  2. package/lib/main.js +145 -49
  3. package/package.json +2 -4
package/lib/main.d.ts CHANGED
@@ -1,10 +1,20 @@
1
- type Code = 'NO_REMOTE_CLASS' | 'LOAD_ERROR' | 'INIT_ERROR';
1
+ type Code = 'NO_REMOTE_CLASS' | 'LOAD_ERROR' | 'INIT_ERROR' | 'LOAD_TIMEOUT';
2
2
  declare class LoaderError extends Error {
3
3
  code: Code;
4
4
  constructor(code: Code, message: string);
5
5
  }
6
+ interface InitType<ClassType> {
7
+ init: () => Promise<ClassType>;
8
+ }
6
9
  interface LoaderConfig<Config, ClassType> {
10
+ /**
11
+ * @description sdk cdn url
12
+ */
7
13
  sdkURL: string;
14
+ /**
15
+ * @description the unit is ms, default 20000
16
+ */
17
+ timeout?: number;
8
18
  globalName: string | (() => new (config: Config) => ClassType);
9
19
  /**
10
20
  * @description when load error occurs, you can use this callback to monitoring report
@@ -19,12 +29,13 @@ interface LoaderConfig<Config, ClassType> {
19
29
  * @description you can use this callback to monitoring report
20
30
  * @param fromCache whether the SDK is loaded from cache
21
31
  */
22
- onLoadComplete?: (fromCache: boolean) => void;
32
+ onLoadComplete?: () => void;
23
33
  /**
24
34
  * @description when the SDK is initialized successfully, you can use this callback to monitoring report
25
35
  */
26
36
  onInitialized?: (instance: ClassType, url: string) => void;
27
37
  }
28
- export declare function createLoader<Config, ClassType>(loadConfig: LoaderConfig<Config, ClassType>): (config: Config) => Promise<ClassType>;
29
- export declare function loadScript<T = any>(url: string): Promise<T>;
38
+ export declare function createInstance<Config, ClassType extends InitType<ClassType>>(ClassConstructor: new (config: Config) => ClassType, config: Config): Promise<ClassType>;
39
+ export declare function createLoader<Config, ClassType extends InitType<ClassType>>(loadConfig: LoaderConfig<Config, ClassType>): (config: Config) => Promise<ClassType>;
40
+ export declare function loadScript<ClassType extends InitType<ClassType>, Params = any, SDKConstructor = new (config: Params) => ClassType>(url: string, globalName: string | (() => SDKConstructor)): Promise<SDKConstructor>;
30
41
  export {};
package/lib/main.js CHANGED
@@ -1,64 +1,160 @@
1
- class LoaderError extends Error {
2
- code;
3
- constructor(code, message) {
4
- super(message);
5
- this.name = 'LoaderError';
6
- this.code = code;
7
- }
8
- }
9
- export function createLoader(loadConfig) {
10
- const { sdkURL, globalName, onLoadComplete, onError, onLoadStart, onInitialized } = loadConfig;
11
- const getRemoteClass = () => {
12
- if (typeof globalName === 'function') {
13
- return globalName();
14
- }
15
- else {
16
- return window[globalName];
17
- }
1
+ "use strict";
2
+ var __extends = (this && this.__extends) || (function () {
3
+ var extendStatics = function (d, b) {
4
+ extendStatics = Object.setPrototypeOf ||
5
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
6
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
7
+ return extendStatics(d, b);
18
8
  };
19
- return (config) => {
20
- onLoadStart?.();
21
- let RemoteClass = getRemoteClass();
22
- if (RemoteClass) {
23
- onLoadComplete?.(true);
24
- return Promise.resolve(new RemoteClass(config));
25
- }
26
- return loadScript(sdkURL)
27
- .then(() => {
28
- onLoadComplete?.(false);
29
- const RemoteClass = getRemoteClass();
30
- if (!RemoteClass) {
31
- throw new LoaderError('NO_REMOTE_CLASS', `No variables ${globalName} were found. Cannot be initialized the Class ${globalName}`);
32
- }
33
- try {
34
- const instance = new RemoteClass(config);
35
- onInitialized?.(instance, window.location.href);
36
- return instance;
37
- }
38
- catch (e) {
39
- throw new LoaderError('INIT_ERROR', `Initialize Class ${globalName} failed: ${e.message}`);
9
+ return function (d, b) {
10
+ if (typeof b !== "function" && b !== null)
11
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
12
+ extendStatics(d, b);
13
+ function __() { this.constructor = d; }
14
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
15
+ };
16
+ })();
17
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
18
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
19
+ return new (P || (P = Promise))(function (resolve, reject) {
20
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
21
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
22
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
23
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
24
+ });
25
+ };
26
+ var __generator = (this && this.__generator) || function (thisArg, body) {
27
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
28
+ return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
29
+ function verb(n) { return function (v) { return step([n, v]); }; }
30
+ function step(op) {
31
+ if (f) throw new TypeError("Generator is already executing.");
32
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
33
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
34
+ if (y = 0, t) op = [op[0] & 2, t.value];
35
+ switch (op[0]) {
36
+ case 0: case 1: t = op; break;
37
+ case 4: _.label++; return { value: op[1], done: false };
38
+ case 5: _.label++; y = op[1]; op = [0]; continue;
39
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
40
+ default:
41
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
42
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
43
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
44
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
45
+ if (t[2]) _.ops.pop();
46
+ _.trys.pop(); continue;
40
47
  }
41
- })
42
- .catch((e) => {
43
- onError?.(e);
48
+ op = body.call(thisArg, _);
49
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
50
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
51
+ }
52
+ };
53
+ Object.defineProperty(exports, "__esModule", { value: true });
54
+ exports.createInstance = createInstance;
55
+ exports.createLoader = createLoader;
56
+ exports.loadScript = loadScript;
57
+ var LoaderError = /** @class */ (function (_super) {
58
+ __extends(LoaderError, _super);
59
+ function LoaderError(code, message) {
60
+ var _this = _super.call(this, message) || this;
61
+ Object.defineProperty(_this, "code", {
62
+ enumerable: true,
63
+ configurable: true,
64
+ writable: true,
65
+ value: void 0
66
+ });
67
+ _this.name = 'LoaderError';
68
+ _this.code = code;
69
+ return _this;
70
+ }
71
+ return LoaderError;
72
+ }(Error));
73
+ function createInstance(ClassConstructor, config) {
74
+ var instance = new ClassConstructor(config);
75
+ return instance.init();
76
+ }
77
+ function createLoader(loadConfig) {
78
+ var _this = this;
79
+ var sdkURL = loadConfig.sdkURL, globalName = loadConfig.globalName, _a = loadConfig.timeout, timeout = _a === void 0 ? 20000 : _a, onLoadComplete = loadConfig.onLoadComplete, onError = loadConfig.onError, onLoadStart = loadConfig.onLoadStart, onInitialized = loadConfig.onInitialized;
80
+ return function (config) {
81
+ onLoadStart === null || onLoadStart === void 0 ? void 0 : onLoadStart();
82
+ var _loadScript = createTimeout(function () { return loadScript(sdkURL, globalName); }, timeout);
83
+ return _loadScript()
84
+ .then(function (RemoteClass) { return __awaiter(_this, void 0, void 0, function () {
85
+ var instance, e_1;
86
+ return __generator(this, function (_a) {
87
+ switch (_a.label) {
88
+ case 0:
89
+ onLoadComplete === null || onLoadComplete === void 0 ? void 0 : onLoadComplete();
90
+ if (!RemoteClass) {
91
+ throw new LoaderError('NO_REMOTE_CLASS', "No variables ".concat(globalName, " were found. Cannot be initialized the Class ").concat(globalName));
92
+ }
93
+ _a.label = 1;
94
+ case 1:
95
+ _a.trys.push([1, 3, , 4]);
96
+ return [4 /*yield*/, createInstance(RemoteClass, config)];
97
+ case 2:
98
+ instance = _a.sent();
99
+ onInitialized === null || onInitialized === void 0 ? void 0 : onInitialized(instance, window.location.href);
100
+ return [2 /*return*/, instance];
101
+ case 3:
102
+ e_1 = _a.sent();
103
+ throw new LoaderError('INIT_ERROR', "Initialize Class ".concat(globalName, " failed: ").concat(e_1.message));
104
+ case 4: return [2 /*return*/];
105
+ }
106
+ });
107
+ }); })
108
+ .catch(function (e) {
109
+ onError === null || onError === void 0 ? void 0 : onError(e);
44
110
  return Promise.reject(e);
45
111
  });
46
112
  };
47
113
  }
48
- export function loadScript(url) {
49
- return new Promise((resolve, reject) => {
50
- const existedScript = document.querySelector(`script[src="${url}"]`);
51
- const script = existedScript || document.createElement('script');
114
+ function loadScript(url, globalName) {
115
+ return new Promise(function (resolve, reject) {
116
+ var getRemoteClass = function () {
117
+ if (typeof globalName === 'function') {
118
+ return globalName();
119
+ }
120
+ else {
121
+ var className = window[globalName];
122
+ return (className === null || className === void 0 ? void 0 : className.default) || className;
123
+ }
124
+ };
125
+ var RemoteClass = getRemoteClass();
126
+ if (RemoteClass) {
127
+ return resolve(RemoteClass);
128
+ }
129
+ var existedScript = document.querySelector("script[src=\"".concat(url, "\"]"));
130
+ var script = existedScript || document.createElement('script');
52
131
  script.src = url;
53
132
  script.async = true;
54
- script.addEventListener('load', () => {
55
- resolve(true);
133
+ script.addEventListener('load', function () {
134
+ // There is must use getRemoteClass
135
+ resolve(getRemoteClass());
56
136
  });
57
- script.addEventListener('error', (e) => {
58
- reject(new LoaderError('LOAD_ERROR', `Load script ${url} failed: ${e.message}`));
137
+ script.addEventListener('error', function (e) {
138
+ reject(new LoaderError('LOAD_ERROR', "Load script ".concat(url, " failed: ").concat(e.message)));
59
139
  });
60
140
  if (!existedScript) {
61
141
  document.head.appendChild(script);
62
142
  }
63
143
  });
64
144
  }
145
+ function createTimeout(fn, t) {
146
+ return function () {
147
+ var _args = [];
148
+ for (var _i = 0; _i < arguments.length; _i++) {
149
+ _args[_i] = arguments[_i];
150
+ }
151
+ return Promise.race([
152
+ new Promise(function (_r, reject) {
153
+ setTimeout(function () {
154
+ reject(new LoaderError('LOAD_TIMEOUT', "Load timeout: ".concat(t)));
155
+ }, t);
156
+ }),
157
+ fn.apply(void 0, _args)
158
+ ]);
159
+ };
160
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@antglobal/create-sdk-loader",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "main": "./lib/main.js",
5
5
  "module": "./lib/main.js",
6
6
  "types": "./lib/main.d.ts",
@@ -10,9 +10,7 @@
10
10
  ],
11
11
  "scripts": {
12
12
  "dev": "vite",
13
- "build": "tsc",
14
- "preview": "vite preview",
15
- "postpublish": "node scripts/restorePkg.mjs"
13
+ "build": "tsc"
16
14
  },
17
15
  "devDependencies": {
18
16
  "typescript": "~5.9.3",