This is an idea for the Chrome / Edge extension. When the user have the extension installed, we can convert any special element to a sequence diagram. The special element should contains the DSL of ZenUML.

Most common case is the the page is rendered from markdown, something like this:

```zenuml
A.method
```

It is often converted to (such as on GitHub):

<pre lang="zenuml" class="notranslate">
  <code class="notranslate">A.method</code>
</pre>

A user's request is at here: #496 (reply in thread)

未登录状态下进入 https://app.zenuml.com 后，会打开一个默认的diagram，点share link，提示需要保存，登陆后，编辑该diagram，保存后再create share link，依然显示需要保存。

Meta info

• Is this a bug or suggestion?: bug
• Version: v2.0.0
• Context - Web app, Chrome extension or both?: both

如题.
以下是部分截图来说明此问题:

Merge the code of FireWeb to LaraSite repository. Use the LaraSite store to replace firestore.

• 免费版本应该可以看到锁定的 CSS 功能，并跳出付费页面？
• 更新收费功能列表

• 免费注册用户仅允许保存 3 个图表
• （考虑）超出数量后，提示付费升级

• 依赖支付工具的评估结论
• 讨论新的定价
• 修改新的定价
• 通知用户：现有付费用户、过期付费用户、免费用户

This tool is very useful.
There are a lot of developers in China or Asia.
There is an urgent need for Chinese.
Only in this way can it be more practical, and it can be shared and promoted on a large scale

Problem representation:
The input Chinese editor is not recognized

error: alert(You have ${Object.keys(this.state.user.items).length} diagrams, the limit is 3. Upgrade now for unlimited storage.),

这个弹窗需要关掉。否则的话对用户影响很大，特别是当它被嵌入到文档中的时候。

当初的设计原因应当是因为利用了localStorage，多个tab会出现竞争关系。在我们关掉这个Warning之后，应该强制用户从对应diagram的URL打开： https://app.zenuml.com/1234. 如果没有指定，应该打开dashboard或登录页面。

暂时先创建到 web-sequence 下，正式做的时候请移除。

根据最终确认的功能差异，修改付费弹出页面的文字描述。

“Share”按钮并不是一个用户经常点击的按钮。目前约有<10%的客户会点击这个按钮。一方面用户可能并不需要分享；另一方面，这个按钮本身现在仍然是一个假按钮。为了鼓励用户分享，我们应当在一段时间内高亮这个按钮。类似的设计在很多创作型网站上也并不少见：

Google Docs:

Miro:

Confluence:

此卡用来标记 LaraSite 相关任务的合集，等进度到了以后，在例会中专题讨论大概的拆分，重新定义。

担心产生新的需求后，这里的拆分不稳定，占坑用。

当前我现建立到 web-sequence 下了，如果错了帮忙移动一下。

屏蔽或移除的方式，避免 Chrome 插件和 Fireweb 产生耦合。（持久化这部分可能需要商量怎么做）

检查限制的场景：

• 新建
• Fork
• 保存
• Export

• 根据外观，使用场景等几个大类，分别设计，并提供对应的示例图。

Larasite will serve the mobile view.
Mobile is not the main use case of our application. However, it is a device that is mainly involved when we share links on social media.

Ideas

Hide the editor

For this moment, the screenshot is based on what is visible in the right panel. It could cut the diagram if it is hidden (needs scroll to show), as image 1. It can also include a white space at the bottom if the diagram is not filling the whole panel as image 2.

同现在的功能，只是付费用户 only

这个issue不是关于Share的Pop up窗口的。

这个issue是关于如何引导新用户点击Share按钮的。

只为了评估，评估后如果需要修改并产生开发工作，另外建卡。

需求：

• 支持按月，按年订阅，分别定价
• 支持促销，如 coupon 等
• 支持早鸟价，如部分用户锁定一个不同的长期订阅价格
• 支持兑换码，如激活若干时间的订阅（3 个月）
• 更低费率？

以上不是必须的需求，只是罗列评估要点。

Reproduce steps:

1. Open https://app.zenuml.com
2. Login if you have not
3. Create a diagram, if it did not open a diagram automatically
4. Save this diagram
5. Create a new diagram
6. Save the new diagram
7. Refresh the page.

Expected result:
It should load the diagram created on step 5.

Actual result:
It loads the diagram created on step 3.

The current format of the sharable link is https://sequence-diagram.zenuml.com/share/xxx. It should be converted to https://zenuml.com/sequence-diagram/share/xxx.

The following events must be tracked:

如下图所示：

It is not always reproducible, but the following DSL seems trigger this issue quite often. When it "Copy Link" spinner never stops.

Client->SGW."Get order by id" {
  svc.Get(id) {
    new X()
    rep."load order" {
      =="Start Here"==
      MF."load order from mainframe"
      =="End Here"==
      if(order == null) {
        @return 
        SGW->Client:404
      } else {
        return order
      }
      
      while(true) {
        svc.refresh(data)
      }
      processOrder()
    }
    return order
  }
  return response
}

When the user clicks the "Share" button, a dialog should pop up (near to the button). On the pop up dialog, two elements must be included:

1. A link to the page that renders the diagram with OG attributes (a separate task);
2. An instruction on how to paste the link on to a Confluence page; explain anyone with this URL can view this diagram;
3. An animation shows how to paste the link on to a Confluence page;

A proposed layout:

Gist是一个天然的UGC和高质量的外链，甚至用户还可以在上面做评论。
这是我在Gist上做的一个例子：https://gist.github.com/MrCoder/283f751b593bd7d693209f6bf29a9809

与Gist结合在一起有一个适合Chrome插件的场景：
#496 (reply in thread) 如果用户安装了插件那么他就能够在任何页面上嵌入ZenUML。

<body>
<pre type="zenuml">
A.method
</pre>

比如上面这个HTML我们的插件就可以给他替换成序列图。

If we follow Amazon's "Working backwards" approach, we should first prepare the following:

1. Press Release - Official announcement article
2. FAQ
3. Visuals

Only after that should we start evaluating priorities, and finally, development.

Although we have already developed this EPIC almost completely, we can still pretend to go through the Working backwards method.

Checklist

• Publish a page for the Press Release
• Prepare an email campaign
• Send it to all registered users

• 依赖 Kim 对 UI 团队 Editor #658

When we scroll the right side, the toolbar can be scrolled out of view. This has caused issues that users were not able to see the buttons.

Meta info

• Is this a bug or suggestion?: Bug
• Version (click on help icon in footer): v2.0.0 (a9bba44)
• Context - Web app, Chrome extension or both?: Both

According to the spec, the syntax of an object creation message is always a dashed line with an open arrowhead (refer http://omg.org/spec/UML/2.5.1, OMG file ID: formal/17-12-05, page 577).
(credit to @Stephon Roth https://twitter.com/_StephanRoth/status/1191292505368739840).

当用户未注册的时候，限制用户导出 PNG 和 Copy PNG，及 Open 的功能，提示同样的要求用户注册（同 Save）。

其他限制同注册后的免费版，包括关闭 CSS功能。

• 付费功能
• 免费版本只支持当前标准的唯一渲染风格

• 考虑主题（Theme）功能，如果没有需要增加上
• 最终做确认