mushroom-cli 1.2.0-alpha.10 → 1.2.0-alpha.12

package/dist/docs/docs.v2.js

@@ -0,0 +1,1758 @@
+"use strict";
+function toCSharpName(str) {
+    if (typeof str != 'string' || str === '')
+        return '';
+    const name = str.replace(/\W/g, '_');
+    return name.charAt(0).toUpperCase() + name.substring(1);
+}
+function encodeHtml(data) {
+    if (data === undefined || data === null)
+        return '';
+    var html = typeof data === 'string' ? data : data.toString();
+    html = html.replace(/&/g, '&');
+    html = html.replace(/</g, '&lt;');
+    html = html.replace(/>/g, '&gt;');
+    html = html.replace(/"/g, '&quot;');
+    html = html.replace(/'/g, '&apos;');
+    return html;
+}
+function populateTemplates() {
+    const templates = {};
+    document.querySelectorAll('.mushroom-docs-template').forEach((dom) => {
+        templates[dom.id] = dom.innerHTML;
+        dom.remove();
+    });
+    window.templates = templates;
+}
+function renderTemplate(templateId, data) {
+    const template = window.templates[templateId];
+    if (!template)
+        return '';
+    return template.replace(/\{\{(\w+)(:html)?\}\}/g, (_, field, format) => format === ':html' ? (data?.[field] ?? '') : encodeHtml(data?.[field]));
+}
+function getApiDomain(url) {
+    const m = url.match(/^(\w+:)?\/\/(([\w-]+\.)+\w+(:\d+)?)/);
+    return m ? m[2] : 'your host';
+}
+function getApiPath(url) {
+    const m = url.match(/^(\w+:)?\/\/([\w-]+\.)+\w+(:\d+)?/);
+    return m ? url.substring(m[0].length) : url;
+}
+function getPanelClass(actionName) {
+    switch (actionName) {
+        case 'findMany':
+        case 'findById':
+            return 'panel panel-primary';
+        case 'createOne':
+        case 'createMany':
+            return 'panel panel-info';
+        case 'updateOne':
+        case 'updateMany':
+            return 'panel panel-warning';
+        case 'updatePartially':
+            return 'panel panel-warning';
+        case 'deleteOne':
+        case 'deleteMany':
+            return 'panel panel-danger';
+        default:
+            return 'panel panel-default';
+    }
+}
+function getHttpMethod(actionName) {
+    switch (actionName) {
+        case 'findMany':
+        case 'findById':
+            return 'GET';
+        case 'createOne':
+        case 'createMany':
+            return 'POST';
+        case 'updateOne':
+        case 'updateMany':
+            return 'PUT';
+        case 'updatePartially':
+            return 'PATCH';
+        case 'deleteOne':
+        case 'deleteMany':
+            return 'DELETE';
+        default:
+            if (actionName && actionName.indexOf('_raw_http_method_') !== -1)
+                return actionName.substring('_raw_http_method_'.length);
+            return 'UNKNOWN(' + actionName + ')';
+    }
+}
+function getApiUrl(actionName, rootUrl, entityName) {
+    switch (actionName) {
+        case 'findMany':
+        case 'createOne':
+        case 'createMany':
+        case 'updateMany':
+        case 'deleteMany':
+            return rootUrl + entityName + 's';
+        case 'findById':
+        case 'updateOne':
+        case 'updatePartially':
+        case 'deleteOne':
+            return rootUrl + entityName + 's/{' + entityName + 'Id}';
+        default:
+            if (actionName && actionName.indexOf('_raw_http_method_') !== -1)
+                return rootUrl + entityName + 's/' + actionName.substring('_raw_http_method_'.length);
+            return 'UNKNOWN(' + actionName + ')';
+    }
+}
+function getApiViewUrl(rootUrl, entityName, viewName) {
+    return rootUrl + entityName + 's/views/' + viewName;
+}
+function getDescriptionByActionName(actionName, entityName) {
+    switch (actionName) {
+        case 'findMany':
+            return 'Lấy về danh sách các ' + entityName;
+        case 'findById':
+            return 'Lấy về một ' + entityName + ' theo mã của nó';
+        case 'createOne':
+            return 'Tạo mới một ' + entityName;
+        case 'createMany':
+            return 'Tạo mới hàng loạt các ' + entityName;
+        case 'updateOne':
+            return 'Cập nhật một ' + entityName;
+        case 'updateMany':
+            return 'Cập nhật hàng loạt các ' + entityName;
+        case 'updatePartially':
+            return 'Cập nhật một phần dữ liệu của ' + entityName;
+        case 'deleteOne':
+            return 'Xóa một ' + entityName + ' theo mã của nó';
+        case 'deleteMany':
+            return 'Xóa hàng loạt ' + entityName;
+        default:
+            if (actionName && actionName.indexOf('_raw_http_method_') !== -1)
+                return '';
+            return 'UNKNOWN(' + actionName + ')';
+    }
+}
+function explainRoles(strRoles) {
+    if (!strRoles)
+        return '';
+    return strRoles
+        .split('|')
+        .map(function (item) {
+        if (item === '*')
+            return '[Mọi người dùng]';
+        const roles = item.split('+');
+        let s = '';
+        if (roles.length > 1)
+            s += '(';
+        s += roles.join(' và ');
+        if (roles.length > 1)
+            s += ')';
+        return s;
+    })
+        .join(' hoặc ');
+}
+function getModelOutput(arrFields, fields, options) {
+    if (!fields || !arrFields)
+        return '';
+    var obj = {};
+    for (var j = 0; j < arrFields.length; j++) {
+        if (!arrFields[j])
+            continue;
+        var segs = arrFields[j].split('.');
+        var objFields = fields;
+        var cur = obj;
+        for (var i = 0; i < segs.length; i++) {
+            if (segs[i] in objFields) {
+                var field = objFields[segs[i]];
+                if (i === segs.length - 1) {
+                    if (!(segs[i] in cur))
+                        cur[segs[i]] = JSON.parse(JSON.stringify(field));
+                }
+                else if (field.type === 'object') {
+                    objFields = field.fields;
+                    if (!(segs[i] in cur)) {
+                        var o = { type: 'object', fields: {} };
+                        cur[segs[i]] = o;
+                        cur = o.fields;
+                    }
+                    else
+                        cur = cur[segs[i]].fields;
+                }
+                else if (field.type === 'array') {
+                    objFields = field.items.fields;
+                    if (!(segs[i] in cur)) {
+                        var a = { type: 'array', items: { type: 'object', fields: {} } };
+                        cur[segs[i]] = a;
+                        cur = a.items.fields;
+                    }
+                    else
+                        cur = cur[segs[i]].items.fields;
+                }
+            }
+        }
+    }
+    return formatModel(obj, '', options).trim();
+}
+function formatModel(obj, strIndent, options) {
+    if (!obj)
+        return '';
+    options = options || {};
+    var result = '';
+    var nextIndent = strIndent + '    ';
+    for (var m in obj) {
+        if (!obj.hasOwnProperty(m))
+            continue;
+        var child = obj[m];
+        var validation = !options.optionalToAll && child.validation && child.validation.required ? 'required' : 'optional';
+        if (child.type === 'IdRef' && child.reference) {
+            validation +=
+                ", ref: <a href='#" +
+                    encodeHtml(child.reference) +
+                    "' onclick='setTimeout(gotoHash, 20)'>" +
+                    encodeHtml(child.reference) +
+                    '</a>';
+        }
+        if (child.validation) {
+            if ('validValues' in child.validation)
+                validation += ', enum(' + encodeHtml(child.validation.validValues.join(', ')) + ')';
+            if ('invalidValues' in child.validation)
+                validation += ', not allow(' + encodeHtml(child.validation.invalidValues.join(', ')) + ')';
+            if ('pattern' in child.validation)
+                validation += ', pattern: /' + encodeHtml(child.validation.pattern) + '/';
+            if ('length' in child.validation)
+                validation += ', length: ' + child.validation.length;
+            if ('minLength' in child.validation)
+                validation += ', minLength: ' + child.validation.minLength;
+            if ('maxLength' in child.validation)
+                validation += ', maxLength: ' + child.validation.maxLength;
+            if ('min' in child.validation)
+                validation += ', min: ' + encodeHtml(child.validation.min);
+            if ('max' in child.validation)
+                validation += ', max: ' + encodeHtml(child.validation.max);
+            if ('gt' in child.validation)
+                validation += ', gt: ' + encodeHtml(child.validation.gt);
+            if ('lt' in child.validation)
+                validation += ', lt: ' + encodeHtml(child.validation.lt);
+        }
+        if (child.type === 'array' && child.items && child.items.type != 'object' && child.items.validation) {
+            validation +=
+                ', array items: ' + (!options.optionalToAll && child.items.validation.required ? 'required' : 'optional');
+            if ('validValues' in child.items.validation)
+                validation += ', enum(' + encodeHtml(child.items.validation.validValues.join(', ')) + ')';
+            if ('invalidValues' in child.items.validation)
+                validation += ', not allow(' + encodeHtml(child.items.validation.invalidValues.join(', ')) + ')';
+            if ('pattern' in child.items.validation)
+                validation += ', pattern: /' + encodeHtml(child.items.validation.pattern) + '/';
+            if ('length' in child.items.validation)
+                validation += ', length: ' + child.items.validation.length;
+            if ('minLength' in child.items.validation)
+                validation += ', minLength: ' + child.items.validation.minLength;
+            if ('maxLength' in child.items.validation)
+                validation += ', maxLength: ' + child.items.validation.maxLength;
+            if ('min' in child.items.validation)
+                validation += ', min: ' + encodeHtml(child.items.validation.min);
+            if ('max' in child.items.validation)
+                validation += ', max: ' + encodeHtml(child.items.validation.max);
+            if ('gt' in child.items.validation)
+                validation += ', gt: ' + encodeHtml(child.items.validation.gt);
+            if ('lt' in child.items.validation)
+                validation += ', lt: ' + encodeHtml(child.items.validation.lt);
+        }
+        let defaultValueDocs = '';
+        if (options.showDefaultValue && child.defaultValue !== undefined && child.defaultValue !== null) {
+            defaultValueDocs = `, default: ${encodeHtml(child.type === 'string' ? JSON.stringify(child.defaultValue) : child.defaultValue)}`;
+        }
+        var comment = `<span class="code-comment">// ${validation}${defaultValueDocs} ${typeof child.description === 'string' && child.description !== '' ? '- ' + encodeHtml(child.description) : ''}</span>`;
+        if (options.mode === 'model') {
+            if (child.type === 'object')
+                result +=
+                    '\r\n' + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options) + ',';
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatModel(child.items.fields, nextIndent, options);
+                else if (child.items.type === 'datetime')
+                    result +=
+                        `\r\n${nextIndent}    ` +
+                            JSON.stringify(child.items.defaultValue || 'ISODate_ISO_8601') +
+                            ' ' +
+                            comment +
+                            `\r\n${nextIndent}`;
+                else if (child.items.type === 'boolean')
+                    result += `\r\n${nextIndent}    ` + child.items.defaultValue || 'false' + ' ' + comment + `\r\n${nextIndent}`;
+                else if (child.items.type === 'integer' || child.items.type === 'long' || child.items.type === 'double')
+                    result += `\r\n${nextIndent}    ` + child.items.defaultValue || '0' + ' ' + comment + `\r\n${nextIndent}`;
+                else
+                    result +=
+                        `\r\n${nextIndent}    ` +
+                            JSON.stringify(child.defaultValue || child.type) +
+                            ' ' +
+                            comment +
+                            `\r\n${nextIndent}`;
+                result += `]`;
+            }
+            else if (child.type === 'datetime')
+                result +=
+                    `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || 'ISODate_ISO_8601') + ', ' + comment;
+            else if (child.type === 'boolean')
+                result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || 'false') + ', ' + comment;
+            else if (child.type === 'integer' || child.type === 'long' || child.type === 'double')
+                result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || '0') + ', ' + comment;
+            else
+                result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || child.type) + ', ' + comment;
+        }
+        else if (options.mode === 'model_null') {
+            if (child.type === 'object')
+                result += '\r\n' + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options);
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatModel(child.items.fields, nextIndent, options) + '],';
+                else
+                    result += '], ' + comment;
+            }
+            else
+                result += `\r\n${nextIndent}"${m}": null, ${comment}`;
+        }
+        else if (options.mode === 'model_undefined') {
+            if (child.type === 'object')
+                result += '\r\n' + nextIndent + '"' + m + '": ' + comment + formatModel(child.fields, nextIndent, options);
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatModel(child.items.fields, nextIndent, options) + '], ';
+                else
+                    result += '], ' + comment;
+            }
+            else
+                result += `\r\n${nextIndent}"${m}": undefined, ${comment}`;
+        }
+        else {
+            result += '\r\n' + strIndent + encodeHtml(m) + ': ' + encodeHtml(child.type);
+            if (child.type === 'array')
+                result += child.items.type === 'object' ? ' of object' : ' of ' + child.items.type;
+            if (child.type === 'object')
+                result += ' ' + comment + formatModel(child.fields, strIndent + '    ', options);
+            else if (child.type === 'array' && child.items.type === 'object')
+                result += ' ' + comment + formatModel(child.items.fields, strIndent + '    ', options);
+            else
+                result += ', ' + comment;
+        }
+    }
+    if (options.mode === 'model' || options.mode === 'model_null' || options.mode === 'model_undefined') {
+        return (strIndent ? '\r\n' + strIndent : '') + '{' + result + '\r\n' + strIndent + '}';
+    }
+    return result;
+}
+function toCachePolicyString(cachePolicy) {
+    if (cachePolicy === undefined || cachePolicy === null || cachePolicy === 'unset')
+        return 'Không thiết lập cấu hình';
+    if (cachePolicy === 'required')
+        return 'Bắt buộc phải cache';
+    if (cachePolicy === 'allow')
+        return 'Cho phép';
+    if (cachePolicy === 'disabled')
+        return 'Bắt buộc không được cache';
+    return '';
+}
+function getModelInput(excludedFields, fields, options) {
+    fields = JSON.parse(JSON.stringify(fields));
+    if (!fields)
+        return '';
+    options = options || {};
+    fields.id = fields.id || {};
+    fields.id.type = fields.id.type || 'AutoId';
+    fields.id.validation = fields.id.validation || {};
+    fields.id.validation.required = true;
+    if (excludedFields && Array.isArray(excludedFields)) {
+        if (options.excludeId && fields.id.type === 'AutoId') {
+            excludedFields = [...excludedFields, 'id'];
+        }
+        excludedFields.forEach((item) => {
+            let obj = fields;
+            const segs = item.split('.');
+            for (let i = 0; i < segs.length; i++) {
+                if (!obj)
+                    return;
+                const seg = segs[i];
+                if (!(seg in obj))
+                    return;
+                if (i === segs.length - 1)
+                    delete obj[seg];
+                else if (obj[seg].type === 'object')
+                    obj = obj[seg].fields;
+                else if (obj[seg].type === 'array')
+                    obj = obj[seg].items?.fields;
+                else
+                    return;
+            }
+        });
+    }
+    return formatModel(fields, '', { ...options, showValidation: true }).trim();
+}
+function formatHintModel(obj, strIndent, options) {
+    if (!obj)
+        return '';
+    strIndent = strIndent || '';
+    options = options || {};
+    var result = '';
+    var nextIndent = strIndent + '    ';
+    for (var m in obj) {
+        if (!obj.hasOwnProperty(m))
+            continue;
+        var child = obj[m];
+        var validation = !options.optionalToAll && child.required ? 'required' : 'optional';
+        if (child.type === 'IdRef' && child.reference) {
+            validation +=
+                ", ref: <a href='#" +
+                    encodeHtml(child.reference) +
+                    "' onclick='setTimeout(gotoHash, 20)'>" +
+                    encodeHtml(child.reference) +
+                    '</a>';
+        }
+        if (child.validValues && Array.isArray(child.validValues)) {
+            validation += ', enum(' + encodeHtml(child.validValues.join(', ')) + ')';
+        }
+        if (child.type === 'array' && child.items && child.items.type != 'object') {
+            validation += ', array items: ' + (!options.optionalToAll && child.items.required ? 'required' : 'optional');
+            if (child.items.validValues && Array.isArray(child.items.validValues))
+                validation += ', enum(' + encodeHtml(child.items.validValues.join(', ')) + ')';
+        }
+        var comment = `<span class="code-comment">// ${validation} ${typeof child.description === 'string' && child.description !== '' ? '- ' + encodeHtml(child.description) : ''}</span>`;
+        if (options.mode === 'model') {
+            if (child.type === 'object')
+                result +=
+                    '\r\n' + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options) + ',';
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatHintModel(child.items.fields, nextIndent, options);
+                else if (child.items.type === 'datetime')
+                    result +=
+                        `\r\n${nextIndent}    ` +
+                            JSON.stringify(child.items.defaultValue || 'ISODate_ISO_8601') +
+                            ' ' +
+                            comment +
+                            `\r\n${nextIndent}`;
+                else if (child.items.type === 'boolean')
+                    result += `\r\n${nextIndent}    ` + child.items.defaultValue || 'false' + ' ' + comment + `\r\n${nextIndent}`;
+                else if (child.items.type === 'integer' || child.items.type === 'long' || child.items.type === 'double')
+                    result += `\r\n${nextIndent}    ` + child.items.defaultValue || '0' + ' ' + comment + `\r\n${nextIndent}`;
+                else
+                    result +=
+                        `\r\n${nextIndent}    ` +
+                            JSON.stringify(child.defaultValue || child.type) +
+                            ' ' +
+                            comment +
+                            `\r\n${nextIndent}`;
+                result += `]`;
+            }
+            else if (child.type === 'datetime')
+                result +=
+                    `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || 'ISODate_ISO_8601') + ', ' + comment;
+            else if (child.type === 'boolean')
+                result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || 'false') + ', ' + comment;
+            else if (child.type === 'integer' || child.type === 'long' || child.type === 'double')
+                result += `\r\n${nextIndent}"${m}": ` + (child.defaultValue || '0') + ', ' + comment;
+            else
+                result += `\r\n${nextIndent}"${m}": ` + JSON.stringify(child.defaultValue || child.type) + ', ' + comment;
+        }
+        else if (options.mode === 'model_null') {
+            if (child.type === 'object')
+                result += '\r\n' + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options);
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatHintModel(child.items.fields, nextIndent, options) + '],';
+                else
+                    result += '], ' + comment;
+            }
+            else
+                result += `\r\n${nextIndent}"${m}": null, ${comment}`;
+        }
+        else if (options.mode === 'model_undefined') {
+            if (child.type === 'object')
+                result += '\r\n' + nextIndent + '"' + m + '": ' + comment + formatHintModel(child.fields, nextIndent, options);
+            else if (child.type === 'array') {
+                result += `\r\n${nextIndent}"${m}": [`;
+                if (child.items.type === 'object')
+                    result += ' ' + comment + formatHintModel(child.items.fields, nextIndent, options) + '], ';
+                else
+                    result += '], ' + comment;
+            }
+            else
+                result += `\r\n${nextIndent}"${m}": undefined, ${comment}`;
+        }
+        else {
+            result += '\r\n' + strIndent + encodeHtml(m) + ': ' + encodeHtml(child.type);
+            if (child.type === 'array')
+                result += child.items.type === 'object' ? ' of object' : ' of ' + child.items.type;
+            if (child.type === 'object')
+                result += ' ' + comment + formatHintModel(child.fields, strIndent + '    ', options);
+            else if (child.type === 'array' && child.items.type === 'object')
+                result += ' ' + comment + formatHintModel(child.items.fields, strIndent + '    ', options);
+            else
+                result += ', ' + comment;
+        }
+    }
+    if (options.mode === 'model' || options.mode === 'model_null' || options.mode === 'model_undefined') {
+        return (strIndent ? '\r\n' + strIndent : '') + '{' + result + '\r\n' + strIndent + '}';
+    }
+    return result;
+}
+function renderInfo() {
+    document.title = document.querySelector('#project-title').innerText = window.docs.info.name + ' API document';
+    document.querySelector('#project-description').innerText = window.docs.info.description;
+    document.querySelector('#project-roles').innerHTML =
+        window.docs.roles.map((role) => renderTemplate('template-project-role', role)).join('') ?? '';
+    if (window.docs.info.security?.crossDomain === false) {
+        document.querySelector('#project-security-crossDomain-false').style.display = 'block';
+    }
+    if (window.docs.info.security?.crossDomain === true &&
+        Array.isArray(window.docs.info.security.allowOrigins) &&
+        window.docs.info.security.allowOrigins.length &&
+        !window.docs.info.security.allowOrigins.includes('*')) {
+        document.querySelector('#project-security-allowOrigins').style.display = 'block';
+        document.querySelector('#project-security-allowOrigins ul').innerHTML = window.docs.info.security.allowOrigins
+            .map((origin) => renderTemplate('template-li-code', { value: origin }))
+            .join('');
+    }
+    const domRootUrls = document.querySelector('#project-rootUrls');
+    const rootUrls = Object.keys(localStorage)
+        .filter((key) => localStorage.hasOwnProperty(key) && key.startsWith('rootUrl.'))
+        .map((key) => key.substring(8));
+    if (!rootUrls.includes(window.docs.info.rootUrl))
+        rootUrls.unshift(window.docs.info.rootUrl);
+    let selected = localStorage.selected_root_url;
+    if (!selected)
+        selected = localStorage.selected_root_url = window.docs.info.rootUrl;
+    const onspanclick = function () {
+        this.parentNode.parentNode.querySelector('.selected').className = '';
+        selected = this.innerText;
+        this.className = 'selected';
+        const old_root_url = localStorage.selected_root_url;
+        const new_root_url = this.innerText;
+        localStorage.selected_root_url = new_root_url;
+        document
+            .querySelectorAll('.contain-root-url')
+            .forEach((dom) => (dom.innerHTML = dom.innerHTML.replace(old_root_url, new_root_url)));
+        document.querySelectorAll('.root-url').forEach((dom) => (dom.innerText = new_root_url));
+        document.querySelectorAll('.domain').forEach((dom) => (dom.innerText = getApiDomain(new_root_url)));
+    };
+    const onlabelclick = function () {
+        const span = this.parentNode.querySelector('span');
+        if (span.className == 'selected')
+            return;
+        const rootUrl = span.innerText;
+        const index = rootUrls.indexOf(rootUrl);
+        if (index !== -1)
+            rootUrls.splice(index, 1);
+        localStorage.removeItem(`rootUrl.${rootUrl}`);
+        this.parentNode.remove();
+    };
+    const addRootUrlDom = (rootUrl, liAddNew) => {
+        const li = document.createElement('li');
+        if (rootUrl == window.docs.info.rootUrl)
+            li.className = 'origin';
+        const span = document.createElement('span');
+        span.innerText = rootUrl;
+        if (rootUrl == selected)
+            span.className = 'selected';
+        li.appendChild(span);
+        const label = document.createElement('label');
+        label.className = 'delete';
+        label.title = 'Xóa';
+        li.appendChild(label);
+        domRootUrls.insertBefore(li, liAddNew);
+        span.onclick = onspanclick;
+        label.onclick = onlabelclick;
+    };
+    const li = document.createElement('li');
+    const span = document.createElement('span');
+    span.innerText = 'Thêm mới API root url';
+    span.className = 'add-new';
+    li.appendChild(span);
+    domRootUrls.appendChild(li);
+    rootUrls.forEach((rootUrl) => addRootUrlDom(rootUrl, li));
+    span.onclick = () => {
+        const newRootUrl = prompt('Nhập API root url mới:');
+        if (!newRootUrl)
+            return;
+        if (rootUrls.includes(newRootUrl))
+            return;
+        if (!newRootUrl.match(/^(https?:)?\/\//i)) {
+            alert('API root url không hợp lệ!');
+            return;
+        }
+        rootUrls.push(newRootUrl);
+        localStorage[`rootUrl.${newRootUrl}`] = '';
+        addRootUrlDom(newRootUrl, li);
+    };
+}
+function renderEnvironmentVariables() {
+    document.querySelector('#extension-env-vars').innerHTML = renderTemplate('template-project-environmentVariables');
+    if (!window.docs.environmentVariables)
+        return;
+    const keys = Object.keys(window.docs.environmentVariables);
+    if (!keys.length)
+        return;
+    document.querySelector('#extension-env-vars-custom').innerHTML = keys
+        .map((name) => renderTemplate('template-project-environmentVariables-custom', {
+        name,
+        description: window.docs.environmentVariables[name].description,
+        type: window.docs.environmentVariables[name].type,
+    }))
+        .join('');
+}
+function renderExtensionAuth() {
+    if (!window.docs.features?.includes('auth'))
+        return;
+    document.querySelector('#extension-auth').innerHTML = renderTemplate('template-extension-DefaultAuth-module', {
+        rootUrl: localStorage.selected_root_url,
+        rootUrlPath: getApiPath(localStorage.selected_root_url),
+        domain: getApiDomain(localStorage.selected_root_url),
+    });
+}
+function renderExtensionFile() {
+    if (!window.docs.features?.includes('file'))
+        return;
+    document.querySelector('#extension-file').innerHTML = renderTemplate('template-extension-File-module', {
+        rootUrl: localStorage.selected_root_url,
+        rootUrlPath: getApiPath(localStorage.selected_root_url),
+        domain: getApiDomain(localStorage.selected_root_url),
+    });
+}
+function renderExtensionMail() {
+    if (!window.docs.features?.includes('mail'))
+        return;
+    document.querySelector('#extension-mailing').innerHTML = renderTemplate('template-extension-Mailing-module', {
+        rootUrl: localStorage.selected_root_url,
+        rootUrlPath: getApiPath(localStorage.selected_root_url),
+        domain: getApiDomain(localStorage.selected_root_url),
+    });
+}
+function renderClientDrivers() {
+    if (!window.docs.features?.includes('driver'))
+        return;
+    document.querySelector('#extension-client-drivers').innerHTML = renderTemplate('template-client-drivers');
+}
+function renderEntities() {
+    if (!window.docs.entities || typeof window.docs.entities !== 'object')
+        return;
+    document.querySelector('#project-entities').innerHTML = Object.values(window.docs.entities)
+        .map((entity) => renderTemplate('template-project-entity', entity))
+        .join('');
+}
+function renderEntity(entityName) {
+    if (this.dataset.rendered)
+        return;
+    this.dataset.rendered = true;
+    const entity = window.docs.entities[entityName];
+    if (!entity)
+        return;
+    if (entity.actions && typeof entity.actions === 'object') {
+        const dom = this.parentNode.querySelector('.project-entity-actions');
+        dom.innerHTML = Object.keys(entity.actions)
+            .map((actionName) => renderTemplate('template-project-entity-actions', {
+            entityName: entity.name,
+            actionName,
+            className: getPanelClass(actionName),
+            actionHttpMethod: getHttpMethod(actionName),
+            actionApiUrl: getApiUrl(actionName, localStorage.selected_root_url, entity.name),
+            actionDescription: getDescriptionByActionName(actionName, entity.name),
+        }))
+            .join('');
+        initDom(dom);
+    }
+    if (entity.views && typeof entity.views === 'object') {
+        const dom = this.parentNode.querySelector('.project-entity-views');
+        dom.innerHTML = Object.keys(entity.views)
+            .map((viewName) => renderTemplate('template-project-entity-views', {
+            entityName: entity.name,
+            viewName,
+            actionApiUrl: getApiViewUrl(localStorage.selected_root_url, entity.name, viewName),
+            description: entity.views[viewName]?.[0]?.description ?? '',
+        }))
+            .join('');
+        initDom(dom);
+    }
+}
+function renderEntityAction(entityName, actionName) {
+    if (this.dataset.rendered)
+        return;
+    this.dataset.rendered = true;
+    const entity = window.docs.entities[entityName];
+    const actionRoles = entity.actions[actionName];
+    const navTabs = this.parentNode.querySelector('.nav-tabs');
+    navTabs.innerHTML = actionRoles
+        .map((actionRole) => renderTemplate('template-project-entity-action-role', {
+        explainedRole: explainRoles(actionRole.grant),
+        entityName,
+        actionName,
+        grant: actionRole.grant,
+    }))
+        .join('');
+    initDom(navTabs);
+    activeFirstChild.call(navTabs);
+}
+function renderEntityActionRolePage(entityName, actionName, grant) {
+    if (this.dataset.rendered)
+        return;
+    this.dataset.rendered = true;
+    const entity = window.docs.entities[entityName];
+    const action = entity.actions[actionName].find((a) => a.grant === grant);
+    const tabPages = this.parentNode.parentNode.parentNode.querySelector('.tab-pages');
+    tabPages.innerHTML += renderTemplate('template-project-entity-action-page', { grant });
+    let template;
+    let callback;
+    let codeSnippetName = actionName;
+    switch (actionName) {
+        case 'findMany':
+            template = 'template-findMany';
+            callback = renderFindMany;
+            break;
+        case 'findById':
+            template = 'template-findById';
+            callback = renderFindById;
+            break;
+        case 'createOne':
+            template = 'template-createOne';
+            callback = renderCreateOne;
+            break;
+        case 'createMany':
+            template = 'template-createMany';
+            callback = renderCreateMany;
+            break;
+        case 'updateOne':
+            template = 'template-updateOne';
+            callback = renderUpdateOne;
+            break;
+        case 'updateMany':
+            template = 'template-updateMany';
+            callback = renderUpdateMany;
+            break;
+        case 'updatePartially':
+            template = 'template-updatePartially';
+            callback = renderUpdatePartially;
+            break;
+        case 'deleteOne':
+            template = 'template-deleteOne';
+            callback = renderDeleteOne;
+            break;
+        case 'deleteMany':
+            template = 'template-deleteMany';
+            callback = renderDeleteMany;
+            break;
+        default:
+            template = 'template-generalAction';
+            callback = renderGeneralAction;
+            codeSnippetName = 'generalAction';
+            break;
+    }
+    const tabPage = Array.prototype.find.call(tabPages.querySelectorAll('.tab-page'), (dom) => dom.dataset?.role == action.grant);
+    if (!tabPage)
+        return;
+    const args = {
+        tabPage,
+        action,
+        actionName,
+        entity,
+        entityName,
+        EntityName: toCSharpName(entityName),
+        domain: getApiDomain(localStorage.selected_root_url),
+        rootUrlPath: getApiPath(localStorage.selected_root_url),
+    };
+    const snippet = window.codeSnippets[codeSnippetName] ?? {};
+    const data = {
+        explainedDenyRoles: explainRoles(action.deny),
+        entityName,
+        codeSnippetTabHeaders: Object.keys(snippet)
+            .map((lang, idx) => `<li role="presentation" ${idx ? '' : 'class="active"'}><a data-role="${lang}" onclick="activeRoleTab.call(this)">${lang}</a></li>`)
+            .join(''),
+        codeSnippetTabPages: Object.keys(snippet)
+            .map((lang, idx) => `<div class="tab-page ${lang} ${idx ? '' : 'active'}" data-role="${lang}">${snippet[lang]?.call(null, args) ?? ''}</div>`)
+            .join(''),
+        EntityName: args.EntityName,
+        domain: args.domain,
+        rootUrlPath: args.rootUrlPath,
+        description: action.description,
+    };
+    tabPage.innerHTML =
+        renderTemplate(template, data) + renderTemplate('template-project-entity-action-page-codeSnippets', data);
+    initDom(tabPage);
+    if (!action.deny)
+        tabPage.querySelector('.deny-roles')?.remove();
+    if (!action.matches || !Array.isArray(action.matches) || !action.matches.length)
+        tabPage.querySelector('.matches')?.remove();
+    else {
+        if (action.matches.length === 1) {
+            tabPage.querySelector('.matches .matches-length-gt-1')?.remove();
+        }
+        const dom = tabPage.querySelector('.matches .match-conditions');
+        if (dom) {
+            dom.innerHTML = action.matches.map((m) => renderTemplate('template-li-code', { value: m })).join('');
+        }
+    }
+    if (!action.description) {
+        tabPage.querySelector('.description')?.remove();
+    }
+    callback(args);
+}
+function renderFindMany(args) {
+    if (Array.isArray(args.action.returnableFields)) {
+        args.tabPage.querySelector('.output-without-fields').innerHTML = getModelOutput(args.action.defaultFields, args.entity.fields);
+        args.tabPage.querySelector('.field-list').innerHTML = args.action.returnableFields
+            .map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+            .join('');
+        args.tabPage.querySelector('.output-with-fields').innerHTML = getModelOutput(args.action.returnableFields, args.entity.fields);
+    }
+    if (!args.action.defaultFilters &&
+        !args.action.allowFilteringFields &&
+        !args.action.requiredFilteringFields &&
+        !args.entity.features?.vn_text?.fields?.length) {
+        args.tabPage.querySelector('.filters')?.remove();
+    }
+    else {
+        if (Array.isArray(args.action.defaultFilters) && args.action.defaultFilters.length) {
+            if (args.action.defaultFilters.length === 1)
+                args.tabPage.querySelector('.defaultFilters-length-gt-1')?.remove();
+            args.tabPage.querySelector('.defaultFilters-ul').innerHTML = args.action.defaultFilters
+                .map((filter) => renderTemplate('template-li-code', { value: filter }))
+                .join('');
+        }
+        else {
+            args.tabPage.querySelector('.defaultFilters')?.remove();
+        }
+        if (Array.isArray(args.action.allowFilteringFields) && args.action.allowFilteringFields.length) {
+            args.tabPage.querySelector('.allowFilteringFields-list').innerHTML = args.action.allowFilteringFields
+                .map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(' ');
+        }
+        else {
+            args.tabPage.querySelector('.allowFilteringFields')?.remove();
+        }
+        if (Array.isArray(args.action.requiredFilteringFields) && args.action.requiredFilteringFields.length) {
+            args.tabPage.querySelector('.requiredFilteringFields-list').innerHTML = args.action.requiredFilteringFields
+                .map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(' ');
+        }
+        else {
+            args.tabPage.querySelector('.requiredFilteringFields')?.remove();
+        }
+        if (args.entity.features?.vn_text?.fields?.length) {
+            args.tabPage.querySelector('.features-vn_text-fields-channel-default-fields').innerHTML =
+                args.entity.features.vn_text.fields
+                    .map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                    .join(' ');
+            if (args.entity.features?.vn_text?.channels?.length) {
+                args.tabPage.querySelector('.features-vn_text-channels-list').innerHTML = args.entity.features.vn_text.channels
+                    .map((channel) => renderTemplate('template-findMany-vn_text-channel', {
+                    name: channel.name,
+                    htmlFields: channel.fields
+                        ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                        .join(' '),
+                }))
+                    .join('');
+            }
+        }
+        else {
+            args.tabPage.querySelector('.features-vn_text-fields')?.remove();
+        }
+    }
+    if (!args.action.allowSortings && !args.action.defaultSortings) {
+        args.tabPage.querySelector('.sort')?.remove();
+    }
+    else {
+        if (Array.isArray(args.action.allowSortings) && args.action.allowSortings.length) {
+            args.tabPage.querySelector('.allowSortings-fields').innerHTML = args.action.allowSortings
+                .map((item) => renderTemplate('template-findMany-sorting', {
+                field: item.field,
+                sortType: item.type === 'Both'
+                    ? 'Cả TĂNG dần và GIẢM dần'
+                    : item.type === 'Asc'
+                        ? 'Chỉ TĂNG dần'
+                        : item.type === 'Desc'
+                            ? 'Chỉ GIẢM dần'
+                            : item.type === undefined || item.type === null
+                                ? 'Chỉ TĂNG dần'
+                                : '',
+            }))
+                .join('');
+        }
+        else {
+            args.tabPage.querySelector('.defaultFilters')?.remove();
+        }
+        if (Array.isArray(args.action.defaultSortings) && args.action.defaultSortings.length) {
+            args.tabPage.querySelector('.defaultSortings-fields').innerHTML = args.action.defaultSortings
+                .map((item) => renderTemplate('template-findMany-sorting', {
+                field: item.field,
+                sortType: item.type === 'Asc'
+                    ? 'TĂNG dần'
+                    : item.type === 'Desc'
+                        ? 'GIẢM dần'
+                        : item.type === undefined || item.type === null
+                            ? 'TĂNG dần'
+                            : '',
+            }))
+                .join('');
+        }
+        else {
+            args.tabPage.querySelector('.defaultSortings')?.remove();
+        }
+    }
+    args.tabPage.querySelector('.paging').innerHTML = renderTemplate('template-findMany-paging', {
+        strPagingType: args.action.pagingType === undefined || args.action.pagingType === null || args.action.pagingType === 'None'
+            ? 'Không phân trang'
+            : args.action.pagingType === 'LimitOffset'
+                ? 'Theo limit, offset'
+                : args.action.pagingType === 'Page'
+                    ? 'Theo page number'
+                    : '',
+        entityName: args.entityName,
+        maxPageSize: args.action.maxPageSize,
+        maxRecordCount: args.action.maxPageSize === undefined || args.action.maxPageSize === null
+            ? (args.action.pageSize ?? 25)
+            : Math.min(args.action.maxPageSize, args.action.pageSize ?? 25),
+    });
+    if (args.action.pagingType === undefined || args.action.pagingType === null || args.action.pagingType === 'None') {
+        args.tabPage.querySelector('.pagingType-ne-None')?.remove();
+    }
+    else if (args.action.maxPageSize === undefined || args.action.maxPageSize === null) {
+        args.tabPage.querySelector('.maxPageSize')?.remove();
+    }
+    if (args.action.includeTotal !== true) {
+        args.tabPage.querySelector('.includeTotal')?.remove();
+    }
+    if (args.action.cache?.enable !== true) {
+        args.tabPage.querySelector('.cache')?.remove();
+    }
+    else {
+        args.tabPage.querySelector('.cache').innerHTML = renderTemplate('template-findMany-cache', {
+            serverPolicy: toCachePolicyString(args.action.cache?.server?.policy),
+            clientPolicy: toCachePolicyString(args.action.cache?.client?.policy),
+        });
+    }
+}
+function renderFindById(args) {
+    if (Array.isArray(args.action.returnableFields)) {
+        args.tabPage.querySelector('.output-without-fields').innerHTML = getModelOutput(args.action.defaultFields, args.entity.fields);
+        args.tabPage.querySelector('.field-list').innerHTML = args.action.returnableFields
+            .map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+            .join('');
+        args.tabPage.querySelector('.output-with-fields').innerHTML = getModelOutput(args.action.returnableFields, args.entity.fields);
+    }
+    if (args.action.cache?.enable !== true) {
+        args.tabPage.querySelector('.cache')?.remove();
+    }
+    else {
+        args.tabPage.querySelector('.cache').innerHTML = renderTemplate('template-findMany-cache', {
+            serverPolicy: toCachePolicyString(args.action.cache?.server?.policy),
+            clientPolicy: toCachePolicyString(args.action.cache?.client?.policy),
+        });
+    }
+}
+function renderCreateOne(args) {
+    args.tabPage.querySelector('.input-model').innerHTML = getModelInput(args.action.exclude, args.entity.fields, {
+        excludeId: true,
+        showDefaultValue: true,
+    });
+}
+function renderCreateMany(args) {
+    args.tabPage.querySelector('.input-model').innerHTML = getModelInput(args.action.exclude, args.entity.fields, {
+        excludeId: true,
+        showDefaultValue: true,
+    });
+}
+function renderUpdateOne(args) {
+    args.tabPage.querySelector('.input-model').innerHTML = getModelInput(args.action.exclude, args.entity.fields, {
+        showDefaultValue: true,
+    });
+}
+function renderUpdateMany(args) {
+    args.tabPage.querySelector('.input-model').innerHTML = getModelInput(args.action.exclude, args.entity.fields, {
+        showDefaultValue: true,
+    });
+}
+function renderUpdatePartially(args) {
+    args.tabPage.querySelector('.input-model').innerHTML = getModelInput(args.action.exclude, args.entity.fields, {
+        optionalToAll: true,
+    });
+}
+function renderDeleteOne(args) { }
+function renderDeleteMany(args) { }
+function renderGeneralAction(args) {
+    if (args.action?.codeHint?.delegator?.param?.fields) {
+        args.tabPage.querySelector('.query-string-model').innerHTML = formatHintModel(args.action.codeHint.delegator.param.fields);
+    }
+    else {
+        args.tabPage.querySelector('.query-string')?.remove();
+    }
+    if (args.action?.codeHint?.delegator?.requestBody?.fields) {
+        args.tabPage.querySelector('.request-body-model').innerHTML = formatHintModel(args.action.codeHint.delegator.requestBody.fields);
+    }
+    else {
+        args.tabPage.querySelector('.request-body')?.remove();
+    }
+}
+function renderEntityView(entityName, viewName) {
+    if (this.dataset.rendered)
+        return;
+    this.dataset.rendered = true;
+    const entity = window.docs.entities[entityName];
+    const viewRoles = entity.views[viewName];
+    const navTabs = this.parentNode.querySelector('.nav-tabs');
+    navTabs.innerHTML = viewRoles
+        .map((viewRole) => renderTemplate('template-project-entity-view-role', {
+        explainedRole: explainRoles(viewRole.grant),
+        entityName,
+        viewName,
+        grant: viewRole.grant,
+    }))
+        .join('');
+    initDom(navTabs);
+    activeFirstChild.call(navTabs);
+}
+function renderEntityViewRolePage(entityName, viewName, grant) {
+    if (this.dataset.rendered)
+        return;
+    this.dataset.rendered = true;
+    const entity = window.docs.entities[entityName];
+    const view = entity.views[viewName].find((a) => a.grant === grant);
+    const tabPages = this.parentNode.parentNode.parentNode.querySelector('.tab-pages');
+    tabPages.innerHTML += renderTemplate('template-project-entity-view-page', { grant });
+    const tabPage = Array.prototype.find.call(tabPages.querySelectorAll('.tab-page'), (dom) => dom.dataset?.role == view.grant);
+    if (!tabPage)
+        return;
+    const args = {
+        tabPage,
+        view,
+        viewName,
+        entity,
+        entityName,
+        EntityName: toCSharpName(entityName),
+        domain: getApiDomain(localStorage.selected_root_url),
+        rootUrlPath: getApiPath(localStorage.selected_root_url),
+    };
+    const snippet = window.codeSnippets.view;
+    const data = {
+        explainedDenyRoles: explainRoles(view.deny),
+        entityName,
+        viewName,
+        codeSnippetTabHeaders: Object.keys(snippet)
+            .map((lang, idx) => `<li role="presentation" ${idx ? '' : 'class="active"'}><a data-role="${lang}" onclick="activeRoleTab.call(this)">${lang}</a></li>`)
+            .join(''),
+        codeSnippetTabPages: Object.keys(snippet)
+            .map((lang, idx) => `<div class="tab-page ${lang} ${idx ? '' : 'active'}" data-role="${lang}">${snippet[lang]?.call(null, args) ?? ''}</div>`)
+            .join(''),
+        description: view.description,
+        outputModel: formatHintModel(view.codeHint?.output?.fields),
+        outputEmptyResult: JSON.stringify(view.emptyResult, null, 4),
+    };
+    tabPage.innerHTML =
+        renderTemplate('template-view', data) + renderTemplate('template-project-entity-view-page-codeSnippets', data);
+    initDom(tabPage);
+    if (!view.deny)
+        tabPage.querySelector('.deny-roles')?.remove();
+    if (!Array.isArray(view.parameters) || !view.parameters.length) {
+        tabPage.querySelector('.parameters-input-pane')?.remove();
+    }
+    else {
+        tabPage.querySelector('.parameters-list').innerHTML = view.parameters
+            .map((p) => renderTemplate('template-view-parameters', {
+            field: p.field,
+            type: (p.isArray ? 'array of ' : '') + (p.type ?? 'string'),
+            description: p.description ?? '',
+            defaultValue: p.defaultValue ? `, default (${p.defaultValue})` : '',
+            required: p.required ? 'required' : 'optional',
+        }))
+            .join('');
+    }
+    if (!view.codeHint?.output?.fields) {
+        tabPage.querySelector('.output-model')?.remove();
+    }
+    if (!view.emptyResult) {
+        tabPage.querySelector('.output-epmty-result')?.remove();
+    }
+    if (!view.codeHint?.output?.fields && !view.emptyResult) {
+        tabPage.querySelector('.output-pane')?.remove();
+    }
+    if (!view.description) {
+        tabPage.querySelector('.description')?.remove();
+    }
+}
+window.codeSnippets = {
+    findMany: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-findMany-Javascript', {
+            entityName: args.entityName,
+            allowPagingDisplay: args.action.pagingType && args.action.pagingType != 'None' ? 'inline' : 'none',
+            includeTotalDisplay: args.action.includeTotal ? 'inline' : 'none',
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+            limitDisplay: args.action.pagingType === 'LimitOffset' || args.action.pagingType === 'Page' ? 'inline' : 'none',
+            offsetDisplay: args.action.pagingType === 'LimitOffset' ? 'inline' : 'none',
+            pageDisplay: args.action.pagingType === 'Page' ? 'inline' : 'none',
+            vnTextDisplay: args.entity.features?.vn_text?.fields?.length ? 'inline' : 'none',
+            vnTextFields: args.entity.features?.vn_text?.fields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            countAsyncDisplay: args.action.includeTotal ? 'inline' : 'none',
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-findMany-JavascriptModel', {
+            undefinedModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model_undefined' }),
+            valueModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model' }),
+            nullModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model_null' }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-findMany-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-findMany-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+            limitOffsetDisplay: args.action.pagingType === 'LimitOffset' ? 'inline' : 'none',
+            pageDisplay: args.action.pagingType === 'Page' ? 'inline' : 'none',
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-findMany-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+            limitOffsetDisplay: args.action.pagingType === 'LimitOffset' ? 'inline' : 'none',
+            pageDisplay: args.action.pagingType === 'Page' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-findMany-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-findMany-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            allowSortingsDisplay: args.action.allowSortings ? 'inline' : 'none',
+            sortFields: args.action.allowSortings
+                ?.map((sort) => (sort.type === 'Desc' ? '-' : '') + renderTemplate('template-fields-inline', { fieldName: sort.field }))
+                .join(''),
+        }),
+    },
+    findById: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-findById-Javascript', {
+            entityName: args.entityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-findById-JavascriptModel', {
+            undefinedModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model_undefined' }),
+            valueModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model' }),
+            nullModel: getModelOutput(args.action.returnableFields, args.entity.fields, { mode: 'model_null' }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-findById-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-findById-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-findById-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-findById-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-findById-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            fields: args.action.returnableFields
+                ?.map((fieldName) => renderTemplate('template-fields-inline', { fieldName }))
+                .join(''),
+        }),
+    },
+    createOne: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-createOne-Javascript', {
+            entityName: args.entityName,
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-createOne-JavascriptModel', {
+            undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {
+                mode: 'model_undefined',
+                excludeId: true,
+            }),
+            valueModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model', excludeId: true }),
+            nullModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_null', excludeId: true }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-createOne-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-createOne-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-createOne-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-createOne-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-createOne-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    createMany: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-createMany-Javascript', {
+            entityName: args.entityName,
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-createMany-JavascriptModel', {
+            undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {
+                mode: 'model_undefined',
+                excludeId: true,
+            }),
+            valueModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model', excludeId: true }),
+            nullModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_null', excludeId: true }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-createMany-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-createMany-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-createMany-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-createMany-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-createMany-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    updateOne: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-updateOne-Javascript', {
+            entityName: args.entityName,
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-updateOne-JavascriptModel', {
+            undefinedModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_undefined' }),
+            valueModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model' }),
+            nullModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_null' }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-updateOne-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-updateOne-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-updateOne-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-updateOne-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-updateOne-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    updateMany: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-updateMany-Javascript', {
+            entityName: args.entityName,
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-updateMany-JavascriptModel', {
+            undefinedModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_undefined' }),
+            valueModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model' }),
+            nullModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_null' }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-updateMany-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-updateMany-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-updateMany-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-updateMany-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-updateMany-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    updatePartially: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-updatePartially-Javascript', {
+            entityName: args.entityName,
+        }),
+        JavascriptModel: (args) => renderTemplate('template-codeSnippets-updatePartially-JavascriptModel', {
+            undefinedModel: getModelInput(args.action.exclude, args.entity.fields, {
+                mode: 'model_undefined',
+                optionalToAll: true,
+            }),
+            valueModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model', optionalToAll: true }),
+            nullModel: getModelInput(args.action.exclude, args.entity.fields, { mode: 'model_null', optionalToAll: true }),
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-updatePartially-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-updatePartially-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-updatePartially-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-updatePartially-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-updatePartially-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    deleteOne: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-deleteOne-Javascript', {
+            entityName: args.entityName,
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-deleteOne-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-deleteOne-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-deleteOne-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-deleteOne-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-deleteOne-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    deleteMany: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-deleteMany-Javascript', {
+            entityName: args.entityName,
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-deleteMany-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-deleteMany-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-deleteMany-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-deleteMany-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-deleteMany-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+        }),
+    },
+    generalAction: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-generalAction-Javascript', {
+            entityName: args.entityName,
+            httpMethod: getHttpMethod(args.actionName),
+            paramDisplay: args.action?.codeHint?.delegator?.param?.fields ? 'inline' : 'none',
+            bodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'inline' : 'none',
+        }),
+        CSharp: (args) => renderTemplate('template-codeSnippets-generalAction-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            MethodName: toCSharpName(getHttpMethod(args.actionName)),
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-generalAction-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            httpMethod: getHttpMethod(args.actionName),
+            bodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'inline' : 'none',
+            noBodyDisplay: args.action?.codeHint?.delegator?.requestBody?.fields ? 'none' : 'inline',
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-generalAction-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.action.grant !== '*' ? 'inline' : 'none',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-generalAction-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            methodName: getHttpMethod(args.actionName),
+            MethodName: toCSharpName(getHttpMethod(args.actionName)),
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-generalAction-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            methodName: getHttpMethod(args.actionName),
+            MethodName: toCSharpName(getHttpMethod(args.actionName)),
+        }),
+    },
+    view: {
+        Javascript: (args) => renderTemplate('template-codeSnippets-view-Javascript', {
+            entityName: args.entityName,
+            viewName: args.viewName,
+            parameters: args.view.parameters
+                ? '{\n        ' +
+                    args.view.parameters
+                        .map((p) => `${encodeHtml(p.field)}: <span class="place-holder">value_of_${encodeHtml(p.field)}</span>`)
+                        .join(',\n        ') +
+                    '\n    }'
+                : '',
+        }),
+        JavascriptModel: (args) => args.view.codeHint?.output?.fields
+            ? renderTemplate('template-codeSnippets-view-JavascriptModel', {
+                undefinedModel: formatHintModel(args.view.codeHint.output.fields, undefined, { mode: 'model_undefined' }),
+                valueModel: formatHintModel(args.view.codeHint.output.fields, undefined, { mode: 'model' }),
+                nullModel: formatHintModel(args.view.codeHint.output.fields, undefined, { mode: 'model_null' }),
+            })
+            : '',
+        CSharp: (args) => renderTemplate('template-codeSnippets-view-CSharp', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            grantDisplay: args.view.grant === '*' ? 'none' : 'inline',
+            Grant: toCSharpName(args.view.grant),
+            ViewName: toCSharpName(args.viewName),
+            parameters: args.view.parameters
+                ? args.view.parameters
+                    .map((p) => `${encodeHtml(toCSharpName(p.field))} = <span class="place-holder">value_of_${encodeHtml(p.field)}</span>`)
+                    .join(',\n        ')
+                : '',
+        }),
+        HTTP: (args) => renderTemplate('template-codeSnippets-view-HTTP', {
+            domain: args.domain,
+            rootUrlPath: args.rootUrlPath,
+            entityName: args.entityName,
+            viewName: args.viewName,
+            tokenDisplay: args.view.grant !== '*' ? 'inline' : 'none',
+            parameters: args.view.parameters
+                ? '?' +
+                    args.view.parameters
+                        .map((p) => `${encodeHtml(p.field)}=<span class="place-holder">value_of_${encodeHtml(p.field)}</span>`)
+                        .join('&')
+                : '',
+        }),
+        cURL: (args) => renderTemplate('template-codeSnippets-view-cURL', {
+            rootUrl: localStorage.selected_root_url,
+            entityName: args.entityName,
+            tokenDisplay: args.view.grant !== '*' ? 'inline' : 'none',
+            parameters: args.view.parameters
+                ? '?' +
+                    args.view.parameters
+                        .map((p) => `${encodeHtml(p.field)}=<span class="place-holder">value_of_${encodeHtml(p.field)}</span>`)
+                        .join('&')
+                : '',
+        }),
+        Java: (args) => renderTemplate('template-codeSnippets-view-Java', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            viewName: args.viewName,
+            ViewName: toCSharpName(args.viewName),
+            parameters: args.view.parameters
+                ? args.view.parameters
+                    .map((p) => `arg.set${encodeHtml(toCSharpName(p.field))}(<span class="place-holder">value_of_${encodeHtml(p.field)}</span>);`)
+                    .join(',\n    ')
+                : '',
+        }),
+        JavaAsync: (args) => renderTemplate('template-codeSnippets-view-JavaAsync', {
+            entityName: args.entityName,
+            EntityName: args.EntityName,
+            viewName: args.viewName,
+            ViewName: toCSharpName(args.viewName),
+            parameters: args.view.parameters
+                ? args.view.parameters
+                    .map((p) => `arg.set${encodeHtml(toCSharpName(p.field))}(<span class="place-holder">value_of_${encodeHtml(p.field)}</span>);`)
+                    .join(',\n    ')
+                : '',
+        }),
+    },
+};
+function toggleParentClass() {
+    const clazz = $(this).data('toggledClass');
+    $(this).parent().toggleClass(clazz);
+    var hash = $(this).data('hash');
+    if (hash) {
+        location.hash = hash;
+    }
+    const computedStyle = getComputedStyle(this);
+    let stickyTop = 0;
+    if (computedStyle.position === 'sticky') {
+        stickyTop = parseInt(computedStyle.top);
+        if (isNaN(stickyTop))
+            stickyTop = 0;
+    }
+    if (!$(this).parent().hasClass(clazz)) {
+        const b = document.body;
+        let d = document.documentElement;
+        d = d.clientHeight ? d : b;
+        if (parseInt(d.scrollTop) > this.offsetTop - stickyTop)
+            window.scrollTo(0, this.offsetTop - stickyTop);
+    }
+}
+function activeRoleTab() {
+    var role = $(this).data('role');
+    $(this).parent().parent().find('.active').removeClass('active');
+    $(this).parent().addClass('active');
+    $(this)
+        .parent()
+        .parent()
+        .parent()
+        .find('> .tab-pages > .tab-page')
+        .removeClass('active')
+        .filter(function () {
+        return $(this).data('role') === role;
+    })
+        .addClass('active');
+}
+function activeFirstChild() {
+    let dom = this;
+    dom = dom.children.length && dom.children[0];
+    if (!dom)
+        return;
+    dom = dom.children.length && dom.children[0];
+    if (!dom)
+        return;
+    dom.onclick && dom.onclick();
+}
+function gotoHash() {
+    if (!location.hash)
+        return;
+    const m = location.hash.match(/^#(\$[\w-]+|\w+)(\.((views\.)?\w+))?$/);
+    if (!m)
+        return;
+    const cardSelector = m[1].charAt(0) === '$' ? '#extension-' + m[1].substring(1) : '#entity-' + m[1];
+    let dom = document.querySelector(cardSelector);
+    if (!dom)
+        return;
+    let top = dom.offsetTop;
+    dom = dom.firstElementChild;
+    if (!dom)
+        return;
+    dom.onclick && dom.onclick();
+    let computedStyle = getComputedStyle(dom);
+    let stickyTop = 0;
+    if (computedStyle.position === 'sticky') {
+        stickyTop = parseInt(computedStyle.top);
+        if (isNaN(stickyTop))
+            stickyTop = 0;
+    }
+    window.scrollTo(0, top - stickyTop);
+    if (!m[3])
+        return;
+    const panelSelector = m[1].charAt(0) === '$'
+        ? '#extension-' + m[1].substring(1) + '-' + m[3].replace(/[.]/g, '-')
+        : '#action-' + m[1] + '-' + m[3].replace(/[.]/g, '-');
+    dom = document.querySelector(panelSelector);
+    if (!dom)
+        return;
+    top = dom.offsetTop;
+    dom = dom.firstElementChild;
+    if (!dom)
+        return;
+    dom.onclick && dom.onclick();
+    computedStyle = getComputedStyle(dom);
+    stickyTop = 0;
+    if (computedStyle.position === 'sticky') {
+        stickyTop = parseInt(computedStyle.top);
+        if (isNaN(stickyTop))
+            stickyTop = 0;
+    }
+    window.scrollTo(0, top - stickyTop);
+}
+function copied() {
+    const dom = document.querySelector('#copied');
+    if (!dom)
+        return;
+    dom.classList.add('show');
+    setTimeout(() => dom.classList.remove('show'), 1000);
+}
+function initDom(dom) {
+    $('pre[data-language]', dom).each(function () {
+        const holder = document.createElement('div');
+        holder.className = 'command-bar';
+        const copyButton = document.createElement('a');
+        copyButton.innerHTML = 'Copy';
+        holder.appendChild(copyButton);
+        $(this).prepend(holder);
+        copyButton.onclick = function () {
+            if (location.protocol !== 'https:' && location.protocol !== 'file:') {
+                alert('Can not copy, please use https protocol!');
+                return;
+            }
+            const pre = $(this).parent().parent();
+            const commandBar = $(this).parent().detach();
+            try {
+                if (window.ClipboardItem) {
+                    const content = pre.text();
+                    const blob = new Blob([content], { type: 'text/plain' });
+                    const text = new ClipboardItem({ 'text/plain': blob });
+                    navigator.clipboard.write([text]);
+                }
+                else {
+                    if (document.body.createTextRange) {
+                        const range = document.body.createTextRange();
+                        range.moveToElementText(pre[0]);
+                        range.select();
+                    }
+                    else if (window.getSelection) {
+                        const selection = window.getSelection();
+                        const range = document.createRange();
+                        range.selectNodeContents(pre[0]);
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    }
+                    document.execCommand('copy');
+                }
+            }
+            finally {
+                pre.prepend(commandBar);
+            }
+            copied();
+        };
+    });
+    $('pre[data-language=json] .command-bar', dom).each(function () {
+        const copyButton = document.createElement('a');
+        copyButton.innerHTML = 'Copy (without comment)';
+        $(this).prepend(copyButton);
+        copyButton.onclick = function () {
+            if (location.protocol !== 'https:' && location.protocol !== 'file:') {
+                alert('Can not copy, please use https protocol!');
+                return;
+            }
+            const pre = $(this).parent().parent();
+            const commandBar = $(this).parent().detach();
+            pre.find('.code-comment').each(function () {
+                this.dataset.innerHTML = this.innerHTML;
+                this.innerHTML = '';
+            });
+            try {
+                if (window.ClipboardItem) {
+                    const content = pre.text();
+                    const blob = new Blob([content], { type: 'text/plain' });
+                    const text = new ClipboardItem({ 'text/plain': blob });
+                    navigator.clipboard.write([text]);
+                }
+                else {
+                    if (document.body.createTextRange) {
+                        const range = document.body.createTextRange();
+                        range.moveToElementText(pre[0]);
+                        range.select();
+                    }
+                    else if (window.getSelection) {
+                        const selection = window.getSelection();
+                        const range = document.createRange();
+                        range.selectNodeContents(pre[0]);
+                        selection.removeAllRanges();
+                        selection.addRange(range);
+                    }
+                    document.execCommand('copy');
+                }
+            }
+            finally {
+                pre.prepend(commandBar);
+                pre.find('.code-comment').each(function () {
+                    this.innerHTML = this.dataset.innerHTML;
+                    delete this.dataset.innerHTML;
+                });
+            }
+            copied();
+        };
+    });
+}