@antv/infographic 0.2.11 → 0.2.13

package/lib/resource/loaders/search.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.loadSearchResource = loadSearchResource;
 const constants_1 = require("../../constants");
@@ -6,15 +15,16 @@ const utils_1 = require("../../utils");
 const image_1 = require("./image");
 const remote_1 = require("./remote");
 const svg_1 = require("./svg");
-const queryIcon = async (query) => {
+const queryIcon = (query) => __awaiter(void 0, void 0, void 0, function* () {
+    var _a;
     try {
         const params = new URLSearchParams({ text: query, topK: '1' });
         const url = `${constants_1.ICON_SERVICE_URL}?${params.toString()}`;
-        const response = await (0, utils_1.fetchWithCache)(url);
+        const response = yield (0, utils_1.fetchWithCache)(url);
         if (!response.ok)
             return null;
-        const result = await response.json();
-        if (!result?.status || !Array.isArray(result.data?.data))
+        const result = yield response.json();
+        if (!(result === null || result === void 0 ? void 0 : result.status) || !Array.isArray((_a = result.data) === null || _a === void 0 ? void 0 : _a.data))
             return null;
         return result.data.data[0] || null;
     }
@@ -22,7 +32,7 @@ const queryIcon = async (query) => {
         console.error(`Failed to query icon for "${query}":`, error);
         return null;
     }
-};
+});
 function isDataURI(resource) {
     return resource.startsWith('data:');
 }
@@ -30,26 +40,29 @@ function looksLikeSVG(resource) {
     const str = resource.trim();
     return str.startsWith('<svg') || str.startsWith('<symbol');
 }
-async function loadSearchResource(query, format) {
-    if (!query)
-        return null;
-    const result = await queryIcon(query);
-    if (!result)
-        return null;
-    if (looksLikeSVG(result))
-        return (0, svg_1.loadSVGResource)(result);
-    if (isDataURI(result)) {
-        const mimeType = result.match(/^data:([^;]+)/)?.[1] || '';
-        const isBase64 = result.includes(';base64,');
-        if (mimeType === 'image/svg+xml' && !isBase64) {
-            const commaIndex = result.indexOf(',');
-            const svgText = commaIndex >= 0 ? result.slice(commaIndex + 1) : result;
-            return (0, svg_1.loadSVGResource)(svgText);
-        }
-        if (mimeType === 'image/svg+xml' && format === 'svg' && isBase64) {
+function loadSearchResource(query, format) {
+    return __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (!query)
+            return null;
+        const result = yield queryIcon(query);
+        if (!result)
+            return null;
+        if (looksLikeSVG(result))
+            return (0, svg_1.loadSVGResource)(result);
+        if (isDataURI(result)) {
+            const mimeType = ((_a = result.match(/^data:([^;]+)/)) === null || _a === void 0 ? void 0 : _a[1]) || '';
+            const isBase64 = result.includes(';base64,');
+            if (mimeType === 'image/svg+xml' && !isBase64) {
+                const commaIndex = result.indexOf(',');
+                const svgText = commaIndex >= 0 ? result.slice(commaIndex + 1) : result;
+                return (0, svg_1.loadSVGResource)(svgText);
+            }
+            if (mimeType === 'image/svg+xml' && format === 'svg' && isBase64) {
+                return (0, image_1.loadImageBase64Resource)(result);
+            }
             return (0, image_1.loadImageBase64Resource)(result);
         }
-        return (0, image_1.loadImageBase64Resource)(result);
-    }
-    return (0, remote_1.loadRemoteResource)(result, format);
+        return (0, remote_1.loadRemoteResource)(result, format);
+    });
 }

package/lib/resource/utils/parser.js

