Flutter【03】图片输出package依赖关系

2024-09-02 15:12

本文主要是介绍Flutter【03】图片输出package依赖关系,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

环境准备

安装 graphviz

arch -arm64 brew install graphviz

项目根目录pubspec.yaml文件内添加

dev_dependencies:
yaml: ^3.1.1
gviz: ^0.4.0

执行脚本

项目根目录下添加dart文件,运行main函数

import 'dart:io';
import 'dart:convert';
import 'package:yaml/yaml.dart' as yaml;
import 'package:gviz/gviz.dart';void main() async {final projectPath = await _getProjectPath();final file = File('$projectPath/pubspec.yaml');final fileContent = file.readAsStringSync();final yamlMap = yaml.loadYaml(fileContent) as yaml.YamlMap;final appName = yamlMap['name'].toString();print('开始 ...');final dependencyContent = await _getComponentDependencyTree(projectPath: projectPath,);print('... 开始遍历组件依赖节点');print(dependencyContent);final dependencyNodes = _traversalComponentDependencyTree(dependencyContent);print('... 完成遍历组件依赖节点');final graph = Gviz(name: appName,graphProperties: {'pad': '0.5','nodesep': '1','ranksep': '2',},edgeProperties: {'fontcolor': 'gray',},);print('... 开始转换 dot 节点');_generateDotByNodes(dependencyNodes,graph: graph,edgeCache: <String>[],);print('... 完成转换 dot 节点');final dotDirectoryPath = '$projectPath/dotGenerateDir';final dotDirectory = Directory(dotDirectoryPath);if (!dotDirectory.existsSync()) {await dotDirectory.create();print('... 创建 dotGenerate 文件夹');}final dotFileName = '$appName.dot';final dotPngName = '$appName.png';final dotFile = File('$dotDirectoryPath/$dotFileName');final dotPngFile = File('$dotDirectoryPath/$dotPngName');if (dotFile.existsSync()) {await dotFile.delete();print('... 删除原有 dot 生成文件');}if (dotPngFile.existsSync()) {await dotPngFile.delete();print('... 删除原有 dot 依赖关系图');}await dotFile.create();final dotResult = await dotFile.writeAsString(graph.toString());print('dot 文件生成成功: ${dotResult.path}');print('... 开始生成 dot png');await _runCommand(executable: 'dot',projectPath: projectPath,commandArgs: ['$dotDirectoryPath/$dotFileName','-T','png','-o','$dotDirectoryPath/$dotPngName'],);print('png 文件生成成功:$dotDirectoryPath/$dotPngName');await Process.run('open',[dotDirectoryPath],);
}const List<String> ignoreDependency = <String>['flutter','flutter_test','flutter_lints','cupertino_icons','gviz','yaml','injectable_generator','build_runner',
];Future<String> _getComponentDependencyTree({required String projectPath,
}) {return _runCommand(projectPath: projectPath,commandArgs: ['pub', 'deps', '--json'],).then((value) {if (value.contains('dependencies:') &&value.contains('dev dependencies:')) {final start = value.indexOf('dependencies:');final end = value.indexOf('dev dependencies:');return value.substring(start, end);} else {return value;}},);
}List<DependencyNode> _traversalComponentDependencyTree(String dependencyContent) {final dependencyJson = jsonDecode(dependencyContent) as Map<String, dynamic>;final packages = dependencyJson['packages'] as List<dynamic>;final nodeMap = <String, DependencyNode>{};for (var package in packages) {final node = DependencyNode.fromMap(package);nodeMap[node.name] = node;}final rootNode = nodeMap.values.firstWhere((element) => element.isRootNode);void mapDependencies(DependencyNode node, Set<String> visitedNodes) {if (visitedNodes.contains(node.name)) {return;}visitedNodes.add(node.name);for (final itemName in node.dependencies) {if (!ignoreDependency.contains(itemName)) {final itemNode = nodeMap[itemName];if (itemNode != null) {mapDependencies(itemNode, visitedNodes);node.children.add(itemNode);itemNode.isLevel1Node = false;}}}}final visitedNodes = <String>{};mapDependencies(rootNode, visitedNodes);// 使用新的 rebuildDependencyTree 函数来创建一个没有重复依赖的新树DependencyNode newRootNode = rebuildDependencyTree(rootNode, Set<String>());return [newRootNode];
}
DependencyNode rebuildDependencyTree(DependencyNode originalNode, Set<String> seenDependencies) {// 创建一个新的节点,复制原始节点的属性DependencyNode newNode = DependencyNode(name: originalNode.name,version: originalNode.version,kind: originalNode.kind,source: originalNode.source,dependencies: originalNode.dependencies,);newNode.isLevel1Node = originalNode.isLevel1Node;// 如果这个节点已经被处理过,直接返回新节点(没有子节点)if (seenDependencies.contains(newNode.name)) {return newNode;}// 将这个节点添加到已处理集合中seenDependencies.add(newNode.name);// 处理子节点for (var childNode in originalNode.children) {if (!ignoreDependency.contains(childNode.name)) {var newChildNode = rebuildDependencyTree(childNode, seenDependencies);newNode.children.add(newChildNode);}}return newNode;
}
Future<String> _getProjectPath() async {final originProjectPath = await Process.run('pwd',[],);final projectPath = (originProjectPath.stdout as String).replaceAll('\n','',);return projectPath;
}void _generateDotByNodes(List<DependencyNode> nodes, {required Gviz graph,required List<String> edgeCache,}) {if (nodes.isEmpty) {return;}for (int index = 0; index < nodes.length; index++) {final itemNode = nodes[index];final from = '${itemNode.name}\n${itemNode.version}';if (!graph.nodeExists(from)) {graph.addNode(from,properties: {'color': 'black','shape': 'rectangle','margin': '1,0.8','penwidth': '7','style': 'filled','fillcolor': 'gray','fontsize': itemNode.isLevel1Node ? '60' : '55',},);}final toArr = itemNode.children.map((e) => '${e.name}\n${e.version}').toList();for (var element in toArr) {final edgeKey = '$from-$element';if (!edgeCache.contains(edgeKey)) {graph.addEdge(from,element,properties: {'penwidth': '2','style': 'dashed','arrowed': 'vee',},);edgeCache.add(edgeKey);}}_generateDotByNodes(itemNode.children,graph: graph,edgeCache: edgeCache,);}
}Future<String> _runCommand({String executable = 'flutter',required String projectPath,required List<String> commandArgs,
}) {return Process.run(executable,commandArgs,runInShell: true,workingDirectory: projectPath,).then((result) => result.stdout as String);
}class DependencyNode {final String name;final String version;final String kind;final String source;final List<String> dependencies;final children = <DependencyNode>[];bool isLevel1Node = true;factory DependencyNode.fromMap(Map<String, dynamic> map) {return DependencyNode(name: map['name'] as String,version: map['version'] as String,kind: map['kind'] as String,source: map['source'] as String,dependencies: (map['dependencies'] as List<dynamic>).map((e) => e as String).toList(),);}bool get isRootNode => kind == 'root';bool operator ==(Object other) =>identical(this, other) ||other is DependencyNode &&runtimeType == other.runtimeType &&name == other.name;int get hashCode => name.hashCode;DependencyNode({required this.name,required this.version,required this.kind,required this.source,required this.dependencies,});
}

