feat: daily drawings UI (#2865)

.deploy/mta.yaml

@@ -283,6 +283,12 @@ modules:
         - npm --prefix ../app/display-app run build
         - mkdir -p static/display-app
         - cp -r ../app/display-app/dist/. static/display-app/
+        # Drawings UI (#2865) — Vue 3 + Vite, Admin scope, base '/drawings-ui/'.
+        # Served from static/drawings-ui via the /drawings-ui/ approuter route.
+        - npm --prefix ../app/display-app-drawings install
+        - npm --prefix ../app/display-app-drawings run build
+        - mkdir -p static/drawings-ui
+        - cp -r ../app/display-app-drawings/dist/. static/drawings-ui/
         # Data Inspector UI (#999) — bundled inside @cap-js/data-inspector's
         # node_modules. Rewrite the UI5 bootstrap CDN in index.html from
         # sapui5.hana.ondemand.com (plugin default) to ui5.sap.com — the

.gitignore

@@ -56,6 +56,7 @@ hugo/static-qa/
 !hugo/static/images/devtoberfest/selfie/thumbnails/*.png
 !hugo/static/images/devtoberfest/selfie/stickers/*.png
 !hugo/static/images/devtoberfest/selfie/backgrounds/*.png
+!app/display-app-drawings/public/*.png
 hugo/static/js/*
 !hugo/static/js/joule.js
 !hugo/static/js/joule-render.js

app/display-app-drawings/index.html

@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<!-- GENERATED file. DO NOT EDIT manually — content scaffolded from display-app template. -->
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Tutorial Drawings</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="48x48">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>

app/display-app-drawings/index.template.html

@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<!-- TEMPLATE — do not edit index.html directly; it is generated from this file by
+     scripts/apply-ui5-version.cjs. The {{UI5_CDN_VERSION}} token is filled from
+     app/admin-shell/ui5-version.json. Edit the version there, then run
+     `npm run apply:ui5-version`. CI guard `check-ui5-version` enforces no drift. -->
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Tutorial Drawings</title>
+  <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico" sizes="48x48">
+  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+  <link href="https://ui5.sap.com/{{UI5_CDN_VERSION}}/resources/sap/ui/core/themes/sap_horizon/fonts/72-fonts.css" rel="stylesheet">
+</head>
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+</html>