484 lines
22 KiB
Dart
484 lines
22 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:json_view/json_view.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:mangayomi/eval/lib.dart';
|
|
import 'package:mangayomi/main.dart';
|
|
import 'package:mangayomi/models/manga.dart';
|
|
import 'package:mangayomi/models/source.dart';
|
|
import 'package:mangayomi/modules/manga/home/widget/filter_widget.dart';
|
|
import 'package:mangayomi/modules/more/settings/appearance/providers/app_font_family.dart';
|
|
import 'package:mangayomi/providers/l10n_providers.dart';
|
|
import 'package:mangayomi/services/get_detail.dart';
|
|
import 'package:mangayomi/services/get_filter_list.dart';
|
|
import 'package:mangayomi/services/get_latest_updates.dart';
|
|
import 'package:mangayomi/services/get_popular.dart';
|
|
import 'package:mangayomi/services/search.dart';
|
|
import 'package:mangayomi/utils/extensions/build_context_extensions.dart';
|
|
import 'package:mangayomi/utils/log/log.dart';
|
|
import 'package:re_editor/re_editor.dart';
|
|
import 'package:re_highlight/languages/dart.dart';
|
|
import 'package:re_highlight/languages/javascript.dart';
|
|
import 'package:re_highlight/styles/vs2015.dart';
|
|
|
|
class CodeEditorPage extends ConsumerStatefulWidget {
|
|
final int? sourceId;
|
|
const CodeEditorPage({super.key, this.sourceId});
|
|
|
|
@override
|
|
ConsumerState<CodeEditorPage> createState() => _CodeEditorPageState();
|
|
}
|
|
|
|
class _CodeEditorPageState extends ConsumerState<CodeEditorPage> {
|
|
dynamic result;
|
|
late final source =
|
|
widget.sourceId == null ? null : isar.sources.getSync(widget.sourceId!);
|
|
final CodeLineEditingController _controller = CodeLineEditingController();
|
|
|
|
List<(String, int)> _getServices(BuildContext context) => [
|
|
("getPopular", 0),
|
|
("getLatestUpdates", 1),
|
|
("search", 2),
|
|
("getDetail", 3),
|
|
if (source?.itemType == ItemType.manga) ("getPageList", 4),
|
|
if (source?.itemType == ItemType.anime) ("getVideoList", 5),
|
|
if (source?.itemType == ItemType.novel) ("getHtmlContent", 6),
|
|
if (source?.itemType == ItemType.novel) ("cleanHtmlContent", 7)
|
|
];
|
|
|
|
int _serviceIndex = 0;
|
|
int _page = 1;
|
|
String _query = "";
|
|
String _url = "";
|
|
String _html = "";
|
|
bool _isLoading = false;
|
|
String _errorText = "";
|
|
bool _error = false;
|
|
final _logsNotifier =
|
|
ValueNotifier<List<(LoggerLevel, String, DateTime)>>([]);
|
|
late final _logStreamController = Logger.logStreamController;
|
|
final _scrollController = ScrollController();
|
|
@override
|
|
void initState() {
|
|
_controller.text = source?.sourceCode ?? "";
|
|
useLogger = true;
|
|
_logStreamController.stream.asBroadcastStream().listen((event) async {
|
|
_logsNotifier.value.add(event);
|
|
try {
|
|
await Future.delayed(const Duration(milliseconds: 5));
|
|
_scrollController.jumpTo(_scrollController.position.maxScrollExtent);
|
|
} catch (_) {}
|
|
});
|
|
super.initState();
|
|
}
|
|
|
|
List<dynamic> filters = [];
|
|
|
|
Future<String?> filterDialog(BuildContext context) async {
|
|
return await showModalBottomSheet(
|
|
context: context,
|
|
builder: (context) => StatefulBuilder(builder: (context, setState) {
|
|
return Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Row(
|
|
children: [
|
|
TextButton(
|
|
onPressed: () {
|
|
setState(() {
|
|
filters = getFilterList(source: source!);
|
|
});
|
|
},
|
|
child: Text(context.l10n.reset),
|
|
),
|
|
const Spacer(),
|
|
ElevatedButton(
|
|
style: ElevatedButton.styleFrom(
|
|
backgroundColor: context.primaryColor),
|
|
onPressed: () {
|
|
Navigator.pop(context, 'filter');
|
|
},
|
|
child: Text(
|
|
context.l10n.filter,
|
|
style: TextStyle(
|
|
color: Theme.of(context).scaffoldBackgroundColor),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
const Divider(),
|
|
Expanded(
|
|
child: FilterWidget(
|
|
filterList: filters,
|
|
onChanged: (values) {
|
|
setState(() {
|
|
filters = values;
|
|
});
|
|
},
|
|
),
|
|
),
|
|
],
|
|
);
|
|
}),
|
|
);
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
super.dispose();
|
|
_logsNotifier.value.clear();
|
|
_scrollController.dispose();
|
|
_controller.dispose();
|
|
useLogger = false;
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final filterList = source != null ? getFilterList(source: source!) : [];
|
|
final appFontFamily = ref.watch(appFontFamilyProvider);
|
|
return Scaffold(
|
|
appBar: AppBar(
|
|
leading: BackButton(onPressed: () {
|
|
isar.writeTxnSync(() => isar.sources.putSync(source!));
|
|
Navigator.pop(context, source);
|
|
}),
|
|
),
|
|
body: Column(
|
|
children: [
|
|
Expanded(
|
|
flex: 7,
|
|
child: Row(
|
|
children: [
|
|
Flexible(
|
|
flex: 7,
|
|
child: CodeEditor(
|
|
style: CodeEditorStyle(
|
|
fontSize: 15,
|
|
fontFamily: appFontFamily,
|
|
codeTheme: CodeHighlightTheme(languages: {
|
|
'dart': CodeHighlightThemeMode(mode: langDart),
|
|
'javascript':
|
|
CodeHighlightThemeMode(mode: langJavascript),
|
|
}, theme: vs2015Theme),
|
|
),
|
|
controller: _controller,
|
|
onChanged: (_) {
|
|
source?.sourceCode = _controller.text;
|
|
if (source != null && context.mounted) {
|
|
isar.writeTxnSync(
|
|
() => isar.sources.putSync(source!));
|
|
}
|
|
},
|
|
wordWrap: false,
|
|
indicatorBuilder: (context, editingController,
|
|
chunkController, notifier) {
|
|
return Row(
|
|
children: [
|
|
DefaultCodeLineNumber(
|
|
controller: editingController,
|
|
notifier: notifier,
|
|
),
|
|
DefaultCodeChunkIndicator(
|
|
width: 20,
|
|
controller: chunkController,
|
|
notifier: notifier)
|
|
],
|
|
);
|
|
},
|
|
sperator: Container(
|
|
width: 1,
|
|
color: context.dynamicThemeColor,
|
|
))),
|
|
if (context.isTablet)
|
|
Flexible(
|
|
flex: 3,
|
|
child: Column(
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: DropdownButton<(String, int)>(
|
|
icon: const Icon(Icons.keyboard_arrow_down),
|
|
isExpanded: true,
|
|
value: _getServices(context).firstWhere(
|
|
(element) => element.$2 == _serviceIndex),
|
|
hint: Text(
|
|
_getServices(context)
|
|
.firstWhere((element) =>
|
|
element.$2 == _serviceIndex)
|
|
.$1,
|
|
style: const TextStyle(fontSize: 13)),
|
|
items: _getServices(context)
|
|
.map((e) => DropdownMenuItem(
|
|
value: e,
|
|
child: Text(e.$1,
|
|
style: const TextStyle(fontSize: 13)),
|
|
))
|
|
.toList(),
|
|
onChanged: (v) {
|
|
setState(() {
|
|
_serviceIndex = v!.$2;
|
|
});
|
|
},
|
|
),
|
|
),
|
|
if (_serviceIndex == 0 ||
|
|
_serviceIndex == 1 ||
|
|
_serviceIndex == 2)
|
|
_textEditing("Page", context, "ex: 1", (v) {
|
|
_page = int.tryParse(v) ?? 1;
|
|
}),
|
|
if (_serviceIndex == 2)
|
|
_textEditing("Query", context, "ex: one piece", (v) {
|
|
_query = v;
|
|
}),
|
|
if (_serviceIndex == 3 ||
|
|
_serviceIndex == 4 ||
|
|
_serviceIndex == 5 ||
|
|
_serviceIndex == 6)
|
|
_textEditing("Url", context, "ex: url of the entry",
|
|
(v) {
|
|
_url = v;
|
|
}),
|
|
if (_serviceIndex == 7)
|
|
_textEditing("Html", context, "ex. <p>Text</p>", (v) {
|
|
_html = v;
|
|
}),
|
|
Padding(
|
|
padding: const EdgeInsets.all(8.0),
|
|
child: Wrap(
|
|
crossAxisAlignment: WrapCrossAlignment.center,
|
|
children: [
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
source?.sourceCode = _controller.text;
|
|
if (source != null && context.mounted) {
|
|
isar.writeTxnSync(
|
|
() => isar.sources.putSync(source!));
|
|
}
|
|
setState(() {
|
|
result = null;
|
|
_isLoading = true;
|
|
_error = false;
|
|
_errorText = "";
|
|
});
|
|
if (source != null) {
|
|
final service =
|
|
getExtensionService(source!);
|
|
|
|
try {
|
|
if (_serviceIndex == 0) {
|
|
final getManga = await ref.watch(
|
|
getPopularProvider(
|
|
source: source!,
|
|
page: _page)
|
|
.future);
|
|
result = getManga!.toJson();
|
|
} else if (_serviceIndex == 1) {
|
|
final getManga = await ref.watch(
|
|
getLatestUpdatesProvider(
|
|
source: source!,
|
|
page: _page)
|
|
.future);
|
|
result = getManga!.toJson();
|
|
} else if (_serviceIndex == 2) {
|
|
final getManga = await ref.watch(
|
|
searchProvider(
|
|
source: source!,
|
|
query: _query,
|
|
page: _page,
|
|
filterList: filterList)
|
|
.future);
|
|
result = getManga!.toJson();
|
|
} else if (_serviceIndex == 3) {
|
|
final getManga = await ref.watch(
|
|
getDetailProvider(
|
|
source: source!,
|
|
url: _url)
|
|
.future);
|
|
result = getManga.toJson();
|
|
} else if (_serviceIndex == 4) {
|
|
result = {
|
|
"pages": (await service
|
|
.getPageList(_url))
|
|
.map((e) => e.toJson())
|
|
.toList(),
|
|
};
|
|
} else if (_serviceIndex == 5) {
|
|
result =
|
|
(await service.getVideoList(_url))
|
|
.map((e) => e.toJson())
|
|
.toList();
|
|
} else if (_serviceIndex == 6) {
|
|
result = (await service
|
|
.getHtmlContent(_url));
|
|
} else {
|
|
result = (await service
|
|
.cleanHtmlContent(_html));
|
|
}
|
|
if (context.mounted) {
|
|
setState(() {
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
} catch (e) {
|
|
if (context.mounted) {
|
|
setState(() {
|
|
_error = true;
|
|
_errorText = e.toString();
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
}
|
|
}
|
|
},
|
|
child: const Text("Execute")),
|
|
Padding(
|
|
padding: const EdgeInsets.all(10),
|
|
child: ElevatedButton(
|
|
onPressed: () {
|
|
setState(() {
|
|
result = null;
|
|
_isLoading = false;
|
|
_error = false;
|
|
_errorText = "";
|
|
filters = [];
|
|
});
|
|
},
|
|
child: Text(context.l10n.reset)),
|
|
),
|
|
if (_serviceIndex == 2 && filterList.isNotEmpty)
|
|
ElevatedButton(
|
|
onPressed: () async {
|
|
if (source != null) {
|
|
try {
|
|
if (filters.isEmpty) {
|
|
filters = filterList;
|
|
}
|
|
final res =
|
|
await filterDialog(context);
|
|
if (res == 'filter' &&
|
|
context.mounted) {
|
|
setState(() {
|
|
result = null;
|
|
_isLoading = true;
|
|
_error = false;
|
|
_errorText = "";
|
|
});
|
|
final getManga = await ref.watch(
|
|
searchProvider(
|
|
source: source!,
|
|
query: _query,
|
|
page: _page,
|
|
filterList: filters)
|
|
.future);
|
|
result = getManga!.toJson();
|
|
setState(() {
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
} catch (e) {
|
|
setState(() {
|
|
_error = true;
|
|
_errorText = e.toString();
|
|
_isLoading = false;
|
|
});
|
|
}
|
|
}
|
|
},
|
|
child: Text(context.l10n.filter)),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: _error
|
|
? SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
children: [
|
|
Text(_errorText),
|
|
],
|
|
),
|
|
)
|
|
: _isLoading
|
|
? const Center(
|
|
child: CircularProgressIndicator())
|
|
: result != null
|
|
? JsonConfig(
|
|
data: JsonConfigData(
|
|
gap: 100,
|
|
style: const JsonStyleScheme(
|
|
quotation:
|
|
JsonQuotation.same('"'),
|
|
openAtStart: false,
|
|
arrow:
|
|
Icon(Icons.arrow_forward),
|
|
depth: 4,
|
|
),
|
|
color: const JsonColorScheme(),
|
|
),
|
|
child: JsonView(json: result),
|
|
)
|
|
: const SizedBox.shrink())
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
if (context.isTablet)
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
border: Border.all(color: Colors.white, width: 0.5),
|
|
borderRadius: BorderRadius.circular(5),
|
|
color: Colors.black,
|
|
),
|
|
width: context.width(1),
|
|
height: 200,
|
|
child: ValueListenableBuilder(
|
|
valueListenable: _logsNotifier,
|
|
builder: (context, logs, child) => ListView.separated(
|
|
separatorBuilder: (context, index) => const Divider(),
|
|
controller: _scrollController,
|
|
padding: const EdgeInsets.all(10),
|
|
itemCount: logs.length,
|
|
itemBuilder: (context, index) {
|
|
final value = logs[index];
|
|
return SelectableText(value.$2,
|
|
style: TextStyle(
|
|
color: value.$1 == LoggerLevel.info
|
|
? Colors.yellow
|
|
: Colors.blueAccent));
|
|
},
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
Widget _textEditing(String label, BuildContext context, String hintText,
|
|
void Function(String)? onChanged) {
|
|
return Padding(
|
|
padding: const EdgeInsets.all(4),
|
|
child: TextFormField(
|
|
keyboardType: TextInputType.number,
|
|
onChanged: onChanged,
|
|
decoration: InputDecoration(
|
|
hintText: hintText,
|
|
labelText: label,
|
|
isDense: true,
|
|
filled: true,
|
|
fillColor: Colors.transparent,
|
|
enabledBorder: OutlineInputBorder(
|
|
borderSide: BorderSide(color: context.dynamicThemeColor)),
|
|
focusedBorder: OutlineInputBorder(
|
|
borderSide: BorderSide(color: context.dynamicThemeColor)),
|
|
border: OutlineInputBorder(
|
|
borderSide: BorderSide(color: context.dynamicThemeColor))),
|
|
),
|
|
);
|
|
}
|