WIP: Codehike Example

config/cameras.ts

@@ -3,3 +3,4 @@ export const DISPLAY_PREFIX = "display";
 export const ALTERNATIVE1_PREFIX = "alternative1";
 export const ALTERNATIVE2_PREFIX = "alternative2";
 export const CAPTIONS_PREFIX = "subs";
+export const CODE_PREFIX = "code";

config/scenes.ts

@@ -118,6 +118,7 @@ export type Cameras = {
   captions: StaticFile | null;
   alternative1: StaticFile | null;
   alternative2: StaticFile | null;
+  code: StaticFile | null;
   timestamp: number;
 };
 

package.json

@@ -25,6 +25,8 @@
     "@remotion/studio-server": "4.0.176",
     "@remotion/zod-types": "4.0.176",
     "class-variance-authority": "^0.7.0",
+    "twoslash-cdn": "^0.2.8",
+    "codehike": "1.0.0-alpha.19",
     "clsx": "^2.0.0",
     "connect": "3.7.0",
     "eslint": "^8",

public/codehike/code1719140172694.tsx

@@ -0,0 +1,10 @@
+// @noErrors
+
+type MyProps = {
+  onClick: () => void;
+  onDblClick: () => void;
+};
+
+const props: MyProps = {
+  onClick: () => {},
+};

public/codehike/code1719140203344.tsx

@@ -0,0 +1,10 @@
+// @errors: 2304
+type Props = {
+  onClick: () => void;
+  onDblClick: () => void;
+};
+
+// @errors: 2741
+const props: Props = {
+  onClick: () => {},
+};

public/codehike/code1719140219229.tsx

@@ -0,0 +1,9 @@
+type Props = {
+  onClick: () => void;
+  onDblClick: () => void;
+};
+
+const props: Props = {
+  onClick: () => {},
+  onDblClick: () => {},
+};