pxt-core 9.2.9 → 9.2.11

package/built/pxt.js

@@ -105304,251 +105304,11 @@ var pxt;
     (function (crowdin) {
         crowdin.KEY_VARIABLE = "CROWDIN_KEY";
         crowdin.testMode = false;
-        crowdin.TEST_KEY = "!!!testmode!!!";
         function setTestMode() {
             pxt.crowdin.testMode = true;
             pxt.log(`CROWDIN TEST MODE - files will NOT be uploaded`);
         }
         crowdin.setTestMode = setTestMode;
-        function multipartPostAsync(key, uri, data = {}, filename = null, filecontents = null) {
-            if (crowdin.testMode || key == crowdin.TEST_KEY) {
-                const resp = {
-                    success: true
-                };
-                return Promise.resolve({ statusCode: 200, headers: {}, text: JSON.stringify(resp), json: resp });
-            }
-            return pxt.Util.multipartPostAsync(uri, data, filename, filecontents);
-        }
-        function apiUri(branch, prj, key, cmd, args) {
-            pxt.Util.assert(!!prj && !!key && !!cmd);
-            const apiRoot = "https://api.crowdin.com/api/project/" + prj + "/";
-            args = args || {};
-            if (crowdin.testMode)
-                delete args["key"]; // ensure no key is passed in test mode
-            else
-                args["key"] = key;
-            if (branch)
-                args["branch"] = branch;
-            return apiRoot + cmd + "?" + Object.keys(args).map(k => `${k}=${encodeURIComponent(args[k])}`).join("&");
-        }
-        function downloadTranslationsAsync(branch, prj, key, filename, options = {}) {
-            const q = { json: "true" };
-            const infoUri = apiUri(branch, prj, key, "info", q);
-            const r = {};
-            filename = normalizeFileName(filename);
-            return pxt.Util.httpGetTextAsync(infoUri).then(respText => {
-                const info = JSON.parse(respText);
-                if (!info)
-                    throw new Error("info failed");
-                let todo = info.languages.filter(l => l.code != "en");
-                if (pxt.appTarget && pxt.appTarget.appTheme && pxt.appTarget.appTheme.availableLocales)
-                    todo = todo.filter(l => pxt.appTarget.appTheme.availableLocales.indexOf(l.code) > -1);
-                pxt.log('languages: ' + todo.map(l => l.code).join(', '));
-                const nextFile = () => {
-                    const item = todo.pop();
-                    if (!item)
-                        return Promise.resolve();
-                    const exportFileUri = apiUri(branch, prj, key, "export-file", {
-                        file: filename,
-                        language: item.code,
-                        export_translated_only: options.translatedOnly ? "1" : "0",
-                        export_approved_only: options.validatedOnly ? "1" : "0"
-                    });
-                    pxt.log(`downloading ${item.name} - ${item.code} (${todo.length} more)`);
-                    return pxt.Util.httpGetTextAsync(exportFileUri).then((transationsText) => {
-                        try {
-                            const translations = JSON.parse(transationsText);
-                            if (translations)
-                                r[item.code] = translations;
-                        }
-                        catch (e) {
-                            pxt.log(exportFileUri + ' ' + e);
-                        }
-                        return nextFile();
-                    }).then(() => pxt.Util.delay(1000)); // throttling otherwise crowdin fails
-                };
-                return nextFile();
-            }).then(() => r);
-        }
-        crowdin.downloadTranslationsAsync = downloadTranslationsAsync;
-        function mkIncr(filename) {
-            let cnt = 0;
-            return function incr() {
-                if (cnt++ > 10) {
-                    throw new Error("Too many API calls for " + filename);
-                }
-            };
-        }
-        function createDirectoryAsync(branch, prj, key, name, incr) {
-            name = normalizeFileName(name);
-            pxt.debug(`create directory ${branch || ""}/${name}`);
-            if (!incr)
-                incr = mkIncr(name);
-            return multipartPostAsync(key, apiUri(branch, prj, key, "add-directory"), { json: "true", name: name })
-                .then(resp => {
-                pxt.debug(`crowdin resp: ${resp.statusCode}`);
-                // 400 returned by folder already exists
-                if (resp.statusCode == 200 || resp.statusCode == 400)
-                    return Promise.resolve();
-                if (resp.statusCode == 500 && resp.text) {
-                    const json = JSON.parse(resp.text);
-                    if (json.error.code === 50) {
-                        pxt.log('directory already exists');
-                        return Promise.resolve();
-                    }
-                }
-                const data = resp.json || JSON.parse(resp.text) || { error: {} };
-                if (resp.statusCode == 404 && data.error.code == 17) {
-                    pxt.log(`parent directory missing for ${name}`);
-                    const par = name.replace(/\/[^\/]+$/, "");
-                    if (par != name) {
-                        return createDirectoryAsync(branch, prj, key, par, incr)
-                            .then(() => createDirectoryAsync(branch, prj, key, name, incr)); // retry
-                    }
-                }
-                throw new Error(`cannot create directory ${branch || ""}/${name}: ${resp.statusCode} ${JSON.stringify(data)}`);
-            });
-        }
-        crowdin.createDirectoryAsync = createDirectoryAsync;
-        function normalizeFileName(filename) {
-            return filename.replace(/\\/g, '/');
-        }
-        function uploadTranslationAsync(branch, prj, key, filename, data) {
-            pxt.Util.assert(!!prj);
-            pxt.Util.assert(!!key);
-            filename = normalizeFileName(filename);
-            const incr = mkIncr(filename);
-            function startAsync() {
-                return uploadAsync("update-file", { update_option: "update_as_unapproved" });
-            }
-            function uploadAsync(op, opts) {
-                opts["type"] = "auto";
-                opts["json"] = "";
-                opts["escape_quotes"] = "0";
-                incr();
-                return multipartPostAsync(key, apiUri(branch, prj, key, op), opts, filename, data)
-                    .then(resp => handleResponseAsync(resp));
-            }
-            function handleResponseAsync(resp) {
-                var _a, _b, _c;
-                const code = resp.statusCode;
-                const errorData = pxt.Util.jsonTryParse(resp.text) || {};
-                pxt.debug(`upload result: ${code}`);
-                if (code == 404 && errorData.error && errorData.error.code == 8) {
-                    pxt.log(`create new translation file: ${filename}`);
-                    return uploadAsync("add-file", {});
-                }
-                else if (code == 404 && ((_a = errorData.error) === null || _a === void 0 ? void 0 : _a.code) == 17) {
-                    return createDirectoryAsync(branch, prj, key, filename.replace(/\/[^\/]+$/, ""), incr)
-                        .then(() => startAsync());
-                }
-                else if (!errorData.success && ((_b = errorData.error) === null || _b === void 0 ? void 0 : _b.code) == 53) {
-                    // file is being updated
-                    pxt.log(`${filename} being updated, waiting 5s and retry...`);
-                    return pxt.U.delay(5000) // wait 5s and try again
-                        .then(() => uploadTranslationAsync(branch, prj, key, filename, data));
-                }
-                else if (code == 429 && ((_c = errorData.error) === null || _c === void 0 ? void 0 : _c.code) == 55) {
-                    // Too many concurrent requests
-                    pxt.log(`Maximum concurrent requests reached, waiting 10s and retry...`);
-                    return pxt.U.delay(10 * 1000) // wait 10s and try again
-                        .then(() => uploadTranslationAsync(branch, prj, key, filename, data));
-                }
-                else if (code == 200 || errorData.success) {
-                    // something crowdin reports 500 with success=true
-                    return Promise.resolve();
-                }
-                else {
-                    throw new Error(`Error, upload translation: ${filename}, ${code}, ${resp.text}`);
-                }
-            }
-            return startAsync();
-        }
-        crowdin.uploadTranslationAsync = uploadTranslationAsync;
-        function flatten(allFiles, node, parentDir, branch) {
-            const n = node.name;
-            const d = parentDir ? parentDir + "/" + n : n;
-            node.fullName = d;
-            node.branch = branch || "";
-            switch (node.node_type) {
-                case "file":
-                    allFiles.push(node);
-                    break;
-                case "directory":
-                    (node.files || []).forEach(f => flatten(allFiles, f, d, branch));
-                    break;
-                case "branch":
-                    (node.files || []).forEach(f => flatten(allFiles, f, parentDir, node.name));
-                    break;
-            }
-        }
-        function filterAndFlattenFiles(files, crowdinPath) {
-            const pxtCrowdinBranch = pxt.appTarget.versions.pxtCrowdinBranch || "";
-            const targetCrowdinBranch = pxt.appTarget.versions.targetCrowdinBranch || "";
-            let allFiles = [];
-            // flatten the files
-            files.forEach(f => flatten(allFiles, f, ""));
-            // top level files are for PXT, subolder are targets
-            allFiles = allFiles.filter(f => {
-                if (f.fullName.indexOf('/') < 0)
-                    return f.branch == pxtCrowdinBranch; // pxt file
-                else
-                    return f.branch == targetCrowdinBranch;
-            });
-            // folder filter
-            if (crowdinPath) {
-                // filter out crowdin folder
-                allFiles = allFiles.filter(f => f.fullName.indexOf(crowdinPath) == 0);
-            }
-            // filter out non-target files
-            if (pxt.appTarget.id != "core") {
-                const id = pxt.appTarget.id + '/';
-                allFiles = allFiles.filter(f => {
-                    return f.fullName.indexOf('/') < 0 // top level file
-                        || f.fullName.substr(0, id.length) == id // from the target folder
-                        || f.fullName.indexOf('common-docs') >= 0; // common docs
-                });
-            }
-            return allFiles;
-        }
-        function projectInfoAsync(prj, key) {
-            const q = { json: "true" };
-            const infoUri = apiUri("", prj, key, "info", q);
-            return pxt.Util.httpGetTextAsync(infoUri).then(respText => {
-                const info = JSON.parse(respText);
-                return info;
-            });
-        }
-        crowdin.projectInfoAsync = projectInfoAsync;
-        /**
-         * Scans files in crowdin and report files that are not on disk anymore
-         */
-        function listFilesAsync(prj, key, crowdinPath) {
-            pxt.log(`crowdin: listing files under ${crowdinPath}`);
-            return projectInfoAsync(prj, key)
-                .then(info => {
-                if (!info)
-                    throw new Error("info failed");
-                let allFiles = filterAndFlattenFiles(info.files, crowdinPath);
-                pxt.debug(`crowdin: found ${allFiles.length} under ${crowdinPath}`);
-                return allFiles.map(f => {
-                    return {
-                        fullName: f.fullName,
-                        branch: f.branch || ""
-                    };
-                });
-            });
-        }
-        crowdin.listFilesAsync = listFilesAsync;
-        function languageStatsAsync(prj, key, lang) {
-            const uri = apiUri("", prj, key, "language-status", { language: lang, json: "true" });
-            return pxt.Util.httpGetJsonAsync(uri)
-                .then(info => {
-                const allFiles = filterAndFlattenFiles(info.files);
-                return allFiles;
-            });
-        }
-        crowdin.languageStatsAsync = languageStatsAsync;
         function inContextLoadAsync(text) {
             const node = document.createElement("input");
             node.type = "text";
@@ -111039,11 +110799,12 @@ var pxt;
             return result;
         }
         sprite_1.resizeTilemap = resizeTilemap;
-        function imageLiteralToBitmap(text) {
+        function imageLiteralToBitmap(text, templateLiteral = "img") {
             // Strip the tagged template string business and the whitespace. We don't have to exhaustively
             // replace encoded characters because the compiler will catch any disallowed characters and throw
             // an error before the decompilation happens. 96 is backtick and 9 is tab
             text = text.replace(/[ `]|(?:&#96;)|(?:&#9;)|(?:img)/g, "").trim();
+            text = text.replaceAll(templateLiteral, "");
             text = text.replace(/^["`\(\)]*/, '').replace(/["`\(\)]*$/, '');
             text = text.replace(/&#10;/g, "\n");
             const rows = text.split("\n");
@@ -111205,14 +110966,14 @@ var pxt;
             pxt.sprite.trimTilemapTileset(result);
         }
         sprite_1.updateTilemapReferencesFromResult = updateTilemapReferencesFromResult;
-        function imageLiteralPrologue(fileType) {
+        function imageLiteralPrologue(fileType, templateLiteral = "img") {
             let res = '';
             switch (fileType) {
                 case "python":
-                    res = "img(\"\"\"";
+                    res = `${templateLiteral}("""`;
                     break;
                 default:
-                    res = "img`";
+                    res = `${templateLiteral}\``;
                     break;
             }
             return res;
@@ -111243,10 +111004,10 @@ var pxt;
             return res;
         }
         sprite_1.imageLiteralFromDimensions = imageLiteralFromDimensions;
-        function bitmapToImageLiteral(bitmap, fileType) {
+        function bitmapToImageLiteral(bitmap, fileType, templateLiteral = "img") {
             if (!bitmap || bitmap.height === 0 || bitmap.width === 0)
                 return "";
-            let res = imageLiteralPrologue(fileType);
+            let res = imageLiteralPrologue(fileType, templateLiteral);
             if (bitmap) {
                 const paddingBetweenPixels = (bitmap.width * bitmap.height > 300) ? "" : " ";
                 for (let r = 0; r < bitmap.height; r++) {
@@ -113747,11 +113508,7 @@ var pxt;
             };
             await loadDepsRecursive(null, this);
             // get paletter config loading deps, so the more higher level packages take precedence
-            if (this.config.palette && pxt.appTarget.runtime) {
-                pxt.appTarget.runtime.palette = pxt.U.clone(this.config.palette);
-                if (this.config.paletteNames)
-                    pxt.appTarget.runtime.paletteNames = this.config.paletteNames;
-            }
+            this.patchAppTargetPalette();
             // get screen size loading deps, so the more higher level packages take precedence
             if (this.config.screenSize && pxt.appTarget.runtime)
                 pxt.appTarget.runtime.screenSize = pxt.U.clone(this.config.screenSize);
@@ -113897,6 +113654,13 @@ var pxt;
             }
             return r;
         }
+        patchAppTargetPalette() {
+            if (this.config.palette && pxt.appTarget.runtime) {
+                pxt.appTarget.runtime.palette = pxt.U.clone(this.config.palette);
+                if (this.config.paletteNames)
+                    pxt.appTarget.runtime.paletteNames = this.config.paletteNames;
+            }
+        }
     }
     Package.depWarnings = {};
     pxt.Package = Package;
@@ -114158,6 +113922,10 @@ var pxt;
             opts.jres = this.getJRes();
             const functionOpts = pxt.appTarget.runtime && pxt.appTarget.runtime.functionsOptions;
             opts.allowedArgumentTypes = functionOpts && functionOpts.extraFunctionEditorTypes && functionOpts.extraFunctionEditorTypes.map(info => info.typeName).concat("number", "boolean", "string");
+            for (const dep of this.sortedDeps()) {
+                dep.patchAppTargetPalette();
+            }
+            this.patchAppTargetPalette();
             return opts;
         }
         prepareConfigToBePublished() {
@@ -118932,7 +118700,7 @@ var pxt;
             if (!steps)
                 return undefined; // error parsing steps
             // collect code and infer editor
-            const { code, templateCode, editor, language, jres, assetJson, customTs, simThemeJson } = computeBodyMetadata(body);
+            const { code, templateCode, templateLanguage, editor, language, jres, assetJson, customTs, simThemeJson } = computeBodyMetadata(body);
             // noDiffs legacy
             if (metadata.diffs === true // enabled in tutorial
                 || (metadata.diffs !== false && metadata.noDiffs !== true // not disabled
@@ -118958,6 +118726,7 @@ var pxt;
                 activities,
                 code,
                 templateCode,
+                templateLanguage,
                 metadata,
                 language,
                 jres,
@@ -118970,7 +118739,7 @@ var pxt;
         }
         tutorial_1.parseTutorial = parseTutorial;
         function getMetadataRegex() {
-            return /``` *(sim|block|blocks|filterblocks|spy|ghost|typescript|ts|js|javascript|template|python|jres|assetjson|customts|simtheme)\s*\n([\s\S]*?)\n```/gmi;
+            return /``` *(sim|block|blocks|filterblocks|spy|ghost|typescript|ts|js|javascript|template|python|jres|assetjson|customts|simtheme|python-template|ts-template|typescript-template|js-template|javascript-template)\s*\n([\s\S]*?)\n```/gmi;
         }
         tutorial_1.getMetadataRegex = getMetadataRegex;
         function computeBodyMetadata(body) {
@@ -118980,6 +118749,7 @@ var pxt;
             let jres;
             let code = [];
             let templateCode;
+            let templateLanguage;
             let language;
             let idx = 0;
             let assetJson;
@@ -119015,6 +118785,22 @@ var pxt;
                     case "template":
                         templateCode = m2;
                         break;
+                    case "python-template":
+                        if (!checkTutorialEditor(pxt.PYTHON_PROJECT_NAME))
+                            return undefined;
+                        templateCode = m2;
+                        templateLanguage = "python";
+                        language = "python";
+                        break;
+                    case "ts-template":
+                    case "typescript-template":
+                    case "js-template":
+                    case "javascript-template":
+                        if (!checkTutorialEditor(pxt.JAVASCRIPT_PROJECT_NAME))
+                            return undefined;
+                        templateCode = m2;
+                        templateLanguage = "typescript";
+                        break;
                     case "jres":
                         jres = m2;
                         break;
@@ -119038,6 +118824,7 @@ var pxt;
             return {
                 code,
                 templateCode,
+                templateLanguage,
                 editor,
                 language,
                 jres,
@@ -119320,6 +119107,7 @@ ${code}
                 tutorialCode: tutorialInfo.code,
                 tutorialRecipe: !!recipe,
                 templateCode: tutorialInfo.templateCode,
+                templateLanguage: tutorialInfo.templateLanguage,
                 autoexpandStep: ((_a = tutorialInfo.metadata) === null || _a === void 0 ? void 0 : _a.autoexpandOff) ? false : true,
                 metadata: tutorialInfo.metadata,
                 language: tutorialInfo.language,
@@ -160874,7 +160662,7 @@ function checkIfTaggedCommitAsync() {
     });
 }
 let readJson = nodeutil.readJson;
-function ciAsync() {
+async function ciAsync() {
     forceCloudBuild = true;
     const buildInfo = ciBuildInfo();
     pxt.log(`ci build using ${buildInfo.ci}`);
@@ -160920,55 +160708,54 @@ function ciAsync() {
     let pkg = readJson("package.json");
     if (pkg["name"] == "pxt-core") {
         pxt.log("pxt-core build");
-        return checkIfTaggedCommitAsync()
-            .then(isTaggedCommit => {
-            pxt.log(`is tagged commit: ${isTaggedCommit}`);
-            let p = npmPublishAsync();
-            if (branch === "master" && isTaggedCommit) {
-                if (uploadDocs)
-                    p = p
-                        .then(() => buildWebStringsAsync())
-                        .then(() => crowdin.execCrowdinAsync("upload", "built/webstrings.json"))
-                        .then(() => crowdin.execCrowdinAsync("upload", "built/skillmap-strings.json"))
-                        .then(() => crowdin.execCrowdinAsync("upload", "built/authcode-strings.json"))
-                        .then(() => crowdin.execCrowdinAsync("upload", "built/multiplayer-strings.json"))
-                        .then(() => crowdin.execCrowdinAsync("upload", "built/kiosk-strings.json"));
-                if (uploadApiStrings)
-                    p = p.then(() => crowdin.execCrowdinAsync("upload", "built/strings.json"));
-                if (uploadDocs || uploadApiStrings)
-                    p = p.then(() => crowdin.internalUploadTargetTranslationsAsync(uploadApiStrings, uploadDocs));
+        const isTaggedCommit = await checkIfTaggedCommitAsync();
+        pxt.log(`is tagged commit: ${isTaggedCommit}`);
+        await npmPublishAsync();
+        if (branch === "master" && isTaggedCommit) {
+            if (uploadDocs) {
+                await buildWebStringsAsync();
+                await crowdin.uploadBuiltStringsAsync("built/webstrings.json");
+                await crowdin.uploadBuiltStringsAsync(`built/skillmap-strings.json`);
+                await crowdin.uploadBuiltStringsAsync(`built/authcode-strings.json`);
+                await crowdin.uploadBuiltStringsAsync(`built/multiplayer-strings.json`);
+                await crowdin.uploadBuiltStringsAsync(`built/kiosk-strings.json`);
+            }
+            if (uploadApiStrings) {
+                await crowdin.uploadBuiltStringsAsync("built/strings.json");
             }
-            return p;
-        });
+            if (uploadDocs || uploadApiStrings) {
+                await crowdin.internalUploadTargetTranslationsAsync(uploadApiStrings, uploadDocs);
+                pxt.log("translations uploaded");
+            }
+            else {
+                pxt.log("skipping translations upload");
+            }
+        }
     }
     else {
         pxt.log("target build");
-        return internalBuildTargetAsync()
-            .then(() => internalCheckDocsAsync(true))
-            .then(() => blockTestsAsync())
-            .then(() => npmPublishAsync())
-            .then(() => {
-            if (!process.env["PXT_ACCESS_TOKEN"]) {
-                // pull request, don't try to upload target
-                pxt.log('no token, skipping upload');
-                return Promise.resolve();
-            }
+        await internalBuildTargetAsync();
+        await internalCheckDocsAsync(true);
+        await blockTestsAsync();
+        await npmPublishAsync();
+        if (!process.env["PXT_ACCESS_TOKEN"]) {
+            // pull request, don't try to upload target
+            pxt.log('no token, skipping upload');
+        }
+        else {
             const trg = readLocalPxTarget();
             const label = `${trg.id}/${tag || latest}`;
             pxt.log(`uploading target with label ${label}...`);
-            return uploadTargetAsync(label);
-        })
-            .then(() => {
-            pxt.log("target uploaded");
-            if (uploadDocs || uploadApiStrings) {
-                return crowdin.internalUploadTargetTranslationsAsync(uploadApiStrings, uploadDocs)
-                    .then(() => pxt.log("translations uploaded"));
-            }
-            else {
-                pxt.log("skipping translations upload");
-                return Promise.resolve();
-            }
-        });
+            await uploadTargetAsync(label);
+        }
+        pxt.log("target uploaded");
+        if (uploadDocs || uploadApiStrings) {
+            await crowdin.internalUploadTargetTranslationsAsync(uploadApiStrings, uploadDocs);
+            pxt.log("translations uploaded");
+        }
+        else {
+            pxt.log("skipping translations upload");
+        }
     }
 }
 function lintJSONInDirectory(dir) {
@@ -166839,7 +166626,7 @@ ${pxt.crowdin.KEY_VARIABLE} - crowdin key
         advanced: true,
     }, pc => uploadTargetRefsAsync(pc.args[0]));
     advancedCommand("uploadtt", "upload tagged release", uploadTaggedTargetAsync, "");
-    advancedCommand("downloadtrgtranslations", "download translations from bundled projects", crowdin.downloadTargetTranslationsAsync, "<package>");
+    advancedCommand("downloadtrgtranslations", "download translations from bundled projects", crowdin.downloadTargetTranslationsAsync, "[package]");
     p.defineCommand({
         name: "checkdocs",
         onlineHelp: true,
@@ -166917,7 +166704,19 @@ ${pxt.crowdin.KEY_VARIABLE} - crowdin key
         }
     }, buildAuthcodeAsync);
     advancedCommand("augmentdocs", "test markdown docs replacements", augmnetDocsAsync, "<temlate.md> <doc.md>");
-    advancedCommand("crowdin", "upload, download, clean, stats files to/from crowdin", pc => crowdin.execCrowdinAsync.apply(undefined, pc.args), "<cmd> <path> [output]");
+    p.defineCommand({
+        name: "crowdin",
+        advanced: true,
+        argString: "<cmd> <path> [output]",
+        help: "upload, download, clean, stats files to/from crowdin",
+        flags: {
+            test: { description: "test run, do not upload files to crowdin" }
+        }
+    }, pc => {
+        if (pc.flags.test)
+            pxt.crowdin.setTestMode();
+        return crowdin.execCrowdinAsync.apply(undefined, pc.args);
+    });
     advancedCommand("hidlist", "list HID devices", hid.listAsync);
     advancedCommand("hidserial", "run HID serial forwarding", hid.serialAsync, undefined, true);
     advancedCommand("hiddmesg", "fetch DMESG buffer over HID and print it", hid.dmesgAsync, undefined, true);

package/built/pxtblockly.js

@@ -12159,7 +12159,7 @@ var pxtblockly;
                 const existing = pxt.lookupProjectAssetByTSReference(text, project);
                 if (existing)
                     return existing;
-                const frames = parseImageArrayString(text);
+                const frames = parseImageArrayString(text, this.params.taggedTemplate);
                 if (frames && frames.length) {
                     const id = this.sourceBlock_.id;
                     const newAnimation = {
@@ -12195,7 +12195,7 @@ var pxtblockly;
             if (!this.asset)
                 return "[]";
             if (this.isTemporaryAsset()) {
-                return "[" + this.asset.frames.map(frame => pxt.sprite.bitmapToImageLiteral(pxt.sprite.Bitmap.fromData(frame), "typescript" /* pxt.editor.FileType.TypeScript */)).join(",") + "]";
+                return "[" + this.asset.frames.map(frame => pxt.sprite.bitmapToImageLiteral(pxt.sprite.Bitmap.fromData(frame), "typescript" /* pxt.editor.FileType.TypeScript */, this.params.taggedTemplate)).join(",") + "]";
             }
             return pxt.getTSReferenceForAsset(this.asset);
         }
@@ -12274,6 +12274,7 @@ var pxtblockly;
         }
         parsed.initWidth = withDefault(opts.initWidth, parsed.initWidth);
         parsed.initHeight = withDefault(opts.initHeight, parsed.initHeight);
+        parsed.taggedTemplate = opts.taggedTemplate;
         return parsed;
         function withDefault(raw, def) {
             const res = parseInt(raw);
@@ -12283,11 +12284,11 @@ var pxtblockly;
             return res;
         }
     }
-    function parseImageArrayString(str) {
+    function parseImageArrayString(str, templateLiteral) {
         if (str.indexOf("[") === -1)
             return null;
         str = str.replace(/[\[\]]/mg, "");
-        return str.split(",").map(s => pxt.sprite.imageLiteralToBitmap(s).data()).filter(b => b.height && b.width);
+        return str.split(",").map(s => pxt.sprite.imageLiteralToBitmap(s, templateLiteral).data()).filter(b => b.height && b.width);
     }
     function isNumberType(type) {
         return type === "math_number" || type === "math_integer" || type === "math_whole_number";
@@ -16326,7 +16327,7 @@ var pxtblockly;
             if (this.getBlockData()) {
                 return project.lookupAsset("image" /* pxt.AssetType.Image */, this.getBlockData());
             }
-            const bmp = text ? pxt.sprite.imageLiteralToBitmap(text) : new pxt.sprite.Bitmap(this.params.initWidth, this.params.initHeight);
+            const bmp = text ? pxt.sprite.imageLiteralToBitmap(text, this.params.taggedTemplate) : new pxt.sprite.Bitmap(this.params.initWidth, this.params.initHeight);
             if (!bmp) {
                 this.isGreyBlock = true;
                 this.valueText = text;
@@ -16347,7 +16348,7 @@ var pxtblockly;
             if (this.asset && !this.isTemporaryAsset()) {
                 return pxt.getTSReferenceForAsset(this.asset);
             }
-            return pxt.sprite.bitmapToImageLiteral(this.asset && pxt.sprite.Bitmap.fromData(this.asset.bitmap), "typescript" /* pxt.editor.FileType.TypeScript */);
+            return pxt.sprite.bitmapToImageLiteral(this.asset && pxt.sprite.Bitmap.fromData(this.asset.bitmap), "typescript" /* pxt.editor.FileType.TypeScript */, this.params.taggedTemplate);
         }
         parseFieldOptions(opts) {
             return parseFieldOptions(opts);
@@ -16402,6 +16403,7 @@ var pxtblockly;
         parsed.initColor = withDefault(opts.initColor, parsed.initColor);
         parsed.initWidth = withDefault(opts.initWidth, parsed.initWidth);
         parsed.initHeight = withDefault(opts.initHeight, parsed.initHeight);
+        parsed.taggedTemplate = opts.taggedTemplate;
         return parsed;
         function withDefault(raw, def) {
             const res = parseInt(raw);

package/built/pxtblocks.d.ts

@@ -498,6 +498,7 @@ declare namespace pxtblockly {
         disableResize: string;
         filter?: string;
         lightMode: boolean;
+        taggedTemplate?: string;
     }
     interface ParsedFieldAnimationOptions {
         initWidth: number;
@@ -505,6 +506,7 @@ declare namespace pxtblockly {
         disableResize: boolean;
         filter?: string;
         lightMode: boolean;
+        taggedTemplate?: string;
     }
     class FieldAnimationEditor extends FieldAssetEditor<FieldAnimationOptions, ParsedFieldAnimationOptions> {
         protected frames: string[];
@@ -1293,6 +1295,7 @@ declare namespace pxtblockly {
         disableResize: string;
         filter?: string;
         lightMode: boolean;
+        taggedTemplate?: string;
     }
     interface ParsedSpriteEditorOptions {
         initColor: number;
@@ -1301,6 +1304,7 @@ declare namespace pxtblockly {
         disableResize: boolean;
         filter?: string;
         lightMode: boolean;
+        taggedTemplate?: string;
     }
     export class FieldSpriteEditor extends FieldAssetEditor<FieldSpriteEditorOptions, ParsedSpriteEditorOptions> {
         protected getAssetType(): pxt.AssetType;