feat(core): add MarkdownRenderable with automatic table alignment

bun.lock

@@ -15,6 +15,7 @@
         "bun-ffi-structs": "0.1.2",
         "diff": "8.0.2",
         "jimp": "1.6.0",
+        "marked": "17.0.1",
         "yoga-layout": "3.2.1",
       },
       "devDependencies": {
@@ -220,6 +221,18 @@
 
     "@opentui/core": ["@opentui/core@workspace:packages/core"],
 
+    "@opentui/core-darwin-arm64": ["@opentui/[email protected]", "", { "os": "darwin", "cpu": "arm64" }, "sha512-IohPhCkD/DbZEH4M5ft1/o1pI6Vvw2pdxdyoouW/TO1g21W5G8usaWTSRDXO+16BT115Nfb9/DT69H5pzAc2Eg=="],
+
+    "@opentui/core-darwin-x64": ["@opentui/[email protected]", "", { "os": "darwin", "cpu": "x64" }, "sha512-BqbjQl2sLYrJ1Pq1b3H1I2CFedRiMz0QtZX08IMbyZ5kok+J0A8eQS5tmlbfqoS/VH0de9XiEbuHjG09/nSj1A=="],
+
+    "@opentui/core-linux-arm64": ["@opentui/[email protected]", "", { "os": "linux", "cpu": "arm64" }, "sha512-P5FleF+W8O4uGubqBvV8DB1AK0+fJhJS8HvfmTZQ2DhSSJJH9Af/WXqitD7ILQY9ltlaUP7l38BC5cVdxnWzCQ=="],
+
+    "@opentui/core-linux-x64": ["@opentui/[email protected]", "", { "os": "linux", "cpu": "x64" }, "sha512-l9ab5tgOGcdf8k3NU4TzK/3C8UC0+QuMxgLA/j60BhB1e9bwJleFeYJc+wLIktTUu9QwqCsU4YcuGHL+C2lCzA=="],
+
+    "@opentui/core-win32-arm64": ["@opentui/[email protected]", "", { "os": "win32", "cpu": "arm64" }, "sha512-U1zsOpQl3EGhs8BwoehKAwwVONe+XOXRnXTxMhXw8huF0WWXDWOUL5psjBvfSWPm1rLmagxkQsH84jTSWA/vLA=="],
+
+    "@opentui/core-win32-x64": ["@opentui/[email protected]", "", { "os": "win32", "cpu": "x64" }, "sha512-JgLZXSaE4q7gUIQb9x6fLWFF3BYlMod2VBhOT1qGBdeveZxsM6ZAno/g+CL9IDUydWfLFadOIBjdYFDVWV2Z2w=="],
+
     "@opentui/react": ["@opentui/react@workspace:packages/react"],
 
     "@opentui/solid": ["@opentui/solid@workspace:packages/solid"],
@@ -360,6 +373,10 @@
 
     "lru-cache": ["[email protected]", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
 
+    "magic-string": ["[email protected]", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
+
+    "marked": ["[email protected]", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-boeBdiS0ghpWcSwoNm/jJBwdpFaMnZWRzjA6SkUMYb40SVaN1x7mmfGKp0jvexGcx+7y2La5zRZsYFZI6Qpypg=="],
+
     "meshoptimizer": ["[email protected]", "", {}, "sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw=="],
 
     "mime": ["[email protected]", "", { "bin": { "mime": "cli.js" } }, "sha512-jSCU7/VB1loIWBZe14aEYHU/+1UMEHoaO7qxCOVJOw9GgH72VAWppxNcjU+x9a2k3GSIBXNKxXQFqRvvZ7vr3A=="],

packages/core/package.json

@@ -37,6 +37,7 @@
     "bun-ffi-structs": "0.1.2",
     "diff": "8.0.2",
     "jimp": "1.6.0",
+    "marked": "17.0.1",
     "yoga-layout": "3.2.1"
   },
   "peerDependencies": {

packages/core/src/examples/index.ts

@@ -57,8 +57,9 @@ import * as sliderDemo from "./slider-demo"
 import * as terminalDemo from "./terminal"
 import * as diffDemo from "./diff-demo"
 import * as keypressDebugDemo from "./keypress-debug-demo"
-import * as linkDemo from "./link-demo"
 import * as extmarksDemo from "./extmarks-demo"
+import * as markdownDemo from "./markdown-demo"
+import * as linkDemo from "./link-demo"
 import * as opacityExample from "./opacity-example"
 import * as scrollboxOverlayHitTest from "./scrollbox-overlay-hit-test"
 import * as scrollboxMouseTest from "./scrollbox-mouse-test"
@@ -157,6 +158,12 @@ const examples: Example[] = [
     run: diffDemo.run,
     destroy: diffDemo.destroy,
   },
+  {
+    name: "Markdown Demo",
+    description: "Markdown rendering with table alignment, syntax highlighting, and theme switching",
+    run: markdownDemo.run,
+    destroy: markdownDemo.destroy,
+  },
   {
     name: "Live State Management Demo",
     description: "Test automatic renderer lifecycle management with live renderables",
@@ -205,6 +212,12 @@ const examples: Example[] = [
     run: transparencyDemo.run,
     destroy: transparencyDemo.destroy,
   },
+  {
+    name: "Opacity Demo",
+    description: "Interactive opacity/alpha demonstration with animated boxes",
+    run: opacityExample.run,
+    destroy: opacityExample.destroy,
+  },
   {
     name: "Static Sprite",
     description: "Static sprite rendering demo",
@@ -325,6 +338,12 @@ const examples: Example[] = [
     run: editorDemo.run,
     destroy: editorDemo.destroy,
   },
+  {
+    name: "Extmarks Demo",
+    description: "Virtual extmarks - text ranges that the cursor jumps over, with deletion handling",
+    run: extmarksDemo.run,
+    destroy: extmarksDemo.destroy,
+  },
   {
     name: "Slider Demo",
     description: "Interactive slider components with various orientations and configurations",