Problem/Motivation

Currently the UI folder has a npm script to build a static version of the app
We should host this in gitlab pages so we can fulfill our 0.1 milestone of 'letting people test it on drupal.org'
We should be able to iframe this into a page on drupal.org

Proposed resolution

Add gitlabci integration to build a static version and store in gitlabci pages so it can be statically hosted.
See decoupled_lb for an example (it hosts static storybook like this)
MSW can act as the backend mock for demo sake

Remaining tasks

User interface changes

API changes

Data model changes

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

larowlan created an issue. See original summary.

larowlan’s picture

Component: Code » Page builder
Status: Postponed » Active
Issue tags: -page builder

larowlan’s picture

Status: Active » Needs review
wim leers’s picture

Title: Host static version of ui in gitlab pages » Host static version of UI in gitlab pages
Issue tags: +GitLab
wim leers’s picture

Assigned: Unassigned » larowlan
Status: Needs review » Needs work

Despite there now being 5 pipelines that have run, I still don't see an example of the output this generated? I feel like I'm missing something? 🙈

larowlan’s picture

wim leers’s picture

If we go with this, #3450308: Create an Open API spec for the current mock HTTP responses will become more important.

OTOH, if for the 0.1 milestone of letting people test it on drupal.org we want to do a more complete demo, including Field Widget-powered editing (see #3452512: Add component instance edit form to contextual panel), it'll become less important … or to be more precise: this statically hosted demo would be a subset of the demo.

lauriii’s picture

I just opened #3454094: Milestone 0.1.0: Experience Builder Demo which provides some context for the question asked in #8. Given that the demo is supposed to focus on the content creation aspects of Experience Builder, it doesn't seem that it would be complete unless it includes #3452512: Add component instance edit form to contextual panel. Without that how would you change component contents?

wim leers’s picture

Without that how would you change component contents?

My thoughts exactly 😅

We could expand the existing mock responses to include responses for the forms, and then together with #3453690: [META] Real-time preview: supporting back-end infrastructure, that would result in live updates. I believe we need #3453690 anyway if we want to achieve the goals for #3454094, because without that, any demo will fall flat.

wim leers’s picture

Assigned: Unassigned » lauriii

@lauriii just indicated he thinks we should NOT be doing a static demo, but an actual Drupal-powered demo.

But … this is already working and might be helpful in the short term?

I defer to @lauriii.

lauriii’s picture

Assigned: lauriii » Unassigned

I believe we should be keeping this as close to the real thing as possible – we want to showcase a realistic experience. My impression from what I've heard is that if we wanted to do this with mock data, we would have to re-implement lots of things from Drupal in order to provide a realistic experience on top of the mock data model. Based on that, I said that we probably should then just use a Drupal site to back the demo. This doesn't mean that we couldn't host a separate static demo in the meanwhile, we just shouldn't use it for the demo.

larowlan’s picture

I still think this is useful for manual testing MRs without needing to check a branch out locally

wim leers’s picture

Title: Host static version of UI in gitlab pages » CI: host static version of UI in GitLab Pages
Status: Needs review » Reviewed & tested by the community
Parent issue: #3454094: Milestone 0.1.0: Experience Builder Demo » #3450592: [META] Front-end Kanban issue tracker
Related issues: +#3454094: Milestone 0.1.0: Experience Builder Demo

Let's be pragmatic and get this in for the purpose that @larowlan outlines — we'll find out automatically when/where we'll hit limitations.

Per @lauriii in #12, the DrupalCon Barcelona demo (#3454094: Milestone 0.1.0: Experience Builder Demo may or may not use this, and likely won't.

P.S.: #3450308: Create an Open API spec for the current mock HTTP responses might be able to help us keep the static version of the UI useful for longer.

  • Wim Leers committed ef598278 on 0.x authored by larowlan
    Issue #3450311 by larowlan: CI: host static version of UI in GitLab...
wim leers’s picture

Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.