@@ -21,6 +21,7 @@ function inferFormatFromUrl(url) {
     return undefined;
 }
 function parseRefResource(resource) {
+    var _a;
     if (!resource.startsWith('ref:'))
         return null;
     const rest = resource.slice(4);
@@ -29,7 +30,7 @@ function parseRefResource(resource) {
         return null;
     let format;
     if (restParts.length > 1 && KNOWN_FORMATS.has(restParts[0].toLowerCase())) {
-        format = restParts.shift()?.toLowerCase();
+        format = (_a = restParts.shift()) === null || _a === void 0 ? void 0 : _a.toLowerCase();
     }
     const payload = restParts.join(':');
     if (!payload)

package/lib/runtime/Infographic.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -61,6 +70,7 @@ class Infographic {
         this.performRender();
     }
     performRender() {
+        var _a;
         const parsedOptions = this.parsedOptions;
         if (!(0, utils_2.isCompleteParsedInfographicOptions)(parsedOptions)) {
             this.emitter.emit('error', new Error('Incomplete options'));
@@ -70,8 +80,8 @@ class Infographic {
         const template = this.compose(parsedOptions);
         const renderer = new renderer_1.Renderer(parsedOptions, template);
         this.node = renderer.render();
-        container?.replaceChildren(this.node);
-        this.editor?.destroy();
+        container === null || container === void 0 ? void 0 : container.replaceChildren(this.node);
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
         this.editor = undefined;
         if (this.options.editable) {
             this.editor = new editor_1.Editor(this.emitter, this.node, parsedOptions);
@@ -101,7 +111,7 @@ class Infographic {
         const Title = title.component;
         const Item = item.component;
         const Items = items.map((it) => it.component);
-        const svg = (0, jsx_1.renderSVG)((0, jsx_runtime_1.jsx)(Structure, { data: data, Title: Title, Item: Item, Items: Items, options: parsedOptions, ...structureProps }));
+        const svg = (0, jsx_1.renderSVG)((0, jsx_runtime_1.jsx)(Structure, Object.assign({ data: data, Title: Title, Item: Item, Items: Items, options: parsedOptions }, structureProps)));
         const template = (0, utils_1.parseSVG)(svg);
         if (!template) {
             throw new Error('Failed to parse SVG template');
@@ -125,14 +135,16 @@ class Infographic {
      * @returns Data URL string of the exported infographic
      * @description This method need to be called after `render()` and in a browser environment.
      */
-    async toDataURL(options) {
-        if (!this.node) {
-            throw new Error('Infographic is not rendered yet.');
-        }
-        if (options?.type === 'svg') {
-            return await (0, exporter_1.exportToSVGString)(this.node, options);
-        }
-        return await (0, exporter_1.exportToPNGString)(this.node, options);
+    toDataURL(options) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.node) {
+                throw new Error('Infographic is not rendered yet.');
+            }
+            if ((options === null || options === void 0 ? void 0 : options.type) === 'svg') {
+                return yield (0, exporter_1.exportToSVGString)(this.node, options);
+            }
+            return yield (0, exporter_1.exportToPNGString)(this.node, options);
+        });
     }
     on(event, listener) {
         this.emitter.on(event, listener);
@@ -141,8 +153,9 @@ class Infographic {
         this.emitter.off(event, listener);
     }
     destroy() {
-        this.editor?.destroy();
-        this.node?.remove();
+        var _a, _b;
+        (_a = this.editor) === null || _a === void 0 ? void 0 : _a.destroy();
+        (_b = this.node) === null || _b === void 0 ? void 0 : _b.remove();
         this.node = null;
         this.rendered = false;
         this.emitter.emit('destroyed');

package/lib/runtime/utils.js

@@ -6,23 +6,20 @@ exports.isCompleteParsedInfographicOptions = isCompleteParsedInfographicOptions;
 const lodash_es_1 = require("lodash-es");
 const utils_1 = require("../utils");
 function mergeOptions(object, source) {
-    const base = {
-        ...object,
-        ...source,
-    };
+    const base = Object.assign(Object.assign({}, object), source);
     if (object.design || source.design) {
-        base.design = { ...object.design, ...source.design };
+        base.design = Object.assign(Object.assign({}, object.design), source.design);
     }
     if (object.themeConfig || source.themeConfig) {
-        base.themeConfig = { ...object.themeConfig, ...source.themeConfig };
+        base.themeConfig = Object.assign(Object.assign({}, object.themeConfig), source.themeConfig);
     }
     if (object.svg || source.svg) {
-        base.svg = { ...object.svg, ...source.svg };
+        base.svg = Object.assign(Object.assign({}, object.svg), source.svg);
     }
     return base;
 }
 function cloneOptions(options) {
-    const cloned = { ...options };
+    const cloned = Object.assign({}, options);
     if (cloned.data)
         cloned.data = (0, lodash_es_1.cloneDeep)(cloned.data);
     if (cloned.elements)

package/lib/ssr/renderer.js

@@ -1,4 +1,13 @@
 "use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderToString = renderToString;
 const exporter_1 = require("../exporter");
@@ -6,43 +15,41 @@ const renderer_1 = require("../renderer");
 const runtime_1 = require("../runtime");
 const utils_1 = require("../utils");
 const dom_shim_1 = require("./dom-shim");
-async function renderToString(options, init) {
-    const { document } = (0, dom_shim_1.setupDOM)();
-    const container = document.getElementById('container');
-    let infographic;
-    let timeoutId;
-    try {
-        infographic = new runtime_1.Infographic({
-            ...init,
-            container,
-            editable: false,
-        });
-        const renderPromise = new Promise((resolve, reject) => {
-            infographic.on('loaded', async ({ node }) => {
-                try {
-                    const svg = await (0, exporter_1.exportToSVG)(node, { embedResources: true });
-                    resolve(svg.outerHTML);
-                }
-                catch (e) {
-                    reject(e);
-                }
+function renderToString(options, init) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const { document } = (0, dom_shim_1.setupDOM)();
+        const container = document.getElementById('container');
+        let infographic;
+        let timeoutId;
+        try {
+            infographic = new runtime_1.Infographic(Object.assign(Object.assign({}, init), { container, editable: false }));
+            const renderPromise = new Promise((resolve, reject) => {
+                infographic.on('loaded', (_a) => __awaiter(this, [_a], void 0, function* ({ node }) {
+                    try {
+                        const svg = yield (0, exporter_1.exportToSVG)(node, { embedResources: true });
+                        resolve(svg.outerHTML);
+                    }
+                    catch (e) {
+                        reject(e);
+                    }
+                }));
+            });
+            const timeoutPromise = new Promise((_, reject) => {
+                timeoutId = setTimeout(() => {
+                    reject(new Error('SSR render timeout'));
+                }, 10000);
             });
-        });
-        const timeoutPromise = new Promise((_, reject) => {
-            timeoutId = setTimeout(() => {
-                reject(new Error('SSR render timeout'));
-            }, 10000);
-        });
-        infographic.render(options);
-        const svg = await Promise.race([renderPromise, timeoutPromise]);
-        return injectXMLStylesheet(svg);
-    }
-    finally {
-        clearTimeout(timeoutId);
-        if (infographic) {
-            infographic.destroy();
+            infographic.render(options);
+            const svg = yield Promise.race([renderPromise, timeoutPromise]);
+            return injectXMLStylesheet(svg);
         }
-    }
+        finally {
+            clearTimeout(timeoutId);
+            if (infographic) {
+                infographic.destroy();
+            }
+        }
+    });
 }
 function injectXMLStylesheet(svg) {
     const matched = svg.matchAll(/font-family="([\S ]+?)"/g);

package/lib/syntax/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseSyntax = parseSyntax;
 const mapper_1 = require("./mapper");
@@ -6,11 +17,12 @@ const parser_1 = require("./parser");
 const relations_1 = require("./relations");
 const schema_1 = require("./schema");
 function normalizeItems(items) {
+    var _a;
     const seen = new Set();
     const normalized = [];
     for (let index = items.length - 1; index >= 0; index -= 1) {
         const item = items[index];
-        const id = item.id ?? item.label;
+        const id = (_a = item.id) !== null && _a !== void 0 ? _a : item.label;
         if (!id) {
             normalized.push(item);
             continue;
@@ -38,10 +50,11 @@ function resolveTemplate(node, errors) {
     return undefined;
 }
 function parseSyntax(input) {
+    var _a;
     const { ast, errors } = (0, parser_1.parseSyntaxToAst)(input);
     const warnings = [];
     const options = {};
-    const mergedEntries = { ...ast.entries };
+    const mergedEntries = Object.assign({}, ast.entries);
     const infographicNode = ast.entries.infographic;
     let templateFromInfographic;
     if (infographicNode && infographicNode.kind === 'object') {
@@ -90,9 +103,9 @@ function parseSyntax(input) {
         let relationsNode;
         let dataNodeForMapping = dataNode;
         if (dataNode.kind === 'object') {
-            const { relations, ...rest } = dataNode.entries;
+            const _b = dataNode.entries, { relations } = _b, rest = __rest(_b, ["relations"]);
             relationsNode = relations;
-            dataNodeForMapping = { ...dataNode, entries: rest };
+            dataNodeForMapping = Object.assign(Object.assign({}, dataNode), { entries: rest });
         }
         const data = (0, mapper_1.mapWithSchema)(dataNodeForMapping, schema_1.DataSchema, 'data', errors);
         if (data)
@@ -100,7 +113,7 @@ function parseSyntax(input) {
         if (relationsNode) {
             const parsed = (0, relations_1.parseRelationsNode)(relationsNode, errors, 'data.relations');
             if (parsed.relations.length > 0 || parsed.items.length > 0) {
-                const current = (options.data ?? {});
+                const current = ((_a = options.data) !== null && _a !== void 0 ? _a : {});
                 const existingItems = Array.isArray(current.items)
                     ? current.items
                     : [];
@@ -131,7 +144,7 @@ function parseSyntax(input) {
     if (themeNode) {
         const theme = (0, mapper_1.mapWithSchema)(themeNode, schema_1.ThemeSchema, 'theme', errors);
         if (theme && typeof theme === 'object') {
-            const { type, ...rest } = theme;
+            const _c = theme, { type } = _c, rest = __rest(_c, ["type"]);
             if (typeof type === 'string' && type)
                 options.theme = type;
             if (Object.keys(rest).length > 0) {

package/lib/syntax/mapper.js

@@ -270,7 +270,7 @@ function mapWithSchema(node, schema, path, errors) {
                     return result;
                 }
                 const inline = (0, parser_1.parseInlineKeyValue)(node.value);
-                if (inline?.value !== undefined) {
+                if ((inline === null || inline === void 0 ? void 0 : inline.value) !== undefined) {
                     if (schema.fields[inline.key]) {
                         const value = mapWithSchema(createValueNode(inline.value, node.line), schema.fields[inline.key], `${path}.${inline.key}`, errors);
                         if (value !== undefined)
@@ -297,7 +297,7 @@ function mapWithSchema(node, schema, path, errors) {
                 }
                 else {
                     const inline = (0, parser_1.parseInlineKeyValue)(node.value);
-                    if (inline?.value !== undefined) {
+                    if ((inline === null || inline === void 0 ? void 0 : inline.value) !== undefined) {
                         if (schema.fields[inline.key]) {
                             const value = mapWithSchema(createValueNode(inline.value, node.line), schema.fields[inline.key], `${path}.${inline.key}`, errors);
                             if (value !== undefined && result[inline.key] === undefined) {