1/** @jsxImportSource https://esm.sh/preact */
2import { reactResponse } from "https://esm.town/v/moe/responses"
3
4export default (req: Request) => {
7 // console.log(qp)
8
9 return reactResponse(
10 <html>
11 <head>
1/** @jsxImportSource https://esm.sh/react */
2import React, { useState, useEffect } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4
5import sha256 from 'https://esm.sh/crypto-js/sha256';
18}
19
20async function reaction(channel: string, timestamp: string, name: string = "thumbsup") {
21 return await fetchJSON(
22 "https://slack.com/api/reactions.add",
23 {
24 headers: { "Authorization": `Bearer ${SLACK_BOT_TOKEN}` },
70 if (event.type === "message" && event.text.includes("what's up?")) {
71 await message(channel, "<@" + event.user + ">: all good!");
72 console.log("reaction", await reaction(channel, event.ts));
73 }
74 return Response.json({ ok: true });
1/** @jsxImportSource https://esm.sh/react */
2// import { faCoffee } from "npm:@fortawesome/free-solid-svg-icons";
3import {
9 faXTwitter,
10} from "npm:@fortawesome/free-brands-svg-icons";
11import { FontAwesomeIcon } from "npm:@fortawesome/react-fontawesome";
12import { renderToString } from "npm:react-dom/server";
13
14export default async function(req: Request) {
1A simple Slack chat bot prototype able to reply to mentions, channel messages containing keywords, add reactions and act on the slash commands.
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";
4
5const CANVAS_SIZE = 400;
1/** @jsxImportSource https://esm.sh/react */
2import React, { useEffect, useState } from "https://esm.sh/react";
3import { createRoot } from "https://esm.sh/react-dom/client";
4import { vtTokenSessionAuth } from "https://esm.town/v/stevekrouse/vtTokenSessionAuthSafe";
5
1/** @jsxImportSource https://esm.sh/react */
2import { Dispatch } from "https://esm.sh/react";
3
4export default function Home(
4HonoJs doesn't support render for async components so the style is off for the home page.
5
6And the state changes don't register in html rendering so thinking of using react instead.
7
8Migrated from folder: whoIsHiring/whoIsHiring
1// This approach will create a personal card using React and Lucide React icons.
2// We'll use ESM imports for React and Lucide icons.
3// The card will be responsive and styled using Tailwind CSS classes.
4
5/** @jsxImportSource https://esm.sh/react */
6import React from "https://esm.sh/react";
7import { createRoot } from "https://esm.sh/react-dom/client";
8import { FileText, Trophy, Briefcase, Palette, Book, MessageCircle } from "https://esm.sh/lucide-react";
9
10function PersonalCard() {