输出示例


这篇关于Flutter【03】图片输出package依赖关系的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1130305

相关文章

Spring AI Alibaba接入大模型时的依赖问题小结

《SpringAIAlibaba接入大模型时的依赖问题小结》文章介绍了如何在pom.xml文件中配置SpringAIAlibaba依赖,并提供了一个示例pom.xml文件,同时,建议将Maven仓... 目录(一)pom.XML文件:(二)application.yml配置文件(一)pom.xml文件:首

Python利用PIL进行图片压缩

《Python利用PIL进行图片压缩》有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所以本文为大家介绍了Python中图片压缩的方法,需要的可以参考下... 有时在发送一些文件如PPT、Word时,由于文件中的图片太大,导致文件也太大,无法发送,所有可以对文件中的图

java获取图片的大小、宽度、高度方式

《java获取图片的大小、宽度、高度方式》文章介绍了如何将File对象转换为MultipartFile对象的过程,并分享了个人经验,希望能为读者提供参考... 目China编程录Java获取图片的大小、宽度、高度File对象(该对象里面是图片)MultipartFile对象(该对象里面是图片)总结java获取图片

Java实战之自助进行多张图片合成拼接

《Java实战之自助进行多张图片合成拼接》在当今数字化时代,图像处理技术在各个领域都发挥着至关重要的作用,本文为大家详细介绍了如何使用Java实现多张图片合成拼接,需要的可以了解下... 目录前言一、图片合成需求描述二、图片合成设计与实现1、编程语言2、基础数据准备3、图片合成流程4、图片合成实现三、总结前

使用maven依赖详解

《使用maven依赖详解》本文主要介绍了Maven的基础知识,包括Maven的简介、仓库类型、常用命令、场景举例、指令总结、依赖范围、settings.xml说明等,同时,还详细讲解了Maven依赖的... 目录1. maven基础1.1 简介1.2 仓库类型1.3 常用命令1.4 场景举例1.5 指令总结

使用Python实现图片和base64转换工具

《使用Python实现图片和base64转换工具》这篇文章主要为大家详细介绍了如何使用Python中的base64模块编写一个工具,可以实现图片和Base64编码之间的转换,感兴趣的小伙伴可以了解下... 简介使用python的base64模块来实现图片和Base64编码之间的转换。可以将图片转换为Bas

css实现图片旋转功能

《css实现图片旋转功能》:本文主要介绍了四种CSS变换效果:图片旋转90度、水平翻转、垂直翻转,并附带了相应的代码示例,详细内容请阅读本文,希望能对你有所帮助... 一 css实现图片旋转90度.icon{ -moz-transform:rotate(-90deg); -webkit-transfo

MYSQL关联关系查询方式

《MYSQL关联关系查询方式》文章详细介绍了MySQL中如何使用内连接和左外连接进行表的关联查询,并展示了如何选择列和使用别名,文章还提供了一些关于查询优化的建议,并鼓励读者参考和支持脚本之家... 目录mysql关联关系查询关联关系查询这个查询做了以下几件事MySQL自关联查询总结MYSQL关联关系查询

使用TomCat,service输出台出现乱码的解决

《使用TomCat,service输出台出现乱码的解决》本文介绍了解决Tomcat服务输出台中文乱码问题的两种方法,第一种方法是修改`logging.properties`文件中的`prefix`和`... 目录使用TomCat,service输出台出现乱码问题1解决方案问题2解决方案总结使用TomCat,

四种Flutter子页面向父组件传递数据的方法介绍

《四种Flutter子页面向父组件传递数据的方法介绍》在Flutter中,如果父组件需要调用子组件的方法,可以通过常用的四种方式实现,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 目录方法 1:使用 GlobalKey 和 State 调用子组件方法方法 2:通过回调函数(Callb