vojtaholik

import "@johnlindquist/kit"
    
// Menu: App Launcher
// Description: Search for an app then launch it
// Author: John Lindquist
// Twitter: @johnlindquist

let createChoices = async () => {
  let apps = await fileSearch("", {
    onlyin: "/",

vojtaholik

// Menu: Emoji
// Shortcut: option cmd e
// Twitter: @vjthlk
// Author: Vojta Holik

/** @type {import("@johnlindquist/kit")} */

import "@johnlindquist/kit";

const { emojis, write } = await db("emojis-db", {

vojtaholik

// kitapp/src/components/splash.tsx

/* eslint-disable no-nested-ternary */
import React, { useCallback, useEffect, useRef, useState } from 'react';
import { AnimateSharedLayout, motion } from 'framer-motion';
import { useAtom } from 'jotai';
import {
  appConfigAtom,
  getAssetAtom,
  runMainScriptAtom,

vojtaholik

import "@johnlindquist/kit"
    
// Menu: App Launcher
// Description: Search for an app then launch it
// Author: John Lindquist
// Twitter: @johnlindquist

let createChoices = async () => {
  let apps = await fileSearch("", {
    onlyin: "/",

vojtaholik

// kitapp/src/components/splash.tsx

/* eslint-disable no-nested-ternary */
import React from 'react';
import { motion, useAnimation } from 'framer-motion';
import { useAtom } from 'jotai';
import {
  appConfigAtom,
  getAssetAtom,
  isReadyAtom,

vojtaholik

const videoMachine = Machine({
  id: "video",
  initial: "loading",

  context: {
    video: null,
    duration: 0,
    elapsed: 0,
    lastAction: undefined,

vojtaholik

WEBVTT

note
00:01:30.000 --> 00:01:40.000
{"text":"## Community Notes\n Jacob Paris has a great [set of notes](https://www.jacobparis.com/blog/notes-real-time-chat-supabase-next) for this course.","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":90,"end":100}

note
00:01:10.000 --> 00:01:28.000
{"text":"After creating the project in Supabase, Supabase will create two main things for us:\n 1.  Building a Database, which will be a [PostgresSQL](https://www.postgresql.org/) database.\n2.  Attach a rest API, as well as real-time subscription support.\n You can find Supabase documentation [here](https://supabase.io/docs).","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":70,"end":88}

vojtaholik

WEBVTT

note
00:05:30.000 --> 00:05:45.000
{"text":"JSX's interpolation of JavaScript is not unique. You can also interpolate JavaScript within HTML using `<script>` tags!","type":"staff","image":"https://d2eip9sf3oo6c2.cloudfront.net/tags/images/000/001/033/thumb/eggheadlogo.png","start":330,"end":345}

note
00:04:40.000 --> 00:04:42.000
{"start":280,"end":282,"text":"test","type":"learner","image":"https://d2eip9sf3oo6c2.cloudfront.net/users/avatars/000/173/301/medium/m2.png"}

vojtaholik

WEBVTT

note
00:01:30.000 --> 00:01:40.000
{"text":"## Community Notes\n Jacob Paris has a great [set of notes](https://www.jacobparis.com/blog/notes-real-time-chat-supabase-next) for this course.","type":"staff","start":90,"end":100}

note
00:01:10.000 --> 00:01:28.000
{"text":"After creating the project in Supabase, Supabase will create two main things for us:\n 1.  Building a Database, which will be a [PostgresSQL](https://www.postgresql.org/) database.\n2.  Attach a rest API, as well as real-time subscription support.\n You can find Supabase documentation [here](https://supabase.io/docs).","type":"staff","start":70,"end":88}

vojtaholik

// Name: Theme Playground

/** @type {import("@johnlindquist/kit")} */
import "@johnlindquist/kit";

let someMarkdown = md(`
# This is a Preview

> Yay!