Test

Last updated on May 12, 2026

2 min read

test

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris a nisi quis odio egestas sagittis. Etiam vitae tempus metus, commmodo commodo nisi. Phasellus mattis sagittis risus quis suscript. Fusce euismod erat ipsum, ac vestibulum orci sollicitidun at. curabitur odio massa, cursus non lorem quis, tincidtunt ultricius lacus. Nulla efficitur est id tortor sodales, ac blandit mauris aliquet. Etaim vulputate nisi a mangan elefied, eget feugiat libero vehicula.

import { useMessage } from '@pimcore/studio-ui-bundle/components' 
 
const useMessage: (messageConfig?: ConfigOptions) => MessageInstance

no styling if language is not selected

# Heading 1

**Bold** *italic* ~~strikethrough~~

- List item 1
- List item 2

[Link](https://example.com)

> Blockquote

`inline code`

```js
console.log("code block");

Example with title

<?php
declare(strict_types=1);

class User {
    public function __construct(private string $name) {}

    public function greet(): string {
        return "Hello, {$this->name}";
    }
}

$user = new User("Alice");
echo $user->greet();

$array = ["a" => 1, "b" => null];
var_dump($array);

-- SQL sample
SELECT u.id, u.name, COUNT(p.id) AS post_count
FROM users u
LEFT JOIN posts p ON p.user_id = u.id
WHERE u.active = TRUE
GROUP BY u.id, u.name
HAVING COUNT(p.id) > 0
ORDER BY post_count DESC
LIMIT 10;

#!/usr/bin/env bash

set -euo pipefail

NAME="${1:-World}"

echo "Hello, $NAME"

for f in *.txt; do
  [[ -f "$f" ]] && echo "Found file: $f"
done

if grep -q "error" logfile.log; then
  echo "Errors detected" >&2
fi

// JS sample
import fs from "fs";

class User {
  constructor(name) {
    this.name = name ?? "Anonymous";
  }

  greet = () => `Hello, ${this.name}!`;
}

const nums = [1, 2, 3].map(n => n * 2);

async function fetchData(url) {
  try {
    const res = await fetch(url);
    return await res.json();
  } catch (e) {
    console.error(e);
  }
}

console.log(new User("Alice").greet(), nums);

type ID = string | number;

interface User {
  id: ID;
  name: string;
  isAdmin?: boolean;
}

function getUser(id: ID): User | null {
  return { id, name: "Bob", isAdmin: false };
}

const user = getUser(1)!;
console.log(user?.name);

{
  "string": "Hello, world!",
  "number": 12345,
  "float": 123.45,
  "negative": -42,
  "boolean_true": true,
  "boolean_false": false,
  "null_value": null,
  "array": [
    "text",
    1,
    2.5,
    false,
    null,
    {
      "nested_key": "nested_value"
    }
  ],
  "object": {
    "name": "Prism Test",
    "version": "1.0.0",
    "features": {
      "highlighting": true,
      "themes": ["dark", "light", "solarized"],
      "unicode": "✓ à la mode",
      "escaped_chars": "Line1\nLine2\tTabbed\"Quote\"\\Backslash"
    }
  },
  "empty_object": {},
  "empty_array": [],
  "long_text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
  "date_like": "2026-03-26T12:34:56Z"
}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Test</title>
  <style>
    body { font-family: sans-serif; }
  </style>
</head>
<body>
  <h1 class="title">Hello</h1>
  <input type="text" disabled />
  <script>
    console.log("inline script");
  </script>
</body>
</html>

{% set name = "Alice" %}

{% if name %}
  <h1>Hello {{ name|upper }}</h1>
{% else %}
  <h1>Hello Guest</h1>
{% endif %}

<ul>
  {% for i in 1..3 %}
    <li>{{ i }}</li>
  {% endfor %}
</ul>

:root {
  --main-color: #3498db;
}

body {
  font-family: Arial, sans-serif;
  background: linear-gradient(to right, #fff, #eee);
}

a:hover {
  color: var(--main-color);
}

$primary: #3498db

=center
  display: flex
  justify-content: center
  align-items: center

.container
  +center
  color: $primary

  &:hover
    color: darken($primary, 10%)

$primary: #3498db;

@mixin center {
  display: flex;
  justify-content: center;
  align-items: center !important;
}

.container {
  @include center;
  color: $primary;

  &:hover {
    color: darken($primary, 10%);
  }
}