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

环境预备

安装 graphviz

1. arch -arm64 brew install graphviz

复制代码

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

1. dev_dependencies:
2. yaml: ^3.1.1
3. gviz: ^0.4.0

复制代码

执行脚本

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

1. import 'dart:io';
2. import 'dart:convert';
3. import 'package:yaml/yaml.dart' as yaml;
4. import 'package:gviz/gviz.dart';
6. void main() async {
7.   final projectPath = await _getProjectPath();
8.   final file = File('$projectPath/pubspec.yaml');
9.   final fileContent = file.readAsStringSync();
10.   final yamlMap = yaml.loadYaml(fileContent) as yaml.YamlMap;
11.   final appName = yamlMap['name'].toString();
13.   print('开始 ...');
14.   final dependencyContent = await _getComponentDependencyTree(
15.     projectPath: projectPath,
16.   );
17.   print('... 开始遍历组件依赖节点');
18.   print(dependencyContent);
19.   final dependencyNodes = _traversalComponentDependencyTree(dependencyContent);
20.   print('... 完成遍历组件依赖节点');
21.   final graph = Gviz(
22.     name: appName,
23.     graphProperties: {
24.       'pad': '0.5',
25.       'nodesep': '1',
26.       'ranksep': '2',
27.     },
28.     edgeProperties: {
29.       'fontcolor': 'gray',
30.     },
31.   );
32.   print('... 开始转换 dot 节点');
33.   _generateDotByNodes(
34.     dependencyNodes,
35.     graph: graph,
36.     edgeCache: <String>[],
37.   );
38.   print('... 完成转换 dot 节点');
39.   final dotDirectoryPath = '$projectPath/dotGenerateDir';
40.   final dotDirectory = Directory(dotDirectoryPath);
41.   if (!dotDirectory.existsSync()) {
42.     await dotDirectory.create();
43.     print('... 创建 dotGenerate 文件夹');
44.   }
45.   final dotFileName = '$appName.dot';
46.   final dotPngName = '$appName.png';
47.   final dotFile = File('$dotDirectoryPath/$dotFileName');
48.   final dotPngFile = File('$dotDirectoryPath/$dotPngName');
49.   if (dotFile.existsSync()) {
50.     await dotFile.delete();
51.     print('... 删除原有 dot 生成文件');
52.   }
53.   if (dotPngFile.existsSync()) {
54.     await dotPngFile.delete();
55.     print('... 删除原有 dot 依赖关系图');
56.   }
57.   await dotFile.create();
58.   final dotResult = await dotFile.writeAsString(graph.toString());
59.   print('dot 文件生成成功: ${dotResult.path}');
60.   print('... 开始生成 dot png');
61.   await _runCommand(
62.     executable: 'dot',
63.     projectPath: projectPath,
64.     commandArgs: [
65.       '$dotDirectoryPath/$dotFileName',
66.       '-T',
67.       'png',
68.       '-o',
69.       '$dotDirectoryPath/$dotPngName'
70.     ],
71.   );
72.   print('png 文件生成成功：$dotDirectoryPath/$dotPngName');
73.   await Process.run(
74.     'open',
75.     [dotDirectoryPath],
76.   );
77. }
79. const List<String> ignoreDependency = <String>[
80.   'flutter',
81.   'flutter_test',
82.   'flutter_lints',
83.   'cupertino_icons',
84.   'gviz',
85.   'yaml',
86.   'injectable_generator',
87.   'build_runner',
88. ];
90. Future<String> _getComponentDependencyTree({
91.   required String projectPath,
92. }) {
93.   return _runCommand(
94.     projectPath: projectPath,
95.     commandArgs: ['pub', 'deps', '--json'],
96.   ).then(
97.         (value) {
98.       if (value.contains('dependencies:') &&
99.           value.contains('dev dependencies:')) {
100.         final start = value.indexOf('dependencies:');
101.         final end = value.indexOf('dev dependencies:');
102.         return value.substring(start, end);
103.       } else {
104.         return value;
105.       }
106.     },
107.   );
108. }
110. List<DependencyNode> _traversalComponentDependencyTree(String dependencyContent) {
111.   final dependencyJson = jsonDecode(dependencyContent) as Map<String, dynamic>;
112.   final packages = dependencyJson['packages'] as List<dynamic>;
114.   final nodeMap = <String, DependencyNode>{};
115.   for (var package in packages) {
116.     final node = DependencyNode.fromMap(package);
117.     nodeMap[node.name] = node;
118.   }
120.   final rootNode = nodeMap.values.firstWhere((element) => element.isRootNode);
122.   void mapDependencies(DependencyNode node, Set<String> visitedNodes) {
123.     if (visitedNodes.contains(node.name)) {
124.       return;
125.     }
127.     visitedNodes.add(node.name);
129.     for (final itemName in node.dependencies) {
130.       if (!ignoreDependency.contains(itemName)) {
131.         final itemNode = nodeMap[itemName];
132.         if (itemNode != null) {
133.           mapDependencies(itemNode, visitedNodes);
134.           node.children.add(itemNode);
135.           itemNode.isLevel1Node = false;
136.         }
137.       }
138.     }
139.   }
141.   final visitedNodes = <String>{};
142.   mapDependencies(rootNode, visitedNodes);
144.   // 使用新的 rebuildDependencyTree 函数来创建一个没有重复依赖的新树
145.   DependencyNode newRootNode = rebuildDependencyTree(rootNode, Set<String>());
147.   return [newRootNode];
148. }
149. DependencyNode rebuildDependencyTree(DependencyNode originalNode, Set<String> seenDependencies) {
150.   // 创建一个新的节点，复制原始节点的属性
151.   DependencyNode newNode = DependencyNode(
152.     name: originalNode.name,
153.     version: originalNode.version,
154.     kind: originalNode.kind,
155.     source: originalNode.source,
156.     dependencies: originalNode.dependencies,
157.   );
158.   newNode.isLevel1Node = originalNode.isLevel1Node;
160.   // 如果这个节点已经被处理过，直接返回新节点（没有子节点）
161.   if (seenDependencies.contains(newNode.name)) {
162.     return newNode;
163.   }
165.   // 将这个节点添加到已处理集合中
166.   seenDependencies.add(newNode.name);
168.   // 处理子节点
169.   for (var childNode in originalNode.children) {
170.     if (!ignoreDependency.contains(childNode.name)) {
171.       var newChildNode = rebuildDependencyTree(childNode, seenDependencies);
172.       newNode.children.add(newChildNode);
173.     }
174.   }
176.   return newNode;
177. }
178. Future<String> _getProjectPath() async {
179.   final originProjectPath = await Process.run(
180.     'pwd',
181.     [],
182.   );
183.   final projectPath = (originProjectPath.stdout as String).replaceAll(
184.     '\n',
185.     '',
186.   );
187.   return projectPath;
188. }
190. void _generateDotByNodes(
191.     List<DependencyNode> nodes, {
192.       required Gviz graph,
193.       required List<String> edgeCache,
194.     }) {
195.   if (nodes.isEmpty) {
196.     return;
197.   }
198.   for (int index = 0; index < nodes.length; index++) {
199.     final itemNode = nodes[index];
200.     final from = '${itemNode.name}\n${itemNode.version}';
201.     if (!graph.nodeExists(from)) {
202.       graph.addNode(
203.         from,
204.         properties: {
205.           'color': 'black',
206.           'shape': 'rectangle',
207.           'margin': '1,0.8',
208.           'penwidth': '7',
209.           'style': 'filled',
210.           'fillcolor': 'gray',
211.           'fontsize': itemNode.isLevel1Node ? '60' : '55',
212.         },
213.       );
214.     }
215.     final toArr = itemNode.children.map((e) => '${e.name}\n${e.version}').toList();
216.     for (var element in toArr) {
217.       final edgeKey = '$from-$element';
218.       if (!edgeCache.contains(edgeKey)) {
219.         graph.addEdge(
220.           from,
221.           element,
222.           properties: {
223.             'penwidth': '2',
224.             'style': 'dashed',
225.             'arrowed': 'vee',
226.           },
227.         );
228.         edgeCache.add(edgeKey);
229.       }
230.     }
231.     _generateDotByNodes(
232.       itemNode.children,
233.       graph: graph,
234.       edgeCache: edgeCache,
235.     );
236.   }
237. }
239. Future<String> _runCommand({
240.   String executable = 'flutter',
241.   required String projectPath,
242.   required List<String> commandArgs,
243. }) {
244.   return Process.run(
245.     executable,
246.     commandArgs,
247.     runInShell: true,
248.     workingDirectory: projectPath,
249.   ).then((result) => result.stdout as String);
250. }
252. class DependencyNode {
253.   final String name;
254.   final String version;
255.   final String kind;
256.   final String source;
257.   final List<String> dependencies;
258.   final children = <DependencyNode>[];
259.   bool isLevel1Node = true;
261.   factory DependencyNode.fromMap(Map<String, dynamic> map) {
262.     return DependencyNode(
263.       name: map['name'] as String,
264.       version: map['version'] as String,
265.       kind: map['kind'] as String,
266.       source: map['source'] as String,
267.       dependencies: (map['dependencies'] as List<dynamic>)
268.           .map((e) => e as String)
269.           .toList(),
270.     );
271.   }
273.   bool get isRootNode => kind == 'root';
275.   @override
276.   bool operator ==(Object other) =>
277.       identical(this, other) ||
278.           other is DependencyNode &&
279.               runtimeType == other.runtimeType &&
280.               name == other.name;
282.   @override
283.   int get hashCode => name.hashCode;
285.   DependencyNode({
286.     required this.name,
287.     required this.version,
288.     required this.kind,
289.     required this.source,
290.     required this.dependencies,
291.   });
292. }

复制代码

输出示例

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。