genji-theme-vitepress

Support runnable code groups!

::: code-group

```js [main.js] eval
(() => {
  const div = document.createElement("div");
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.background = rgb(100);
})();
```

```js [rgb.js] eval inspector=false
function rbg(r, g = r, b = r) {
  return `rgb(${r}, ${g}, ${b})`;
}
```

:::

This produces:

Full Changelog: 0.2.6...0.2.8

genji-theme-docusaurus

• Fix build error in docusaurus by @pearmini in #214

Full Changelog: 0.2.5...0.2.6

Markdown Genji is now available in Docusaurus through genji-theme-docusaurus!

$ npm install genji-theme-docusaurus -D

What's Changed

• Style isolation for Docusarurus by @pearmini in #205
• Props for docusaurus by @pearmini in #206
• Add signal dark for docusaurus by @pearmini in #207
• Getting started for docusaurus by @pearmini in #209
• Docs for docusaurus detail by @pearmini in #210
• Fix dark signal for docusaurus by @pearmini in #211

Full Changelog: 0.2.3...0.2.5

Documentation

• Add version nav item by @pearmini in #200

Genji Runtime

• Fix dark by @pearmini in #199

Full Changelog: 0.2.2...0.2.3

Documentation

Add the showcase page! If your are building something cool with Markdown Genji, please add it here!

Genji Runtime

Add page.emit and page.on to communicate between the selected SSG and genji-runtime.

 watch(
    () => isDark.value,
    () => {
      page.emit("dark", isDark.value);
    },
  );

Genji Theme Vitepress

Add dark signal, which helps watch if the current theme is set to dark mode. (#194)

```js eval
(() => {
  const div = document.createElement("div");
  div.style.width = "100px";
  div.style.height = "100px";
  div.style.background = dark ? "#fff" : "#000";
  return div;
})();
```

This produces:

Full Changelog: 0.2.1...0.2.2

Genji Runtime

Extract the core part of genji-theme-vitepress into a separate package called genji-runtime (#184), in preparation for supporting more SSGs with Markdown Genji in the future.

import { Page } from "genji-runtime";
import "genji-runtime/css";

const page = new Page(options);

page.render();

Genji Theme Vitepress

Export genjiAttrs (#180) to work with other Markdown plugins in VitePress:

// .vitepress/config.js
import { genjiAttrs } from "genji-theme-vitepress/config";
import otherMarkdownPlugin from "other-markdown-plugin";

export default {
  extends: config,
  markdown: {
    config: (md) => {
      md.use(otherMarkdownPlugin);
      md.use(genjiAttrs);
    },
  },
};

Full Changelog: 0.2.0...0.2.1

Markdown Genji is the markdown extension for authoring interactive documents, named after the coolest hero in Overwatch. It is inspired by Observable Notebook and can be used in popular Static Site Generator (SSG) frameworks, such as VitePress, through the use of plugins and themes.

• Documentation - https://genji-md.dev/
• Features - https://genji-md.dev/what-is-genji
• Inspiration - https://genji-md.dev/why-genji
• Examples - https://genji-md.dev/examples/athletes-visualization

What's Changed

• fix(dep): move object-hash from the top-level package.json to genji-notebook package.json by @pearmini in #63

Full Changelog: 0.1.2...0.1.3

What's Changed

• feat(input): add radio by @pearmini in #62
• feat(dev): build lib with the same filename using hash by @pearmini in #62

Full Changelog: 0.1.11...0.1.2

What's Changed

• fix(genji-notebook): fail to jump through url link (close: #54) by @pearmini in #59

Full Changelog: 0.1.0...0.1.11