feat(ui): finalize E-TIB modernization with footer redesign, video optimization, and TS fixes

Former-commit-id: 67ac02c8404cc66893fdf97308574701cca6000c
2026-05-07 10:43:20 +02:00
parent f2fdea96ec
commit 5439df72ea
3712 changed files with 932332 additions and 1867 deletions
@@ -0,0 +1 @@
+../../devlop@1.1.0/node_modules/devlop
@@ -0,0 +1,5 @@
+// Note: types exposed from `index.d.ts`.
+export {
+  mdxExpressionFromMarkdown,
+  mdxExpressionToMarkdown
+} from './lib/index.js'
@@ -0,0 +1,120 @@
+/**
+ * @import {CompileContext, Extension as FromMarkdownExtension, Handle as FromMarkdownHandle} from 'mdast-util-from-markdown'
+ * @import {MdxFlowExpression, MdxTextExpression} from 'mdast-util-mdx-expression'
+ * @import {Handle as ToMarkdownHandle, Options as ToMarkdownExtension, State} from 'mdast-util-to-markdown'
+ * @import {Parents} from 'mdast'
+ */
+
+import {ok as assert} from 'devlop'
+
+/**
+ * Create an extension for `mdast-util-from-markdown` to enable MDX expressions
+ * in markdown.
+ *
+ * When using the micromark syntax extension with `addResult`, nodes will have
+ * a `data.estree` field set to an ESTree `Program` node.
+ *
+ * @returns {FromMarkdownExtension}
+ *   Extension for `mdast-util-from-markdown` to enable MDX expressions.
+ */
+export function mdxExpressionFromMarkdown() {
+  return {
+    enter: {
+      mdxFlowExpression: enterMdxFlowExpression,
+      mdxTextExpression: enterMdxTextExpression
+    },
+    exit: {
+      mdxFlowExpression: exitMdxExpression,
+      mdxFlowExpressionChunk: exitMdxExpressionData,
+      mdxTextExpression: exitMdxExpression,
+      mdxTextExpressionChunk: exitMdxExpressionData
+    }
+  }
+}
+
+/**
+ * Create an extension for `mdast-util-to-markdown` to enable MDX expressions
+ * in markdown.
+ *
+ * @returns {ToMarkdownExtension}
+ *   Extension for `mdast-util-to-markdown` to enable MDX expressions.
+ */
+export function mdxExpressionToMarkdown() {
+  return {
+    handlers: {
+      mdxFlowExpression: handleMdxExpression,
+      mdxTextExpression: handleMdxExpression
+    },
+    unsafe: [
+      {character: '{', inConstruct: ['phrasing']},
+      {atBreak: true, character: '{'}
+    ]
+  }
+}
+
+/**
+ * @this {CompileContext}
+ * @type {FromMarkdownHandle}
+ */
+function enterMdxFlowExpression(token) {
+  this.enter({type: 'mdxFlowExpression', value: ''}, token)
+  this.buffer()
+}
+
+/**
+ * @this {CompileContext}
+ * @type {FromMarkdownHandle}
+ */
+function enterMdxTextExpression(token) {
+  this.enter({type: 'mdxTextExpression', value: ''}, token)
+  this.buffer()
+}
+
+/**
+ * @this {CompileContext}
+ * @type {FromMarkdownHandle}
+ */
+function exitMdxExpression(token) {
+  const value = this.resume()
+  const estree = token.estree
+  const node = this.stack[this.stack.length - 1]
+  assert(node.type === 'mdxFlowExpression' || node.type === 'mdxTextExpression')
+  this.exit(token)
+  node.value = value
+
+  if (estree) {
+    node.data = {estree}
+  }
+}
+
+/**
+ * @this {CompileContext}
+ * @type {FromMarkdownHandle}
+ */
+function exitMdxExpressionData(token) {
+  this.config.enter.data.call(this, token)
+  this.config.exit.data.call(this, token)
+}
+
+/**
+ * @type {ToMarkdownHandle}
+ * @param {MdxFlowExpression | MdxTextExpression} node
+ *   Node.
+ * @param {Parents | undefined} parent
+ *   Parent, if any.
+ * @param {State} state
+ *   Info passed around about the current state.
+ * @returns {string}
+ *   Serialized markdown.
+ */
+function handleMdxExpression(node, parent, state) {
+  const value = node.value || ''
+  const result = state.indentLines(value, function (line, index, blank) {
+    // Tab-size to eat has to be the same as what we serialize as.
+    // While in some places in markdown that’s 4, in JS it’s more common as 2.
+    // Which is what’s also in `mdast-util-mdx-jsx`:
+    // <https://github.com/syntax-tree/mdast-util-mdx-jsx/blob/40b951b/lib/index.js#L52>
+    return (index === 0 || blank ? '' : '  ') + line
+  })
+  return '{' + result + '}'
+}
@@ -0,0 +1,106 @@
+{
+  "name": "mdast-util-mdx-expression",
+  "version": "2.0.1",
+  "description": "mdast extension to parse and serialize MDX (or MDX.js) expressions",
+  "license": "MIT",
+  "keywords": [
+    "unist",
+    "mdast",
+    "mdast-util",
+    "util",
+    "utility",
+    "markdown",
+    "markup",
+    "mdx",
+    "mdxjs",
+    "expression",
+    "extension"
+  ],
+  "repository": "syntax-tree/mdast-util-mdx-expression",
+  "bugs": "https://github.com/syntax-tree/mdast-util-mdx-expression/issues",
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/unified"
+  },
+  "author": "Titus Wormer <tituswormer@gmail.com> (https://wooorm.com)",
+  "contributors": [
+    "Titus Wormer <tituswormer@gmail.com> (https://wooorm.com)"
+  ],
+  "sideEffects": false,
+  "type": "module",
+  "exports": "./index.js",
+  "files": [
+    "lib/",
+    "complex-types.d.ts",
+    "index.d.ts",
+    "index.js"
+  ],
+  "dependencies": {
+    "@types/estree-jsx": "^1.0.0",
+    "@types/hast": "^3.0.0",
+    "@types/mdast": "^4.0.0",
+    "devlop": "^1.0.0",
+    "mdast-util-from-markdown": "^2.0.0",
+    "mdast-util-to-markdown": "^2.0.0"
+  },
+  "devDependencies": {
+    "@types/acorn": "^4.0.0",
+    "@types/node": "^22.0.0",
+    "acorn": "^8.0.0",
+    "c8": "^10.0.0",
+    "micromark-extension-mdx-expression": "^3.0.0",
+    "prettier": "^3.0.0",
+    "remark-cli": "^12.0.0",
+    "remark-preset-wooorm": "^10.0.0",
+    "type-coverage": "^2.0.0",
+    "typescript": "^5.0.0",
+    "unist-util-remove-position": "^5.0.0",
+    "xo": "^0.59.0"
+  },
+  "scripts": {
+    "prepack": "npm run build && npm run format",
+    "build": "tsc --build --clean && tsc --build && type-coverage",
+    "format": "remark . -qfo && prettier . -w --log-level warn && xo --fix",
+    "test-api-prod": "node --conditions production test.js",
+    "test-api-dev": "node --conditions development test.js",
+    "test-api": "npm run test-api-dev && npm run test-api-prod",
+    "test-coverage": "c8 --100 --reporter lcov npm run test-api",
+    "test": "npm run build && npm run format && npm run test-coverage"
+  },
+  "prettier": {
+    "bracketSpacing": false,
+    "semi": false,
+    "singleQuote": true,
+    "tabWidth": 2,
+    "trailingComma": "none",
+    "useTabs": false
+  },
+  "remarkConfig": {
+    "plugins": [
+      "remark-preset-wooorm"
+    ]
+  },
+  "typeCoverage": {
+    "atLeast": 100,
+    "detail": true,
+    "ignoreCatch": true,
+    "strict": true
+  },
+  "xo": {
+    "overrides": [
+      {
+        "files": [
+          "**/*.ts"
+        ],
+        "rules": {
+          "@typescript-eslint/ban-types": "off",
+          "@typescript-eslint/consistent-type-definitions": "off"
+        }
+      }
+    ],
+    "prettier": true,
+    "rules": {
+      "unicorn/prefer-at": "off"
+    }
+  }
+}