mirror of
https://github.com/foss42/apidash.git
synced 2025-05-23 01:06:46 +08:00
441 lines
15 KiB
Dart
441 lines
15 KiB
Dart
import 'dart:io';
|
|
import 'dart:convert';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:davi/davi.dart';
|
|
|
|
const kDiscordUrl = "https://bit.ly/heyfoss";
|
|
const kGitUrl = "https://github.com/foss42/api-dash";
|
|
const kIssueUrl = "$kGitUrl/issues";
|
|
|
|
final kIsMacOS = !kIsWeb && Platform.isMacOS;
|
|
final kIsWindows = !kIsWeb && Platform.isWindows;
|
|
final kIsLinux = !kIsWeb && Platform.isLinux;
|
|
final kIsApple = !kIsWeb && (Platform.isIOS || Platform.isMacOS);
|
|
final kIsDesktop =
|
|
!kIsWeb && (Platform.isMacOS || Platform.isWindows || Platform.isLinux);
|
|
|
|
final kColorTransparentState =
|
|
MaterialStateProperty.all<Color>(Colors.transparent);
|
|
const kColorTransparent = Colors.transparent;
|
|
const kColorWhite = Colors.white;
|
|
|
|
const kWindowTitle = "API Dash";
|
|
const kMinWindowSize = Size(900, 600);
|
|
const kMinInitialWindowWidth = 1200.0;
|
|
const kMinInitialWindowHeight = 800.0;
|
|
|
|
const kColorSchemeSeed = Colors.blue;
|
|
final kFontFamily = GoogleFonts.openSans().fontFamily;
|
|
final kFontFamilyFallback =
|
|
kIsApple ? null : <String>[GoogleFonts.notoColorEmoji().fontFamily!];
|
|
|
|
final kCodeStyle = TextStyle(
|
|
fontFamily: GoogleFonts.sourceCodePro().fontFamily,
|
|
fontFamilyFallback: kFontFamilyFallback,
|
|
);
|
|
|
|
const kHintOpacity = 0.6;
|
|
const kForegroundOpacity = 0.05;
|
|
|
|
const kTextStyleButton = TextStyle(fontWeight: FontWeight.bold);
|
|
|
|
const kBorderRadius8 = BorderRadius.all(Radius.circular(8));
|
|
final kBorderRadius10 = BorderRadius.circular(10);
|
|
const kBorderRadius12 = BorderRadius.all(Radius.circular(12));
|
|
|
|
const kP1 = EdgeInsets.all(1);
|
|
const kP5 = EdgeInsets.all(5);
|
|
const kP8 = EdgeInsets.all(8);
|
|
const kPs8 = EdgeInsets.only(left: 8);
|
|
const kPh20v5 = EdgeInsets.symmetric(horizontal: 20, vertical: 5);
|
|
const kPh20v10 = EdgeInsets.symmetric(horizontal: 20, vertical: 10);
|
|
const kP10 = EdgeInsets.all(10);
|
|
const kPt24o8 = EdgeInsets.only(top: 24, left: 8.0, right: 8.0, bottom: 8.0);
|
|
const kPt5o10 =
|
|
EdgeInsets.only(left: 10.0, right: 10.0, top: 5.0, bottom: 10.0);
|
|
|
|
const kHSpacer5 = SizedBox(width: 5);
|
|
const kHSpacer10 = SizedBox(width: 10);
|
|
const kHSpacer20 = SizedBox(width: 20);
|
|
const kVSpacer5 = SizedBox(height: 5);
|
|
const kVSpacer8 = SizedBox(height: 8);
|
|
const kVSpacer10 = SizedBox(height: 10);
|
|
const kVSpacer20 = SizedBox(height: 20);
|
|
|
|
const kTabAnimationDuration = Duration(milliseconds: 200);
|
|
const kTabHeight = 45.0;
|
|
const kHeaderHeight = 32.0;
|
|
const kSegmentHeight = 24.0;
|
|
const kTextButtonMinWidth = 36.0;
|
|
|
|
const kRandMax = 100000;
|
|
|
|
const kTableThemeData = DaviThemeData(
|
|
columnDividerThickness: 1,
|
|
columnDividerColor: kColorTransparent,
|
|
row: RowThemeData(
|
|
dividerColor: kColorTransparent,
|
|
),
|
|
decoration: BoxDecoration(
|
|
border: Border(),
|
|
),
|
|
header: HeaderThemeData(
|
|
visible: false,
|
|
),
|
|
);
|
|
|
|
const kIconRemoveDark = Icon(
|
|
Icons.remove_circle,
|
|
size: 16,
|
|
color: Color(0xffcf6679),
|
|
);
|
|
|
|
final kIconRemoveLight = Icon(
|
|
Icons.remove_circle,
|
|
size: 16,
|
|
color: Colors.red.withOpacity(0.9),
|
|
);
|
|
|
|
const kCodePreviewLinesLimit = 500;
|
|
const kCodeCharsPerLineLimit = 200;
|
|
|
|
const kLightCodeTheme = {
|
|
'root':
|
|
TextStyle(backgroundColor: Color(0xffffffff), color: Color(0xff000000)),
|
|
'addition': TextStyle(backgroundColor: Color(0xffbaeeba)),
|
|
'attr': TextStyle(color: Color(0xff836C28)),
|
|
'attribute': TextStyle(color: Color(0xffaa0d91)),
|
|
'built_in': TextStyle(color: Color(0xff5c2699)),
|
|
'builtin-name': TextStyle(color: Color(0xff5c2699)),
|
|
'bullet': TextStyle(color: Color(0xff1c00cf)),
|
|
'code': TextStyle(color: Color(0xffc41a16)),
|
|
'comment': TextStyle(color: Color(0xff007400), fontStyle: FontStyle.italic),
|
|
'deletion': TextStyle(backgroundColor: Color(0xffffc8bd)),
|
|
'doctag': TextStyle(fontWeight: FontWeight.bold),
|
|
'emphasis': TextStyle(fontStyle: FontStyle.italic),
|
|
'formula': TextStyle(
|
|
backgroundColor: Color(0xffeeeeee), fontStyle: FontStyle.italic),
|
|
'keyword': TextStyle(color: Color(0xffaa0d91)),
|
|
'link': TextStyle(color: Color(0xff0E0EFF)),
|
|
'literal': TextStyle(color: Color(0xffaa0d91)),
|
|
'meta': TextStyle(color: Color(0xff643820)),
|
|
'meta-string': TextStyle(color: Color(0xffc41a16)),
|
|
'name': TextStyle(color: Color(0xffaa0d91)),
|
|
'number': TextStyle(color: Color(0xff1c00cf)),
|
|
'params': TextStyle(color: Color(0xff5c2699)),
|
|
'quote': TextStyle(color: Color(0xff007400)),
|
|
'regexp': TextStyle(color: Color(0xff0E0EFF)),
|
|
'section': TextStyle(color: Color(0xff643820)),
|
|
'selector-class': TextStyle(color: Color(0xff9b703f)),
|
|
'selector-id': TextStyle(color: Color(0xff9b703f)),
|
|
'selector-tag': TextStyle(color: Color(0xffaa0d91)),
|
|
'string': TextStyle(color: Color(0xffc41a16)),
|
|
'strong': TextStyle(fontWeight: FontWeight.bold),
|
|
'subst': TextStyle(color: Color(0xff000000)),
|
|
'symbol': TextStyle(color: Color(0xff1c00cf)),
|
|
'tag': TextStyle(color: Color(0xffaa0d91)),
|
|
'template-variable': TextStyle(color: Color(0xff3F6E74)),
|
|
'title': TextStyle(color: Color(0xff1c00cf)),
|
|
'type': TextStyle(color: Color(0xff5c2699)),
|
|
'variable': TextStyle(color: Color(0xff3F6E74)),
|
|
};
|
|
|
|
const kDarkCodeTheme = {
|
|
'root':
|
|
TextStyle(backgroundColor: Color(0xff011627), color: Color(0xffd6deeb)),
|
|
'addition': TextStyle(color: Color(0xffaddb67)),
|
|
'attr': TextStyle(color: Color(0xff7fdbca)),
|
|
'attribute': TextStyle(color: Color(0xff80cbc4)),
|
|
'built_in': TextStyle(color: Color(0xffaddb67)),
|
|
'builtin-name': TextStyle(color: Color(0xff7fdbca)),
|
|
'bullet': TextStyle(color: Color(0xffd9f5dd)),
|
|
'class': TextStyle(color: Color(0xffffcb8b)),
|
|
'code': TextStyle(color: Color(0xff80CBC4)),
|
|
'comment': TextStyle(color: Color(0xff637777), fontStyle: FontStyle.italic),
|
|
'deletion': TextStyle(color: Color(0xffef5350)),
|
|
'doctag': TextStyle(color: Color(0xff7fdbca)),
|
|
'emphasis': TextStyle(color: Color(0xffc792ea)),
|
|
'formula': TextStyle(color: Color(0xffc792ea), fontStyle: FontStyle.italic),
|
|
'function': TextStyle(color: Color(0xff82AAFF)),
|
|
'keyword': TextStyle(color: Color(0xffc792ea)),
|
|
'link': TextStyle(color: Color(0xffff869a)),
|
|
'literal': TextStyle(color: Color(0xffff5874)),
|
|
'meta': TextStyle(color: Color(0xff82aaff)),
|
|
'meta-keyword': TextStyle(color: Color(0xff82aaff)),
|
|
'meta-string': TextStyle(color: Color(0xffecc48d)),
|
|
'name': TextStyle(color: Color(0xff7fdbca)),
|
|
'number': TextStyle(color: Color(0xffF78C6C)),
|
|
'params': TextStyle(color: Color(0xff7fdbca)),
|
|
'quote': TextStyle(color: Color(0xff697098)),
|
|
'regexp': TextStyle(color: Color(0xff5ca7e4)),
|
|
'section': TextStyle(color: Color(0xff82b1ff)),
|
|
'selector-attr': TextStyle(color: Color(0xffc792ea)),
|
|
'selector-class': TextStyle(color: Color(0xffaddb67)),
|
|
'selector-id': TextStyle(color: Color(0xfffad430)),
|
|
'selector-pseudo': TextStyle(color: Color(0xffc792ea)),
|
|
'selector-tag': TextStyle(color: Color(0xffff6363)),
|
|
'string': TextStyle(color: Color(0xffecc48d)),
|
|
'strong': TextStyle(color: Color(0xffaddb67), fontWeight: FontWeight.bold),
|
|
'subst': TextStyle(color: Color(0xffd3423e)),
|
|
'symbol': TextStyle(color: Color(0xff82aaff)),
|
|
'tag': TextStyle(color: Color(0xff7fdbca)),
|
|
'template-tag': TextStyle(color: Color(0xffc792ea)),
|
|
'template-variable': TextStyle(color: Color(0xffaddb67)),
|
|
'title': TextStyle(color: Color(0xffDCDCAA)),
|
|
'type': TextStyle(color: Color(0xff82aaff)),
|
|
'variable': TextStyle(color: Color(0xffaddb67)),
|
|
};
|
|
|
|
final kColorStatusCodeDefault = Colors.grey.shade700;
|
|
final kColorStatusCode200 = Colors.green.shade800;
|
|
final kColorStatusCode300 = Colors.blue.shade800;
|
|
final kColorStatusCode400 = Colors.red.shade800;
|
|
final kColorStatusCode500 = Colors.amber.shade900;
|
|
const kOpacityDarkModeBlend = 0.4;
|
|
|
|
final kColorHttpMethodGet = Colors.green.shade800;
|
|
final kColorHttpMethodHead = kColorHttpMethodGet;
|
|
final kColorHttpMethodPost = Colors.blue.shade800;
|
|
final kColorHttpMethodPut = Colors.amber.shade900;
|
|
final kColorHttpMethodPatch = kColorHttpMethodPut;
|
|
final kColorHttpMethodDelete = Colors.red.shade800;
|
|
|
|
enum RequestItemMenuOption { delete, duplicate }
|
|
|
|
enum HTTPVerb { get, head, post, put, patch, delete }
|
|
|
|
enum ContentType { json, text }
|
|
|
|
const kSupportedUriSchemes = ["https", "http"];
|
|
const kDefaultUriScheme = "https";
|
|
const kMethodsWithBody = [
|
|
HTTPVerb.post,
|
|
HTTPVerb.put,
|
|
HTTPVerb.patch,
|
|
HTTPVerb.delete,
|
|
];
|
|
const kDefaultHttpMethod = HTTPVerb.get;
|
|
const kCodegenSuccessStatusCodes = {
|
|
HTTPVerb.get: [200],
|
|
HTTPVerb.head: [200],
|
|
HTTPVerb.post: [200, 201, 204],
|
|
HTTPVerb.put: [200, 201, 204],
|
|
HTTPVerb.patch: [200, 201, 204],
|
|
HTTPVerb.delete: [200, 202, 204]
|
|
};
|
|
const kDefaultContentType = ContentType.json;
|
|
|
|
const JsonEncoder kEncoder = JsonEncoder.withIndent(' ');
|
|
const LineSplitter kSplitter = LineSplitter();
|
|
|
|
const kTypeApplication = 'application';
|
|
// application
|
|
const kSubTypeJson = 'json';
|
|
const kSubTypeOctetStream = 'octet-stream';
|
|
const kSubTypePdf = 'pdf';
|
|
const kSubTypeSql = 'sql';
|
|
const kSubTypeXml = 'xml';
|
|
const kSubTypeYaml = 'x-yaml';
|
|
const kSubTypeYml = 'x-yml';
|
|
|
|
const kTypeText = 'text';
|
|
// text
|
|
const kSubTypeCss = 'css';
|
|
const kSubTypeCsv = 'csv';
|
|
const kSubTypeHtml = 'html';
|
|
const kSubTypeJavascript = 'javascript';
|
|
const kSubTypeMarkdown = 'markdown';
|
|
const kSubTypePlain = 'plain';
|
|
const kSubTypeTextXml = 'xml';
|
|
const kSubTypeTextYaml = 'yaml';
|
|
const kSubTypeTextYml = 'yml';
|
|
|
|
const kTypeImage = 'image';
|
|
//image
|
|
const kSubTypeSvg = 'svg+xml';
|
|
|
|
const kTypeAudio = 'audio';
|
|
const kTypeVideo = 'video';
|
|
|
|
const kSubTypeDefaultViewOptions = 'all';
|
|
|
|
const kContentTypeMap = {
|
|
ContentType.json: "$kTypeApplication/$kSubTypeJson",
|
|
ContentType.text: "$kTypeText/$kSubTypePlain",
|
|
};
|
|
|
|
enum ResponseBodyView { preview, code, raw, none }
|
|
|
|
const kKeyIcon = "icon";
|
|
const kKeyName = "name";
|
|
const Map<ResponseBodyView, Map> kResponseBodyViewIcons = {
|
|
ResponseBodyView.none: {kKeyName: "Preview", kKeyIcon: Icons.warning},
|
|
ResponseBodyView.preview: {
|
|
kKeyName: "Preview",
|
|
kKeyIcon: Icons.visibility_rounded
|
|
},
|
|
ResponseBodyView.code: {kKeyName: "Preview", kKeyIcon: Icons.code_rounded},
|
|
ResponseBodyView.raw: {kKeyName: "Raw", kKeyIcon: Icons.text_snippet_rounded}
|
|
};
|
|
|
|
const kNoBodyViewOptions = [ResponseBodyView.none];
|
|
const kNoRawBodyViewOptions = [ResponseBodyView.none, ResponseBodyView.raw];
|
|
const kRawBodyViewOptions = [ResponseBodyView.raw];
|
|
const kCodeRawBodyViewOptions = [ResponseBodyView.code, ResponseBodyView.raw];
|
|
const kPreviewBodyViewOptions = [
|
|
ResponseBodyView.preview,
|
|
];
|
|
const kPreviewCodeRawBodyViewOptions = [
|
|
ResponseBodyView.preview,
|
|
ResponseBodyView.code,
|
|
ResponseBodyView.raw
|
|
];
|
|
|
|
const Map<String, Map<String, List<ResponseBodyView>>>
|
|
kResponseBodyViewOptions = {
|
|
kTypeApplication: {
|
|
kSubTypeDefaultViewOptions: kNoRawBodyViewOptions,
|
|
kSubTypeJson: kCodeRawBodyViewOptions,
|
|
kSubTypeOctetStream: kNoBodyViewOptions,
|
|
kSubTypePdf: kPreviewBodyViewOptions,
|
|
kSubTypeSql: kCodeRawBodyViewOptions,
|
|
kSubTypeXml: kCodeRawBodyViewOptions,
|
|
kSubTypeYaml: kCodeRawBodyViewOptions,
|
|
kSubTypeYml: kCodeRawBodyViewOptions,
|
|
},
|
|
kTypeImage: {
|
|
kSubTypeDefaultViewOptions: kPreviewBodyViewOptions,
|
|
kSubTypeSvg: kCodeRawBodyViewOptions,
|
|
},
|
|
kTypeAudio: {
|
|
kSubTypeDefaultViewOptions: kPreviewBodyViewOptions,
|
|
},
|
|
kTypeVideo: {
|
|
kSubTypeDefaultViewOptions: kPreviewBodyViewOptions,
|
|
},
|
|
kTypeText: {
|
|
kSubTypeDefaultViewOptions: kRawBodyViewOptions,
|
|
kSubTypeCss: kCodeRawBodyViewOptions,
|
|
kSubTypeHtml: kCodeRawBodyViewOptions,
|
|
kSubTypeJavascript: kCodeRawBodyViewOptions,
|
|
kSubTypeMarkdown: kCodeRawBodyViewOptions,
|
|
kSubTypeTextXml: kCodeRawBodyViewOptions,
|
|
kSubTypeTextYaml: kCodeRawBodyViewOptions,
|
|
kSubTypeTextYml: kCodeRawBodyViewOptions,
|
|
},
|
|
};
|
|
|
|
const Map<String, String> kCodeHighlighterMap = {
|
|
kSubTypeHtml: "xml",
|
|
kSubTypeSvg: "xml",
|
|
kSubTypeYaml: "yaml",
|
|
kSubTypeYml: "yaml",
|
|
kSubTypeTextYaml: "yaml",
|
|
kSubTypeTextYml: "yaml",
|
|
};
|
|
|
|
// HTTP response status codes
|
|
// https://developer.mozilla.org/en-US/docs/Web/HTTP/Status
|
|
const kResponseCodeReasons = {
|
|
// 100s - Informational responses
|
|
100: 'Continue',
|
|
101: 'Switching Protocols',
|
|
102: 'Processing',
|
|
103: 'Early Hints',
|
|
// 200s - Successful responses
|
|
200: 'OK',
|
|
201: 'Created',
|
|
202: 'Accepted',
|
|
203: 'Non-Authoritative Information',
|
|
204: 'No Content',
|
|
205: 'Reset Content',
|
|
206: 'Partial Content',
|
|
207: 'Multi-Status',
|
|
208: 'Already Reported',
|
|
226: 'IM Used',
|
|
// 300s - Redirection messages
|
|
300: 'Multiple Choices',
|
|
301: 'Moved Permanently',
|
|
302: 'Found',
|
|
303: 'See Other',
|
|
304: 'Not Modified',
|
|
305: 'Use Proxy',
|
|
306: 'Switch Proxy',
|
|
307: 'Temporary Redirect',
|
|
308: 'Permanent Redirect',
|
|
// 400s - Client error responses
|
|
400: 'Bad Request',
|
|
401: 'Unauthorized',
|
|
402: 'Payment Required',
|
|
403: 'Forbidden',
|
|
404: 'Not Found',
|
|
405: 'Method Not Allowed',
|
|
406: 'Not Acceptable',
|
|
407: 'Proxy Authentication Required',
|
|
408: 'Request Timeout',
|
|
409: 'Conflict',
|
|
410: 'Gone',
|
|
411: 'Length Required',
|
|
412: 'Precondition Failed',
|
|
413: 'Payload Too Large',
|
|
414: 'URI Too Long',
|
|
415: 'Unsupported Media Type',
|
|
416: 'Range Not Satisfiable',
|
|
417: 'Expectation Failed',
|
|
418: "I'm a Teapot",
|
|
421: 'Misdirected Request',
|
|
422: 'Unprocessable Entity',
|
|
423: 'Locked',
|
|
424: 'Failed Dependency',
|
|
425: 'Too Early',
|
|
426: 'Upgrade Required',
|
|
428: 'Precondition Required',
|
|
429: 'Too Many Requests',
|
|
431: 'Request Header Fields Too Large',
|
|
451: 'Unavailable For Legal Reasons',
|
|
// 500s - Server error responses
|
|
500: 'Internal Server Error',
|
|
501: 'Not Implemented',
|
|
502: 'Bad Gateway',
|
|
503: 'Service Unavailable',
|
|
504: 'Gateway Timeout',
|
|
505: 'HTTP Version Not Supported',
|
|
506: 'Variant Also Negotiates',
|
|
507: 'Insufficient Storage',
|
|
508: 'Loop Detected',
|
|
510: 'Not Extended',
|
|
511: 'Network Authentication Required',
|
|
};
|
|
|
|
const kIntro =
|
|
"""API Dash is a beautiful open-source cross-platform API Client built using Flutter which can help you easily create & customize your API requests, visually inspect responses and generate Dart code on the go.""";
|
|
|
|
const kMimeTypeRaiseIssueStart =
|
|
"Please click on 'Raw' to view the unformatted raw results as a visual preview for the response Content-Type - ";
|
|
|
|
const kMimeTypeRaiseIssueEnd =
|
|
" is currently not available.\nKindly raise an issue in API Dash GitHub repo so that we can add a Visual Preview logic for this content-type.";
|
|
|
|
const kMimeTypeRaiseIssue =
|
|
" is currently not supported.\nPlease raise an issue in API Dash GitHub repo so that we can prioritize adding it to the tool.";
|
|
|
|
const kUnexpectedRaiseIssue =
|
|
"\nIf the behaviour is unexpected, please raise an issue in API Dash GitHub repo so that we can resolve it.";
|
|
|
|
const kImageError =
|
|
"There seems to be an issue rendering this image. Please raise an issue in API Dash GitHub repo so that we can resolve it.";
|
|
|
|
const kRaiseIssue =
|
|
"\nPlease raise an issue in API Dash GitHub repo so that we can resolve it.";
|
|
|
|
const kHintTextUrlCard = "Enter API endpoint like api.foss42.com/country/codes";
|
|
const kLabelPlusNew = "+ New";
|
|
const kLabelSend = "Send";
|
|
const kLabelSending = "Sending..";
|
|
const kLabelBusy = "Busy";
|
|
const kLabelCopy = "Copy";
|
|
const kLabelSave = "Save";
|
|
const kLabelDownload = "Download";
|