refactor: use Next.js src

apps/dashboard/app/page.tsx → apps/dashboard/src/app/page.tsx

@@ -1,6 +1,6 @@
 'use client'
-import { OgPlayground } from "./_components/OgPlayground";
-import type { OGElement } from "./_lib/types";
+import { OgPlayground } from "../components/OgPlayground";
+import type { OGElement } from "../lib/types";
 
 const initialElements: OGElement[] = [
   {

apps/dashboard/app/_components/Element.tsx → apps/dashboard/src/components/Element.tsx

@@ -1,6 +1,6 @@
 import type { CSSProperties } from "react";
 import { useEffect, useMemo, useRef, useState } from "react"
-import type { OGElement } from "../_lib/types"
+import type { OGElement } from "../lib/types";
 import { useOg } from "./OgPlayground"
 
 function hexToRgba(hex: string, alpha: number) {

apps/dashboard/app/_components/ElementTab.tsx → apps/dashboard/src/components/ElementTab.tsx

@@ -1,6 +1,6 @@
 import { useSortable } from "@dnd-kit/sortable"
 import { CSS } from '@dnd-kit/utilities';
-import type { OGElement } from "../_lib/types"
+import type { OGElement } from "../lib/types";
 import { useOg } from "./OgPlayground"
 import { BoxIcon } from "./icons/BoxIcon"
 import { CircleIcon } from "./icons/CircleIcon"
@@ -69,10 +69,12 @@ export function ElementTab({ element }: ElementTabProps) {
       </button>
       <button
         className="text-gray-600 hover:text-gray-900"
-        onClick={() => { updateElement({
-          ...element,
-          visible: !element.visible,
-        }); }}
+        onClick={() => {
+          updateElement({
+            ...element,
+            visible: !element.visible,
+          });
+        }}
         type="button"
       >
         {element.visible ? <VisibleIcon /> : <NotVisibleIcon />}

apps/dashboard/app/_components/LeftPanel.tsx → apps/dashboard/src/components/LeftPanel.tsx

@@ -4,7 +4,7 @@ import type { DragEndEvent } from "@dnd-kit/core";
 import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, arrayMove, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { restrictToVerticalAxis } from "@dnd-kit/modifiers";
-import { exportToPng, exportToSvg } from "../_lib/export";
+import { exportToPng, exportToSvg } from "../lib/export";
 import { ElementTab } from "./ElementTab";
 import { useOg } from "./OgPlayground";
 import { Button } from "./Button";
@@ -88,18 +88,18 @@ export function LeftPanel() {
 
   async function getFonts() {
     return Promise.all(elements.filter(element => element.tag === 'p' || element.tag === 'span').map(async element => {
-      // @ts-expect-error wrong inference
+      // @ts-expect-error -- wrong inference
       // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-member-access -- wrong inference
       const fontName = element.fontFamily.toLowerCase().replace(' ', '-')
-      // @ts-expect-error wrong inference
+      // @ts-expect-error -- wrong inference
       const data = await fetch(`https://fonts.bunny.net/${fontName}/files/${fontName}-latin-${element.fontWeight}-normal.woff`).then(response => response.arrayBuffer())
 
       return {
-        // @ts-expect-error wrong inference
+        // @ts-expect-error -- wrong inference
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- wrong inference
         name: element.fontFamily,
         data,
-        // @ts-expect-error wrong inference
+        // @ts-expect-error -- wrong inference
         // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment -- wrong inference
         weight: element.fontWeight,
       }

apps/dashboard/app/_components/OgPlayground.tsx → apps/dashboard/src/components/OgPlayground.tsx

@@ -1,6 +1,6 @@
 import type { RefObject } from "react";
 import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from "react";
-import type { OGElement } from "../_lib/types";
+import type { OGElement } from "../lib/types";
 import { Element } from './Element'
 import { RightPanel } from "./RightPanel";
 import { LeftPanel } from "./LeftPanel";

apps/dashboard/app/_components/PlaygroundToolbar.tsx → apps/dashboard/src/components/PlaygroundToolbar.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from "react"
-import type { OGElement } from "../_lib/types"
+import type { OGElement } from "../lib/types"
 import { TextIcon } from "./icons/TextIcon"
 import { CircleIcon } from "./icons/CircleIcon"
 import { ImageIcon } from "./icons/ImageIcon"

apps/dashboard/app/_components/RightPanel.tsx → apps/dashboard/src/components/RightPanel.tsx

@@ -1,4 +1,4 @@
-import { FONTS, WEIGHTS } from "../_lib/fonts";
+import { FONTS, WEIGHTS } from "../lib/fonts";
 import { Button } from "./Button";
 import { Input, Select } from "./Labels";
 import { useOg } from "./OgPlayground";

apps/dashboard/tailwind.config.ts

@@ -2,9 +2,7 @@ import type { Config } from 'tailwindcss'
 
 const config: Config = {
   content: [
-    './pages/**/*.{js,ts,jsx,tsx,mdx}',
-    './components/**/*.{js,ts,jsx,tsx,mdx}',
-    './app/**/*.{js,ts,jsx,tsx,mdx}',
+    './src/**/*.{js,ts,jsx,tsx,mdx}',
   ],
   theme: {
     extend: {},

apps/dashboard/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://json.schemastore.org/tsconfig",
   "extends": "@ogstudio/typescript/nextjs.json",
   "compilerOptions": {
     "plugins": [

apps/dashboard/turbo.json

@@ -1,4 +1,5 @@
 {
+  "$schema": "https://turbo.build/schema.json",
   "extends": [
     "//"
   ],