@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.
- package/lib/main.d.ts +15 -4
- package/lib/main.js +145 -49
- 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?: (
|
|
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
|
|
29
|
-
export declare function
|
|
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
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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 (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
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
|
-
|
|
43
|
-
|
|
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
|
-
|
|
49
|
-
return new Promise((resolve, reject)
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
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',
|
|
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.
|
|
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",
|