Skip to content

Create dedicated Storybook section on website for interactive editor exploration - #18

Open
kumaradityaraj wants to merge 1 commit into
open-workflow-specification:mainfrom
kumaradityaraj:storybook
Open

Create dedicated Storybook section on website for interactive editor exploration#18
kumaradityaraj wants to merge 1 commit into
open-workflow-specification:mainfrom
kumaradityaraj:storybook

Conversation

@kumaradityaraj

Copy link
Copy Markdown
Contributor

Closes #9

Changes

  • Added the hosted Storybook instance to the website.
  • Added a Playground / Try the Editor call-to-action so users can easily discover and interact with the editor.
  • Added a popup promoting the editor and linking users to the playground.

Screenshot

Screenshot 2026-09-02 at 2 42 35 PM

Signed-off-by: kumaradityaraj <sedulous.0007@gmail.com>
@netlify

netlify Bot commented Sep 2, 2026

Copy link
Copy Markdown

Deploy Preview for openworkflow ready!

Name Link
🔨 Latest commit 9d159bd
🔍 Latest deploy log https://app.netlify.com/projects/openworkflow/deploys/6a97e8ad670afd0009c578ed
😎 Deploy Preview https://deploy-preview-18--openworkflow.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

</div>
<div class="navbar-end">
<ul class="menu menu-horizontal px-1">
<li><a href="https://openworkflow-editor.netlify.app/" target="_blank">Playground</a></li>

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should move this link to the consts.ts file where other external links are for consistency. And lets also add rel="noopener" as all external links on this site have it as well

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Also wondering should we change from Playground > Try the Editor
wdyt?

Comment thread src/pages/index.astro
<script>
document.addEventListener("DOMContentLoaded", () => {
const popup = document.getElementById("editor-popup");
const closeButton = document.getElementById("editor-popup-close");

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Because this isnt persisted to session or local storage, it means you can close pop, then if you navigate to Blog or something else and come back it will reappear

@ricardozanini @JBBianchi Would you prefer if when you dismiss the pop up, you dont have to dismiss again or you are ok with the above behaviour

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I'm ok with the popup showing all the time :D

</div>
<div class="navbar-end">
<ul class="menu menu-horizontal px-1">
<li><a href="https://openworkflow-editor.netlify.app/" target="_blank">Playground</a></li>

@fantonangeli fantonangeli Sep 3, 2026

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@lornakelly https://openworkflow-editor.netlify.app/ is the deployment from main branch, which is ok for now and it's updated.
I think for the Editor, as a next step, we should have a deployment

  • from the version tag (ie. 1.1.0)
  • possibly using GH Pages as Netlify deletes a deployment after a while ( default should be 90days)

Does it make sense?

@lornakelly lornakelly Sep 3, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes most definitely, good catch - otherwise they are going to see features not released yet. Can you please add a ticket to the editor repo for his @fantonangeli ?

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes, I agree -> we will need a new netlify account perhaps?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ricardozanini I’ve also done some research on this topic. Netlify deploy are subject to retention, so permanent versioned release URLs would require additional setup, likely a dedicated release site managed from our release CI, and not fully automated by Netlify..

GitHub Pages seems simpler for this use case: we can publish releases directly from the release workflow and naturally expose permanent versioned URLs such as /1.1.0/, /1.2.0/, etc, and we can always view a previous version.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Wow, we could publish directly to the org's GH page and we would have an /editor path.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If we create a GH Pages under https://github.com/open-workflow-specification/editor we can manage autonomously, and @lornakelly already has permissions for that

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ricardozanini

Copy link
Copy Markdown
Contributor

@lornakelly @fantonangeli are we ready to merge this?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Create dedicated Storybook section on website for interactive editor exploration

5 participants