iamhectorsosa

---
import "@/styles/global.css";
interface Props {
  title: string;
}

const { title } = Astro.props;
---

<script is:inline>

iamhectorsosa

<div class="flex min-h-screen items-center justify-center bg-slate-100">
  <div class="grid w-full grid-cols-3 gap-[2%] p-[10%]">
    <div class="card">
      <div class="oval green empty pattern"></div>
      <div class="oval green empty pattern"></div>
    </div>
    <div class="card">
      <div class="oval pink empty pattern"></div>
      <div class="oval pink empty pattern"></div>
    </div>

iamhectorsosa

-- Create `public.profiles` table
CREATE TABLE public.profiles (
  user_id UUID PRIMARY KEY REFERENCES auth.users (id) ON DELETE CASCADE NOT NULL,
  email VARCHAR(255) UNIQUE,
  username VARCHAR(128) UNIQUE,
  avatar TEXT,
  preferred_name TEXT,
  first_name TEXT,
  last_name TEXT,
  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),

iamhectorsosa

import * as React from 'react';
import { usePagination } from '@shared';
import { useQueryParams } from '../../../utilities/useQueryParams';
import { PagingInput } from '../../../graphql';

interface UseQueryParamsPagination
  extends Pick<
    ReturnType<typeof usePagination>,
    'start' | 'end' | 'setPageToFirst'
  > {

iamhectorsosa

import { Homepage } from "@components/preview/Homepage";
import { type FileType, getPaths, getPreviewProps } from "@utils/preview";

export default function Page({
  fileTree,
  selectedPath,
  isFolder,
  html,
  sourceCode,
}: {

iamhectorsosa

import unifiedTypes, { unified } from "unified";
import { modifyChildren as unistUtilModifyChildren } from "unist-util-modify-children";
import { toText as hastUtilToText } from "hast-util-to-text";
import { getHighlighter } from "shiki";
import rehypeParse from "rehype-parse";
import { render, type Options } from "@lib/shiki";

export const rehypeShiki: unifiedTypes.Plugin<[options: Options]> =
  (options) => async (tree) => {
    const highlighter = await getHighlighter({

iamhectorsosa

<mjml>
  <mj-head>
    <mj-font
      name="Roboto"
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap"
    ></mj-font>
    <mj-raw>
      <meta name="color-scheme" content="light dark" />
      <meta name="supported-color-schemes" content="light dark" />
    </mj-raw>

iamhectorsosa

.bg-slate > div {
  background-color: #64748b !important;
}
.text-slate > div {
  color: #64748b !important;
}

.bg-gray > div {
  background-color: #6b7280 !important;
}

iamhectorsosa

<div id="output"></div>

iamhectorsosa

import {
  createContext,
  forwardRef,
  PropsWithChildren,
  useContext,
  useState,
} from "react";
import { SiReact, SiJavascript, SiTypescript, SiJson } from "react-icons/si";

type TabsContextProps = {