Flutter Consul服务集成插件dart_consul的使用

Flutter Consul服务集成插件dart_consul的使用

什么是dart_consul？

dart_consul 是一个用于在终端或命令行界面中创建桌面窗口系统的简单、有限、初级且奇怪的项目。目前仅在我的一台Linux机器上测试过，可能不会在Windows或macOS上正常工作。如果您愿意，可以进行测试并反馈结果。

该项目使用Dart语言编写，因为我在学习Dart以进入Flutter（和Flutter Flame）领域。也许吧，我们拭目以待。

示例截图

以下是 example.dart 运行时的截图：

依赖项

除了一些显而易见的Dart依赖项外，此项目还使用了以下依赖项：

• termlib 用于终端交互
• console 用于通过Braille Unicode字符块绘制画布
• dart_console 通过一些本地代码提供原始终端访问
• rxdart 用于实现“throttleTime”，这样我就不用自己实现了
• ansi 用于ANSI样式

没有这些依赖项，这个有趣的小项目将无法存在！

它能工作吗？

嗯，在我的机器上它能工作…… 😂

您可以尝试包含的 example.dart 并自行查看。

基本想法如下：

final desktop = Desktop(...);
desktop.onKey('k', () => doSomething());

final window = Window(
  "some-id",
  "Some Title",
  size: WindowSize.defaultMinMax(Size(60, 40)),
  position: RelativePosition.fromTopLeft(xOffset: 4, yOffset: 2),
  redraw: () => "Hello, world!",
);
desktop.openWindow(window);

它支持基于“Braille”字符的“画布”。这使得您可以像在 example.dart 中一样做些事情。

注意，这种画布功能来自 console。

示例动画GIF：

这里有一个快速拼凑的游戏框架更新：

待办事项

对于“版本1”的必备功能：

• 基本对话系统
• 基本弹出系统

其他考虑事项：

• 可能的任务栏显示所有窗口（包括最小化）
• 可能的任务栏溢出显示剩余窗口
• 可能的活动窗口标题闪烁（或以其他方式指示，特别是小窗口）
• 可能的菜单栏系统
• 可能的改进终端调整大小处理
• 可能的使用包含依赖项的表格/边框功能
• 可能使滚动视图、边框视图等成为透明使用的第一个类概念

已完成

• 绘制窗口
• 窗口标题栏及控制
• 控制台输入处理（目前仅限按键）
• 切换标签
• 控制台鼠标输入处理
• 通过按键最小化/最大化/关闭窗口
• 嵌套按键处理
• 通过按键移动窗口
• 通过按键调整窗口大小
• 窗口钩子（状态和大小）
• 基本鼠标操作（提升、最小化、最大化、关闭）
• 通过鼠标调整窗口大小
• 通过鼠标移动窗口
• 添加帮助按钮以显示按键配置
• 添加基本（仅垂直）滚动内容

Bug

• 重大 快速移动窗口，然后移动另一个窗口会导致第一个窗口再次移动。
• 重大 聚焦时未正确跳过最小化的窗口。

已修复的Bug

• 关键 调整大小控件的一个偏移错误。似乎只适用于某些 Position 类型？
• 重大 标题栏控件不尊重窗口标志。
• 移动覆盖在窗口太小时显示。
• 在替换区域中绘制缓冲区到缓冲区会破坏ANSI。 潜在修复：收集被替换的ANSI序列，并添加到 Cell.after 的最后一个单元格。 相关：Cell.reset 应该在 Cell.after 之前发生？现在看起来更有意义。
• 与前一个相关的：ANSI序列泄漏到绘制的部分。
• 当窗口向左移动时破坏ANSI。 潜在修复：收集所有剪切掉的ANSI序列并组合成一个。 放置在第一个可见单元格中。

示例代码

以下是 example.dart 的完整示例代码：

import 'dart:async';
import 'dart:io';

import 'package:dart_consul/dart_consul.dart';
import 'package:dart_minilog/dart_minilog.dart';

import 'src/demo_keys.dart';
import 'src/gol.dart';
import 'src/starfield.dart';

void main(List<String> args) async {
  final conIO = TermLibConIO();
  try {
    await createDesktop(conIO);
  } finally {
    conIO.close();
  }
  exit(0); // 强制退出带有运行定时器等
}

Future createDesktop(ConIO conIO) async {
  final desktop = Desktop(conIO: conIO);

  notify(it) => desktop.sendMessage(it);

  // 使用间接方式使菜单条目更易读。但你也可以直接在条目中使用lambda。
  // 你不必使用notify/subscribe。这只是可用的一种简单的内置机制。

  confirmQuit() => notify("quit");
  // showGameOfLife() => notify("show-gol");
  // showStarfield() => notify("show-starfield");
  // changeFps() => notify("change-fps");

  // 注意使用"quit"作为消息来结束[Desktop.run]。
  desktop.subscribe("quit", (_) => desktop.exit()); // TODO确认对话框
  desktop.subscribe("show-gol", (_) => gameOfLife(desktop));
  desktop.subscribe("show-starfield", (_) => starfield(desktop));
  desktop.subscribe("change-fps", (_) => print("TODO"));

  // desktop.interceptSigInt = true;
  desktop.setDefaultKeys();
  desktop.onKey("q", description: "Quit", action: confirmQuit);

  gameOfLife(desktop);
  starfield(desktop);
  addDemoKeys(desktop);
  addAnsiDemo(desktop);

  final log = DebugLog(redraw: () => desktop.redraw());
  addDebugLog(
    desktop,
    log: log,
    key: "<C-w>l",
    position: RelativePosition.fromBottom(yOffset: -1),
  );

  addAutoHelp(
    desktop,
    key: "<C->>",
    position: RelativePosition.fromBottomRight(),
  );

  // 将日志输出重定向到我们的[DebugLog]：
  sink = (e) => log.add(e);
  logLevel = LogLevel.verbose;

  logVerbose("verbose");
  logDebug("debug");
  logInfo("info");
  logWarn("warn");
  logError("error");

  desktop.focusById('stars');

  return await desktop.run();
}

void addAnsiDemo(Desktop desktop) {
  final window = Window("ansi-demo", "ANSI Demo",
      size: WindowSize.fixed(Size(20, 10)),
      position: RelativePosition.autoCentered(),
      redraw: () =>
          "some red\n".red() +
          "some blue\n".bgBlue() +
          "some invers\n".inverse() +
          "some bold\n".bold() +
          "some italic\n".italic() +
          "some underline\n".underline() +
          "some dim\n".dim() +
          "some strike-through\n".strikeThrough());

  window.onKey(
    "q",
    description: "Close window",
    action: () => desktop.closeWindow(window),
  );

  desktop.openWindow(window);
}