nixpacks 0.2.1

Generate an OCI compliant image based off app source
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

import Prism from "prismjs";
import React from "react";

export const CodeBlock: React.FC<{
  language?: string;
  children?: React.ReactNode;
}> = ({ children, language }) => {
  const ref = React.useRef(null);

  React.useEffect(() => {
    if (ref.current) Prism.highlightElement(ref.current, false);
  }, [children]);

  return (
    <div className="relative rounded code" aria-live="polite">
      <pre ref={ref} className={`language-${language}`}>
        {children}
      </pre>
    </div>
  );
};