Val Town Code SearchReturn to Val Town

1# Routine Tracker
2
3This is a little React component to make our 7yo's after school routine self-serve so she can be a bit more independent after school.
4
5To change the items in the list, modify the `routineTasks` array of objects:

1/** @jsxImportSource https://esm.sh/react */
2import confetti from "https://esm.sh/canvas-confetti@1.6.0";
3import React, { useEffect, useRef, useState } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6const routineTasks = [

1/** @jsxImportSource https://esm.sh/react */
2import { sqlite } from "https://esm.town/v/std/sqlite?v=6";
3import { html } from "https://esm.town/v/stevekrouse/html";
4import { SparklineSVG } from "https://esm.town/v/stevekrouse/sparklineSVGReact";
5import { renderToString } from "npm:react-dom/server";
6
7function StatusRow({ rows }) {

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function Popup({ isOpen, onClose, content }) {

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5function App() {

1
2/** @jsxImportSource https://esm.sh/react */
3import React, { useState, useEffect, useRef } from "https://esm.sh/react";
4import { createRoot } from "https://esm.sh/react-dom/client";
5
6function App() {

1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect, useRef } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { TransformWrapper, TransformComponent } from 'https://esm.sh/react-zoom-pan-pinch';
5import { CSVLink } from "https://esm.sh/react-csv";
6
7const regionData = {

1/** @jsxImportSource https://esm.sh/react@18.2.0 */
2import { HTML5Backend } from "https://esm.sh/react-dnd-html5-backend@16.0.1";
3import { DndProvider, useDrag, useDrop } from "https://esm.sh/react-dnd@16.0.1";
4import { createRoot } from "https://esm.sh/react-dom@18.2.0/client";
5import React, {
6  forwardRef,
7  useCallback,
10  useRef,
11  useState,
12} from "https://esm.sh/react@18.2.0";
13
14const MODELS = ["llama3.1-8b", "llama3.1-70b"];

2
3
4console.log(globalThis.React)