PureSight demo with Edge Delivery Services

This repo is part of StreamX demo. See https://teamds.atlassian.net/wiki/spaces/StreamX/pages/733970445/StreamX+demo+environment+setup

Environments

• Preview (https://main--{repo}--{owner}.hlx.page/): https://main--demo-puresight-eds--streamx-dev.hlx.page/
• Live (https://main--{repo}--{owner}.hlx.live/): https://main--demo-puresight-eds--streamx-dev.hlx.live/

Docs with content

Google Drive with docs: https://drive.google.com/drive/folders/0AD7Au_cSyxqQUk9PVA

Editing docs and publishing content:

Install browser plugin as described here: https://www.aem.live/developer/tutorial#preview-and-publish-your-content

Configure the plugin:

• open plugin options
• add new project
• set organization name and project name according to GitHub repository name and organization
• validate if Google docs preview and live view are displayed using the proper environments as described above

Installation

npm i

Linting

npm run lint

Local development

1. Install the AEM CLI: npm install -g @adobe/aem-cli
2. Start AEM Proxy: aem up (opens your browser at http://localhost:3000)
3. Open the {repo} directory in your favorite IDE and start coding :)

Pages list with documents and blocks lists:

The index page.

---

Homepage

Preview link: Homepage
Document with content: Hompage doc

Homepage blocks list:

• Hero
• Carousel
• Cards list
• Articles list
• Promo banner
• Levels
• Newsletter form

---

Blog

Preview link: Blog
Document with content: Blog doc
Articles list data: Google sheets

Blog blocks list:

• Blog

---

Article

Preview link: Article
Document with content: Blog doc

Articles blocks list:

• Metadata

---

Products

Preview link: Products
Document with content: Products doc Products list data: Google sheets

Products blocks list:

• Breadcrumb
• Product detail
• Product Reviews
• Articles list
• Section Metadata
• Cards list
• Levels
• Newsletter form
• Metadata

The products page take product id from metadata block (Product Id) and then fetch the JSON with procut ID. Example JSON file is here

---

All JSON files

• /data/products/B075X4VWF9.json

---

Spreadsheets

Spreadsheets with articles and products are converted to json and used as a source of data inside each component's block. Path to json is set inside document, example: blog page.

Publication to StreamX

There are two GitHub workflows which make it possible to publish and unpublish pages to/from StreamX:

• publish-to-streamx.yaml
• unpublish-from-streamx.yaml

Once page is publish or unpublished a relevant workflow will be triggered automatically and make a call to StreamX instance.

Workflows require few configuration options defined as variables and secrets:

• Variable EDS_DOMAIN_URL: a URL to Edge Delivery Services domain, e.g.: https://main--demo-puresight-eds--streamx-dev.hlx.live.
• Variable STREAMX_PAGE_PUBLICATION_API: a URL to StreamX publication API, e.g.: https://ingestion.streamx.tech/publications/v1/channels/pages/messages.
• Secret STREAMX_TOKEN: JWT value required by StreamX publication API.

Both workflows can be enabled and disabled manually in GitHub.