code.js

$(function () {
  //初始化
  (function init() {

    function showInfo(info) {
      $('.info').show().html(info);
    }

    function hideInfo() {
      $('.info').hide();
    }
    const jsonEditorCachekey = 'jsonEditor';

    let resultDartCode = '';

    let jsonTestCase = {
      "status": 200,
      "message": "ok",
      "data": [{
        "id": "6e9485ae-7d80-4438-803a-c3df575df793",
        "title": "Kesempatan Belajar Seni secara Daring Makin Terbuka",
        "image_url": "https://mejaseni.yk1.s3.gmedia.id/media/v4PuXMcTsGI50Chf22oJ1lHtijGnsIOpqUDHwk0a.jpg",
        "date": "Selasa, 08/06/2021"
      }],
      "paginate": {
        "total": 3,
        "total_filtered": 3
      }
    };

    // create the editor
    const container = document.getElementById("origJsonContainer")
    const options = {
      "mode": "code",
      onChangeText: (str) => {
        $.cookie(jsonEditorCachekey, str);
        generate();
      },
    }
    let editor;
    try {
      editor = new JSONEditor(container, options)
    } catch {
      showInfo('Load JSONEditor faild, please try reload');
    }

    function tryParseJSON(jsonString) {
      try {
        var o = JSON.parse(jsonString);
        if (o && typeof o === "object") {
          return o;
        }
      } catch (e) {}
      return false;
    }

    function generate() {
      hideInfo();
      let jsonObj;
      try {
        jsonObj = editor.get();
      } catch (error) {
        $('#dartCode').html(error.toString());
        return;
      }

      let forceStringCheckBox = $('#forceStringCheckBox').prop('checked');
      let shouldEnhanceFaultTolerance = $('#faultToleranceCheckBox').prop('checked');

      //snake to camel
      const snakeToCamel = (str) => str.replace(
        /([-_][a-zA-Z])/g,
        (group) => group.toUpperCase()
        .replace('-', '')
        .replace('_', '')
      );

      //去除重复元素
      let removeSurplusElement = (obj) => {
        if (Array.isArray(obj)) {
          obj.length = 1;
          removeSurplusElement(obj[0]);
        } else if (typeof obj === 'object') {
          for (let key in obj) {
            if (obj.hasOwnProperty(key)) {
              removeSurplusElement(obj[key])
            }
          }
        }
      };
      //大写转换
      let uppercaseFirst = (string) => {
        return string.charAt(0).toUpperCase() + string.slice(1);
      };
      //Dart关键字保护
      let dartKeywordDefence = key => {
        if (typeof key === 'string') {
          //https://dart.dev/guides/language/language-tour
          let reservedKeywords = ["num", "double", "int", "String", "bool", "List", "abstract", "dynamic", "implements", "show", "as", "else", "import", "static", "assert", "enum", "in", "super", "async", "export", "interface", "switch", "await", "extends", "is", "sync", "break", "external", "library", "this", "case", "factory", "mixin", "throw", "catch", "false", "new", "true", "class", "final", "null", "try", "const", "finally", "on", "typedef", "continue", "for", "operator", "var", "covariant", "Function", "part", "void", "default", "get", "rethrow", "while", "deferred", "hide", "return", "with", "do", "if", "set", "yield"];
          let isStartWithNum = key.match(/^\d/);
          if (reservedKeywords.includes(key) || isStartWithNum) {
            return `the${uppercaseFirst(key)}`;
          }
        }
        return key;
      };

      //泛型字符串生成器
      let genericStringGenerator = (innerClass, count) => {
        let genericStrings = [innerClass];
        while (count) {
          genericStrings.unshift('List<');
          genericStrings.push('>');
          count--;
        }
        let genericString = genericStrings.join('');
        return genericString;
      }

      //!获取最内层对象,类型和层数
      let getInnerObjInfo = (arr, className) => {
        let count = 0;
        let getInnerObj = (arr) => {
          if (Array.isArray(arr)) {
            let first = arr[0];
            count++;
            return getInnerObj(first);
          } else {
            return arr;
          }
        }

        let inner = getInnerObj(arr);
        let innerClass = className;
        if (typeof inner === 'object') {} else if (typeof inner === 'boolean') {
          //we don't handle boolean
          innerClass = 'bool';
        } else {
          if (typeof inner === 'string') {
            innerClass = 'String';
          }
          if (typeof inner === 'number') {
            if (Number.isInteger(inner)) {
              innerClass = 'int';

            } else {
              innerClass = 'double';
            }
          }
          if (forceStringCheckBox) {
            innerClass = 'String';
          }
        }
        return {
          inner,
          innerClass,
          count
        };
      };
      //!获取数组循环语句
      let getIterateLines = (arr, className, key, legalKey, jsonKey, shouldNullSafe) => {

        if (legalKey == 'data') {
          legalKey = 'this.data';
        }

        function makeBlank(count) {
          let str = '';
          for (let index = 0; index < count + 1; index++) {
            str += '  ';
          }
          return str;
        };

        let {
          inner,
          innerClass,
          count
        } = getInnerObjInfo(arr, className);
        if (inner === undefined || inner === null) {
          showInfo(`WARNING : the property named &nbsp <b>'${key}'</b> &nbsp is an EMPTY array ! parse process is failed !`);
          return {
            fromJsonLinesJoined: "    >>>>>>error<<<<<<\n",
            toJsonLinesJoined: "    >>>>>>error<<<<<<\n"
          };
        }
        let total = count;
        let fromJsonLines = [];
        let toJsonLines = [];

        count--;

        if (typeof inner === 'object') {
          fromJsonLines.push(`${makeBlank(count * 3)}v.forEach((v) {\n${makeBlank(count * 4)}arr${count}.add(${className}.fromJson(v));\n${makeBlank(count * 3)}});`);
          toJsonLines.push(`${makeBlank(count * 3)}v${shouldNullSafe ? '!' : ''}.forEach((v) {\n${makeBlank(count * 4)}arr${count}.add(v${shouldNullSafe ? '!' : ''}.toJson());\n${makeBlank(count * 3)}});`);
        } else {
          let toType = 'v';
          if (typeof inner === 'boolean') {
            //we don't handle boolean
          } else {
            if (forceStringCheckBox) {
              inner = inner.toString();
            }
            if (typeof inner === 'string') {
              toType = 'v.toString()';
            }
            if (typeof inner === 'number') {
              if (Number.isInteger(inner)) {
                toType = shouldEnhanceFaultTolerance ? 'int.tryParse(v.toString() ?? \'\')' : 'v.toInt()';
              } else {
                toType = shouldEnhanceFaultTolerance ? 'double.tryParse(v.toString() ?? \'\')' : 'v.toDouble()';
              }
            }
          }
          if ((typeof inner === 'string') || (typeof inner === 'number') || (typeof inner === 'boolean')) {
            fromJsonLines.push(`${makeBlank(count * 3)}v.forEach((v) {\n${makeBlank(count * 4)}arr${count}.add(${toType});\n${makeBlank(count * 3)}});`);
            toJsonLines.push(`${makeBlank(count * 3)}v${shouldNullSafe ? '!' : ''}.forEach((v) {\n${makeBlank(count * 4)}arr${count}.add(v);\n${makeBlank(count * 3)}});`);
          }
        }

        while (count) {
          fromJsonLines.unshift(`${makeBlank(count * 2)}v.forEach((v) {\n${makeBlank(count * 3)}final arr${count} = ${genericStringGenerator(innerClass, total - count).slice(4)}[];`);
          fromJsonLines.push(`${makeBlank(count * 3)}arr${count - 1}.add(arr${count});\n${makeBlank(count * 2)}});`);
          toJsonLines.unshift(`${makeBlank(count * 2)}v${shouldNullSafe ? '!' : ''}.forEach((v) {\n${makeBlank(count * 3)}final arr${count} = [];`);
          toJsonLines.push(`${makeBlank(count * 3)}arr${count - 1}.add(arr${count});\n${makeBlank(count * 2)}});`);
          count--;
        }

        let typeCheck = shouldEnhanceFaultTolerance ? ` && (json[${jsonKey}] is List)` : '';
        fromJsonLines.unshift(`${makeBlank(count * 2)}if (json[${jsonKey}] != null${typeCheck}) {\n${makeBlank(count * 2)}final v = json[${jsonKey}];\n${makeBlank(count * 2)}final arr0 = ${genericStringGenerator(innerClass, total).slice(4)}[];`);
        fromJsonLines.push(`${makeBlank(count * 2)}${makeBlank(count)}${legalKey} = arr0;\n    }\n`);
        toJsonLines.unshift(`    if (${legalKey} != null) {\n      final v = ${legalKey};\n      final arr0 = [];`);
        toJsonLines.push(`      data[${jsonKey}] = arr0;\n    }\n`);

        let fromJsonLinesJoined = fromJsonLines.join('\r\n');
        let toJsonLinesJoined = toJsonLines.join('\r\n');
        return {
          fromJsonLinesJoined,
          toJsonLinesJoined
        };
      };

      //!json对象转dart
      let objToDart = (jsonObj, prefix, baseClass) => {

        if (Array.isArray(jsonObj)) {
          return objToDart(jsonObj[0], prefix, baseClass);
        }

        let lines = [];

        let jsonKeysLines = [];

        let propsLines = [];
        let fields = [];
        let fieldModel = [];
        let constructorLines = [];
        let fromJsonLines = [];
        let toJsonLines = [];

        let shouldUsingJsonKey = $('#usingJsonKeyCheckBox').prop('checked');
        let shouldNullSafe = $('#nullSafeCheckBox').prop('checked');
        let isJsonKeyPrivate = $('#jsonKeyPrivateCheckBox').prop('checked');
        let shouldConvertSnakeToCamel = $('#camelCheckBox').prop('checked');
        let shouldEnhanceFaultTolerance = $('#faultToleranceCheckBox').prop('checked');
        let shouldOridJson = $('#origJsonCheckBox').prop('checked');

        let className = `${prefix}${uppercaseFirst(baseClass)}`;
        if (shouldConvertSnakeToCamel) {
          className = snakeToCamel(className);
        }

        lines.push(`@JsonSerializable(createToJson: false)`)
        lines.push(`class ${className}Model extends ${className}Entity{`);
        constructorLines.push(`  const ${className}Model({\n`);

        // Json
        // lines.push(`/*\r\n${JSON.stringify(jsonObj, null, 2)} \r\n*/\r\n`);

        fromJsonLines.push(`  ${className}.fromJson(Map<String, dynamic> json) {\n`);
        if (shouldOridJson) {
          fromJsonLines.push(`    __origJson = json;\n`);
        }
        toJsonLines.push(`  Map<String, dynamic> toJson() {\n`);
        toJsonLines.push(`    final Map<String, dynamic> data = Map<String, dynamic>();\n`);

        for (let key in jsonObj) {
          if (jsonObj.hasOwnProperty(key)) {
            let element = jsonObj[key];

            let legalKey = dartKeywordDefence(key);

            if (shouldConvertSnakeToCamel) {
              legalKey = snakeToCamel(legalKey);
            }

            let thisData = '';
            if (key == 'data') {
              thisData = 'this.';
            }

            let jsonKey = `"${key}"`;
            if (shouldUsingJsonKey) {
              jsonKey = `${isJsonKeyPrivate ? '_' : ''}jsonKey${className}${uppercaseFirst(legalKey)}`;
            }
            jsonKeysLines.push(`const String ${jsonKey} = "${key}";`);
            if (element === null) {
              //!显示错误信息
              showInfo(`WARNING : the Property named '${key}' is null,which will be treated as String type`);
              element = '';
            }
            if (typeof element === 'object') {

              let subClassName = `${className}${uppercaseFirst(key)}`;
              if (shouldConvertSnakeToCamel) {
                subClassName = snakeToCamel(subClassName);
              }
              if (Array.isArray(element)) {
                let {
                  inner,
                  innerClass,
                  count
                } = getInnerObjInfo(element, subClassName);
                let {
                  fromJsonLinesJoined,
                  toJsonLinesJoined
                } = getIterateLines(element, subClassName, key, legalKey, jsonKey, shouldNullSafe);
                let genericString = genericStringGenerator(innerClass, count);
                if (shouldNullSafe) {
                  genericString = genericString.replaceAll('>', '?>') + '?';
                }
                propsLines.push(`  final ${genericString} ${legalKey};\n`);
                fields.push(`${legalKey}: ${legalKey},`);
                fieldModel.push(`  required ${genericString.replaceAll('>', 'Model>')} ${legalKey},\n`);
                fromJsonLines.push(fromJsonLinesJoined);
                toJsonLines.push(toJsonLinesJoined);
                if (typeof inner === 'object') {
                  lines.unshift(objToDart(element, className, key));
                }
              } else {

                lines.unshift(objToDart(element, className, key));
                propsLines.push(`  final ${subClassName}${shouldNullSafe ? '?' : ''} ${legalKey};\n`);
                fields.push(`${legalKey}: ${legalKey},`);
                fieldModel.push(`  required ${subClassName}Model ${legalKey},\n`);
                let typeCheck = shouldEnhanceFaultTolerance ? ` && (json[${jsonKey}] is Map)` : '';
                fromJsonLines.push(`    ${legalKey} = (json[${jsonKey}] != null${typeCheck}) ? ${subClassName}.fromJson(json[${jsonKey}]) : null;\n`);
                toJsonLines.push(`    if (${legalKey} != null) {\n      data[${jsonKey}] = ${thisData}${legalKey}${shouldNullSafe ? '!' : ''}.toJson();\n    }\n`);
              }
            } else {
              let toType = `json[${jsonKey}]`;
              let type = '';
              if (typeof element === 'boolean') {
                //bool is special
                type = 'bool';
              } else {
                if (forceStringCheckBox) {
                  element = element.toString();
                }
                if (typeof element === 'string') {
                  toType = `json[${jsonKey}]?.toString()`;
                  type = 'String';
                } else if (typeof element === 'number') {
                  if (Number.isInteger(element)) {
                    toType = shouldEnhanceFaultTolerance ? `int.tryParse(json[${jsonKey}]?.toString() ?? '')` : `json[${jsonKey}]?.toInt()`;
                    type = 'int';
                  } else {
                    toType = shouldEnhanceFaultTolerance ? `double.tryParse(json[${jsonKey}]?.toString() ?? '')` : `json[${jsonKey}]?.toDouble()`;
                    type = 'double';
                  }
                }
              }
              propsLines.push(`  final ${type}${shouldNullSafe ? '?' : ''} ${legalKey};\n`);
              fields.push(`${legalKey}: ${legalKey},`);
              fieldModel.push(`  required ${type} ${legalKey},\n`);
              fromJsonLines.push(`    ${legalKey} = ${toType};\n`);
              toJsonLines.push(`    data[${jsonKey}] = ${thisData}${legalKey};\n`);
            }
          }
        }
        if (shouldOridJson) {
          propsLines.push(`  Map<String, dynamic> __origJson = {};\n`);
        }
        if (shouldUsingJsonKey) {
          lines.unshift(jsonKeysLines.join('\n'));
        }

        constructorLines.push(`  ${fieldModel.join('')}}) \: super(${fields.join('')}) ;`);
        fromJsonLines.push(`  }`);
        toJsonLines.push(`    return data;\n  }`);

        lines.push(constructorLines.join('') + '\n');
        // lines.push(propsLines.join(''));

        lines.push(`  factory ${className}Model.fromJson(Map<String, dynamic> json) =>
        _\$${className}ModelFromJson(json);\n\n`);


        if (shouldOridJson) {
          lines.push(`  Map<String, dynamic> origJson() => __origJson;`);
        }

        lines.push(`}\n`);

        let linesOutput = lines.join('\r\n');

        return linesOutput;
      };

      //!json对象转dart Entity
      let objToDartEntity = (jsonObj, prefix, baseClass) => {

        if (Array.isArray(jsonObj)) {
          return objToDartEntity(jsonObj[0], prefix, baseClass);
        }

        let lines = [];
        let linesModel = [];

        let jsonKeysLines = [];

        let propsLines = [];
        let fields = [];
        let constructorLines = [];
        let fromJsonLines = [];
        let toJsonLines = [];

        let shouldUsingJsonKey = $('#usingJsonKeyCheckBox').prop('checked');
        let shouldNullSafe = $('#nullSafeCheckBox').prop('checked');
        let isJsonKeyPrivate = $('#jsonKeyPrivateCheckBox').prop('checked');
        let shouldConvertSnakeToCamel = $('#camelCheckBox').prop('checked');
        let shouldEnhanceFaultTolerance = $('#faultToleranceCheckBox').prop('checked');
        let shouldOridJson = $('#origJsonCheckBox').prop('checked');

        let className = `${prefix}${uppercaseFirst(baseClass)}`;
        if (shouldConvertSnakeToCamel) {
          className = snakeToCamel(className);
        }


        lines.push(`class ${className}Entity extends Equatable{`);
        constructorLines.push(`  const ${className}Entity({\n`);

        // Json
        // lines.push(`/*\r\n${JSON.stringify(jsonObj, null, 2)} \r\n*/\r\n`);

        fromJsonLines.push(`  ${className}.fromJson(Map<String, dynamic> json) {\n`);
        if (shouldOridJson) {
          fromJsonLines.push(`    __origJson = json;\n`);
        }
        toJsonLines.push(`  Map<String, dynamic> toJson() {\n`);
        toJsonLines.push(`    final Map<String, dynamic> data = Map<String, dynamic>();\n`);

        for (let key in jsonObj) {
          if (jsonObj.hasOwnProperty(key)) {
            let element = jsonObj[key];

            let legalKey = dartKeywordDefence(key);

            if (shouldConvertSnakeToCamel) {
              legalKey = snakeToCamel(legalKey);
            }

            let thisData = '';
            if (key == 'data') {
              thisData = 'this.';
            }

            let jsonKey = `"${key}"`;
            if (shouldUsingJsonKey) {
              jsonKey = `${isJsonKeyPrivate ? '_' : ''}jsonKey${className}${uppercaseFirst(legalKey)}`;
            }
            jsonKeysLines.push(`const String ${jsonKey} = "${key}";`);
            constructorLines.push(`    required this.${legalKey},\n`);
            if (element === null) {
              //!显示错误信息
              showInfo(`WARNING : the Property named '${key}' is null,which will be treated as String type`);
              element = '';
            }
            if (typeof element === 'object') {

              let subClassName = `${className}${uppercaseFirst(key)}`;
              if (shouldConvertSnakeToCamel) {
                subClassName = snakeToCamel(subClassName);
              }
              if (Array.isArray(element)) {
                let {
                  inner,
                  innerClass,
                  count
                } = getInnerObjInfo(element, subClassName);
                let {
                  fromJsonLinesJoined,
                  toJsonLinesJoined
                } = getIterateLines(element, subClassName, key, legalKey, jsonKey, shouldNullSafe);
                let genericString = genericStringGenerator(innerClass, count);
                if (shouldNullSafe) {
                  genericString = genericString.replaceAll('>', '?>') + '?';
                }
                propsLines.push(`  final ${genericString.replaceAll('>', 'Entity>')} ${legalKey};\n`);
                fields.push(`${legalKey},`);
                fromJsonLines.push(fromJsonLinesJoined);
                toJsonLines.push(toJsonLinesJoined);
                if (typeof inner === 'object') {
                  lines.unshift(objToDartEntity(element, className, key));
                }
              } else {

                lines.unshift(objToDartEntity(element, className, key));
                propsLines.push(`  final ${subClassName}Entity${shouldNullSafe ? '?' : ''} ${legalKey};\n`);
                fields.push(`${legalKey},`);
                let typeCheck = shouldEnhanceFaultTolerance ? ` && (json[${jsonKey}] is Map)` : '';
                fromJsonLines.push(`    ${legalKey} = (json[${jsonKey}] != null${typeCheck}) ? ${subClassName}.fromJson(json[${jsonKey}]) : null;\n`);
                toJsonLines.push(`    if (${legalKey} != null) {\n      data[${jsonKey}] = ${thisData}${legalKey}${shouldNullSafe ? '!' : ''}.toJson();\n    }\n`);
              }
            } else {
              let toType = `json[${jsonKey}]`;
              let type = '';
              if (typeof element === 'boolean') {
                //bool is special
                type = 'bool';
              } else {
                if (forceStringCheckBox) {
                  element = element.toString();
                }
                if (typeof element === 'string') {
                  toType = `json[${jsonKey}]?.toString()`;
                  type = 'String';
                } else if (typeof element === 'number') {
                  if (Number.isInteger(element)) {
                    toType = shouldEnhanceFaultTolerance ? `int.tryParse(json[${jsonKey}]?.toString() ?? '')` : `json[${jsonKey}]?.toInt()`;
                    type = 'int';
                  } else {
                    toType = shouldEnhanceFaultTolerance ? `double.tryParse(json[${jsonKey}]?.toString() ?? '')` : `json[${jsonKey}]?.toDouble()`;
                    type = 'double';
                  }
                }
              }
              propsLines.push(`  final ${type}${shouldNullSafe ? '?' : ''} ${legalKey};\n`);
              fields.push(`${legalKey},`);
              fromJsonLines.push(`    ${legalKey} = ${toType};\n`);
              toJsonLines.push(`    data[${jsonKey}] = ${thisData}${legalKey};\n`);
            }
          }
        }
        if (shouldOridJson) {
          propsLines.push(`  Map<String, dynamic> __origJson = {};\n`);
        }
        if (shouldUsingJsonKey) {
          lines.unshift(jsonKeysLines.join('\n'));
        }

        constructorLines.push(`  });`);
        fromJsonLines.push(`  }`);
        toJsonLines.push(`    return data;\n  }`);

        lines.push(constructorLines.join('') + '\n');
        lines.push(propsLines.join(''));
        // lines.push(fromJsonLines.join(''));
        // lines.push(toJsonLines.join(''));
        if (shouldOridJson) {
          lines.push(`  Map<String, dynamic> origJson() => __origJson;`);
        }
        lines.push(`  @override`);
        lines.push(`  List<Object> get props => [${fields.join('')}];`);

        lines.push(`}\n`);

        let linesOutput = lines.join('\r\n');

        return linesOutput;
      };

      removeSurplusElement(jsonObj);

      let rootClass = $('#classNameTextField').val();
      let dartCodeEntity = `${objToDartEntity(jsonObj, rootClass, "")}`;
      let dartCodeModel = `${objToDart(jsonObj, rootClass, "")}`;


      resultDartCode = dartCodeEntity;
      resultDartCodeModel = dartCodeModel;

      let highlightDartCode = hljs.highlight('dart', dartCodeEntity);
      let highlightDartCodeModel = hljs.highlight('dart', resultDartCodeModel);
      $('#dartCode').html(highlightDartCode.value + `\n` + highlightDartCodeModel.value);
      $('#fileNameTextField').val(rootClass.length > 0 ? rootClass.replace(/([A-Z])/g, "_$1").toLowerCase().substr(1) + '.dart' : '');
    }

    function textFieldBinding(tfID, defaultValue) {
      let selector = '#' + tfID;
      let strFromCookie = $.cookie(tfID);
      if ((strFromCookie === undefined || strFromCookie.length === 0) && defaultValue) {
        $.cookie(tfID, defaultValue);
      }
      $(selector).val($.cookie(tfID));
      $(selector).on('input', function (e) {
        let text = $(this).val();
        $.cookie(tfID, text);
        generate();
      });
    }

    //textFieldBinding('origJsonTextarea', jsonTestCase);
    textFieldBinding('classNameTextField', 'SomeRootEntity');

    function jsonEditorBinding(tfID, defaultValue) {
      let str = $.cookie(jsonEditorCachekey);
      if (str && str.length) {
        editor.setText(str);
      } else {
        editor.set(jsonTestCase);
      }
    }
    jsonEditorBinding();

    function checkBoxBinding(checkBoxID, checked) {
      let defaultValue = checked ? '1' : '0';
      let selector = '#' + checkBoxID;
      let strFromCookie = $.cookie(checkBoxID);
      if (strFromCookie === undefined || strFromCookie.length === 0) {
        $.cookie(checkBoxID, defaultValue);
      }
      checked = $.cookie(checkBoxID) === '1';
      $(selector).prop('checked', checked);
      $(selector).on('change', function () {
        let checked = $(this).prop('checked') ? '1' : '0';
        $.cookie(checkBoxID, checked);
        generate();
      });
    }

    checkBoxBinding('jsonKeyPrivateCheckBox', true);
    checkBoxBinding('usingJsonKeyCheckBox', false);
    checkBoxBinding('nullSafeCheckBox', false);
    checkBoxBinding('camelCheckBox', true);
    checkBoxBinding('faultToleranceCheckBox', false);
    checkBoxBinding('forceStringCheckBox', false);
    checkBoxBinding('origJsonCheckBox', false);

    $('#usingJsonKeyCheckBox').on('change', function () {
      $('#jsonKeyPrivateCheckBox').prop('disabled', !(this.checked));
    });
    $('#jsonKeyPrivateCheckBox').prop('disabled', !($('#usingJsonKeyCheckBox').prop('checked')));

    generate();

    function copyToClipboard(text) {
      var $temp = $("<textarea>");
      $("body").append($temp);
      $temp.val(text).select();
      document.execCommand("copy");
      $temp.remove();
    }

    $('#copyFileBtn').click(function () {
      copyToClipboard(resultDartCode);
    });

  })();
});