Lorgnette：创建可塑形代码投影

文献标题

lorgnette: Creating Malleable Code Projections

文献信息

• 主题领域: 编程语言、代码编辑器的人机交互设计
• 关键词: lorgnette, 投影, 语义交互, 编程工具, 用户定制, 代码编辑器, 可修改界面, 多语言支持, 模型驱动工程, 可视化编程

研究背景与问题

• 发现的问题与挑战:

  1. 现有的代码“投影”(projections)（一种代码片段的交互式替代表示）通常被硬编码，仅支持特定语言或场景开发。
  2. 用户在语言符号层面的“语法交互”（syntactic interaction）往往无法很好地理解或操作代码表达的语义层面。
  3. 当前编程环境中支持投影的系统，不允许普通用户灵活创建或修改投影，不利于个性化需求的实现。

• 重要性: 提升代码编辑器的用户体验和效率，使开发者能够基于语义交互更直观地查看、修改代码，并降低技术门槛，让每位开发者都能参与到工具的创新中。

• 研究动机与相关工作:

  1. 投影提供了让用户在更贴合其心理模型的表示形式中查看和操作代码的可能性。
  2. 尽管已有一些支持投影的框架，例如 JetBrains MPS 和 Visual HDL 等，但这些系统更加偏向高成本的专业场景，有限制多语言适配性，且缺乏终端用户层面的易用性和可塑性。
  3. 随着现代编程逐渐由操作性向探索性和实时性靠拢，需要能动态定制的跨语言可扩展代码投影方案。

解决方案

• 核心方法或解决方案: 提出了一个名为lorgnette的框架，用户可以在其代码编辑器中自定义并实现交互式代码投影，用于基于代码的片段展示、数据的不同解析方法，以及多语言的配置。

• 创新之处:

  1. 支持多种资源类型：框架通过抽象，实现了对代码文本、语法树节点以及运行时信息的投影。
  2. 多语言与语言无关性：支持多种语言的直接适配，并提供投影模板，降低扩展或迁移语言的成本。
  3. 低门槛与高自由度：由用户决定如何定制、修改、使用投影，而无需每一次都依赖开发者。
  4. 后向和前向映射支持：可将用户交互结果立即映射回代码，完成双向更新。

• 实施步骤与关键技术:

  1. 定义代码片段的检测和资源提取方式。
  2. 使用前向映射将资源转化为模型，供用户界面操作。
  3. 借助后向映射更新代码资源以保持代码与界面状态的同步。
  4. 提供投影的模板支持用户快速生成常见的界面，例如表单、表格、颜色选择器等。

研究成果

• 具体成果:

  • 通过对62种投影案例的分析，总结了代码投影的特性、范围和需求。
  • 使用 lorgnette 实现了 5 个实际案例，包括颜色选择器、Markdown 表格编辑、正则表达式可视化、变量追踪可视化和配置表单，展示了其广泛适应性的能力。

• 与现有解决方案比较:

  1. lorgnette 是目前唯一支持文本、语法树和运行时资源三者的框架，也是极少全面兼容多语言的投影开发工具。
  2. 相比其他系统（如 JetBrains MPS 和 mage），lorgnette 更强调用户的自定义自由，从而提升了灵活性和实用性。

• 实验或评估结果:

  • 实际投影功能展示涵盖了不同语言和不同需求的案例。
  • 在五种投影场景测试中，证明了框架既能够支持静态内容（如 Markdown 表格），也能动态处理数据（如 JavaScript 的变量值追踪），为多种用户需求提供了可能性。

• 局限性与未来方向:

  1. 目前的限制:
     • lorgnette 在支持多文件交互（例如 HTML 和 CSS 同时操作）上的能力有限。
     • 尚未支持整体程序（如全局调用图）的复杂投影。
     • 嵌入文档输出的能力尚未开发。
  2. 未来改进方向:
     • 深入探索如何更高效地创建双向映射。
     • 支持跨文件、跨文档的投影耦合。
     • 研究与协同程序开发、AI 编码助手（如 ChatGPT）深度集成的可能性，帮助开发者更高效地迭代代码与投影。