Git Blame

About this piece

Code lines with inline blame showing the author to the right.

Usage

The import and the props worth knowing about, in one place.

import { Editor20 } from "@/components/beste/piece/editor20";

<Editor20
  lines={[
    {
      "line": 40,
      "author": "Hania",
      "code": "const greet = (name: string) =>"
    },
    {
      "line": 41,
      "author": "Nils",
      "code": "  `Hello, ${name}!`;"
    },
    {
      "line": 42,
      "author": "Hania",
      "code": ""
    }
  ]}
  bordered={false}
/>

More Editor pieces

View all Editor

12const user = { name: 'Nils' };
13const msg = greet(user.name);
14console.log(msg);
15

const greet = (name: string) => `Hello, ${name}!`;

1// TODO migrate to server components
2// FIXME handles null state poorly
3// NOTE revisit once design lock lands

Dashboardrender()if (isReady)

    // hidden lines…
    const ready = useReady();
    if (!ready) return null;

const name = user.prfile.name;Property 'prfile' does not exist on type 'User'.

const total = items.reduce(sum, i) => sum + i.price);

Expected 2 arguments, but got 1.