Storybook: Code

1<?php
2
3declare(strict_types=1);
4
5namespace Drupal\vmhub_core\Hook;
6
7use Drupal\Core\Hook\Attribute\Hook;
8
9final class Example {
10
11  #[Hook('node_presave')]
12  public function presave(NodeInterface $node): void {
13    $node->setTitle(trim($node->getTitle()));
14  }
15
16}

1export const revalidate = async (tags: string[]) => {
2  for (const tag of tags) {
3    revalidateTag(tag);
4  }
5};

name: 'VMHub Content: Demo'
type: Content
install:
  - vmhub_content
  - vmhub_site

1.hero {
2  min-height: 60vh;
3  color: var(--vm-primary);
4}

1--- a/recipe.yml
2+++ b/recipe.yml
3@@ -1,3 +1,4 @@
4 name: 'VMHub Content: Demo'
5 type: Content
6+description: 'Demo site and storybook'
7 install:

FROM php:8.5-fpm-alpine
RUN apk add --no-cache poppler-utils
COPY . /var/www
WORKDIR /var/www

1<section class="hero">
2  <h1>Storybook</h1>
3  <a class="button" href="/storybook">Open</a>
4</section>

1document.querySelectorAll('[data-countdown-target]').forEach((el) => {
2  const target = new Date(el.dataset.countdownTarget);
3  console.log(target.toISOString());
4});

1{
2  "site": "demo",
3  "languages": ["cs", "en", "de"],
4  "storybook": true
5}

# Storybook

- **Layouts**: rows and columns
- *Text*: rich text

[Drupal](https://www.drupal.org)

1def det_uuid(key):
2    u = uuid.uuid5(uuid.NAMESPACE_URL, key)
3    return str(u)

1SELECT nid, title
2FROM node_field_data
3WHERE status = 1
4ORDER BY created DESC
5LIMIT 10;

1{% for item in items %}
2  <li>{{ item.title|upper }}</li>
3{% endfor %}