├── static
    ├── favicon.ico
    └── logo.svg
├── .vscode
    ├── extensions.json
    └── settings.json
├── twind.config.ts
├── dev.ts
├── routes
    ├── [name].tsx
    ├── index.tsx
    └── api
    │   └── joke.ts
├── README.md
├── deno.json
├── components
    └── Button.tsx
├── main.ts
├── import_map.json
├── islands
    └── Counter.tsx
└── fresh.gen.ts


/static/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/midudev/campanadas.dev/main/static/favicon.ico


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
1 | {
2 |   "recommendations": [
3 |     "denoland.vscode-deno",
4 |     "sastan.twind-intellisense"
5 |   ]
6 | }
7 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
1 | {
2 |   "deno.enable": true,
3 |   "deno.lint": true,
4 |   "editor.defaultFormatter": "denoland.vscode-deno"
5 | }
6 | 


--------------------------------------------------------------------------------
/twind.config.ts:
--------------------------------------------------------------------------------
1 | import { Options } from "$fresh/plugins/twind.ts";
2 | 
3 | export default {
4 |   selfURL: import.meta.url,
5 | } as Options;
6 | 


--------------------------------------------------------------------------------
/dev.ts:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env -S deno run -A --watch=static/,routes/
2 | 
3 | import dev from "$fresh/dev.ts";
4 | 
5 | await dev(import.meta.url, "./main.ts");
6 | 


--------------------------------------------------------------------------------
/routes/[name].tsx:
--------------------------------------------------------------------------------
1 | import { PageProps } from "$fresh/server.ts";
2 | 
3 | export default function Greet(props: PageProps) {
4 |   return <div>Hello {props.params.name}</div>;
5 | }
6 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # fresh project
 2 | 
 3 | ### Usage
 4 | 
 5 | Start the project:
 6 | 
 7 | ```
 8 | deno task start
 9 | ```
10 | 
11 | This will watch the project directory and restart as necessary.
12 | 


--------------------------------------------------------------------------------
/deno.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "tasks": {
 3 |     "start": "deno run -A --watch=static/,routes/ dev.ts"
 4 |   },
 5 |   "importMap": "./import_map.json",
 6 |   "compilerOptions": {
 7 |     "jsx": "react-jsx",
 8 |     "jsxImportSource": "preact"
 9 |   }
10 | }
11 | 


--------------------------------------------------------------------------------
/components/Button.tsx:
--------------------------------------------------------------------------------
 1 | import { JSX } from "preact";
 2 | import { IS_BROWSER } from "$fresh/runtime.ts";
 3 | 
 4 | export function Button(props: JSX.HTMLAttributes<HTMLButtonElement>) {
 5 |   return (
 6 |     <button
 7 |       {...props}
 8 |       disabled={!IS_BROWSER || props.disabled}
 9 |       class="px-2 py-1 border(gray-100 2) hover:bg-gray-200"
10 |     />
11 |   );
12 | }
13 | 


--------------------------------------------------------------------------------
/main.ts:
--------------------------------------------------------------------------------
 1 | /// <reference no-default-lib="true" />
 2 | /// <reference lib="dom" />
 3 | /// <reference lib="dom.iterable" />
 4 | /// <reference lib="dom.asynciterable" />
 5 | /// <reference lib="deno.ns" />
 6 | 
 7 | import { start } from "$fresh/server.ts";
 8 | import manifest from "./fresh.gen.ts";
 9 | 
10 | import twindPlugin from "$fresh/plugins/twind.ts";
11 | import twindConfig from "./twind.config.ts";
12 | 
13 | await start(manifest, { plugins: [twindPlugin(twindConfig)] });
14 | 


--------------------------------------------------------------------------------
/import_map.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "imports": {
 3 |     "$fresh/": "https://deno.land/x/fresh@1.1.2/",
 4 |     "preact": "https://esm.sh/preact@10.11.0",
 5 |     "preact/": "https://esm.sh/preact@10.11.0/",
 6 |     "preact-render-to-string": "https://esm.sh/*preact-render-to-string@5.2.4",
 7 |     "@preact/signals": "https://esm.sh/*@preact/signals@1.0.3",
 8 |     "@preact/signals-core": "https://esm.sh/*@preact/signals-core@1.0.1",
 9 |     "twind": "https://esm.sh/twind@0.16.17",
10 |     "twind/": "https://esm.sh/twind@0.16.17/"
11 |   }
12 | }
13 | 


--------------------------------------------------------------------------------
/islands/Counter.tsx:
--------------------------------------------------------------------------------
 1 | import { useState } from "preact/hooks";
 2 | import { Button } from "../components/Button.tsx";
 3 | 
 4 | interface CounterProps {
 5 |   start: number;
 6 | }
 7 | 
 8 | export default function Counter(props: CounterProps) {
 9 |   const [count, setCount] = useState(props.start);
10 |   return (
11 |     <div class="flex gap-2 w-full">
12 |       <p class="flex-grow-1 font-bold text-xl">{count}</p>
13 |       <Button onClick={() => setCount(count - 1)}>-1</Button>
14 |       <Button onClick={() => setCount(count + 1)}>+1</Button>
15 |     </div>
16 |   );
17 | }
18 | 


--------------------------------------------------------------------------------
/routes/index.tsx:
--------------------------------------------------------------------------------
 1 | import { Head } from "$fresh/runtime.ts";
 2 | import Counter from "../islands/Counter.tsx";
 3 | 
 4 | export default function Home() {
 5 |   return (
 6 |     <>
 7 |       <Head>
 8 |         <title>Fresh App</title>
 9 |       </Head>
10 |       <div class="p-4 mx-auto max-w-screen-md">
11 |         <img
12 |           src="/logo.svg"
13 |           class="w-32 h-32"
14 |           alt="the fresh logo: a sliced lemon dripping with juice"
15 |         />
16 |         <p class="my-6">
17 |           Welcome to `fresh`. Try updating this message in the ./routes/index.tsx
18 |           file, and refresh.
19 |         </p>
20 |         <Counter start={3} />
21 |       </div>
22 |     </>
23 |   );
24 | }
25 | 


--------------------------------------------------------------------------------
/fresh.gen.ts:
--------------------------------------------------------------------------------
 1 | // DO NOT EDIT. This file is generated by fresh.
 2 | // This file SHOULD be checked into source version control.
 3 | // This file is automatically updated during development when running `dev.ts`.
 4 | 
 5 | import config from "./deno.json" assert { type: "json" };
 6 | import * as $0 from "./routes/[name].tsx";
 7 | import * as $1 from "./routes/api/joke.ts";
 8 | import * as $2 from "./routes/index.tsx";
 9 | import * as $$0 from "./islands/Counter.tsx";
10 | 
11 | const manifest = {
12 |   routes: {
13 |     "./routes/[name].tsx": $0,
14 |     "./routes/api/joke.ts": $1,
15 |     "./routes/index.tsx": $2,
16 |   },
17 |   islands: {
18 |     "./islands/Counter.tsx": $$0,
19 |   },
20 |   baseUrl: import.meta.url,
21 |   config,
22 | };
23 | 
24 | export default manifest;
25 | 


--------------------------------------------------------------------------------
/static/logo.svg:
--------------------------------------------------------------------------------
1 | <svg width="40" height="40" fill="none" xmlns="http://www.w3.org/2000/svg">
2 |   <path d="M34.092 8.845C38.929 20.652 34.092 27 30 30.5c1 3.5-2.986 4.222-4.5 2.5-4.457 1.537-13.512 1.487-20-5C2 24.5 4.73 16.714 14 11.5c8-4.5 16-7 20.092-2.655Z" fill="#FFDB1E"/>
3 |   <path d="M14 11.5c6.848-4.497 15.025-6.38 18.368-3.47C37.5 12.5 21.5 22.612 15.5 25c-6.5 2.587-3 8.5-6.5 8.5-3 0-2.5-4-5.183-7.75C2.232 23.535 6.16 16.648 14 11.5Z" fill="#fff" stroke="#FFDB1E"/>
4 |   <path d="M28.535 8.772c4.645 1.25-.365 5.695-4.303 8.536-3.732 2.692-6.606 4.21-7.923 4.83-.366.173-1.617-2.252-1.617-1 0 .417-.7 2.238-.934 2.326-1.365.512-4.223 1.29-5.835 1.29-3.491 0-1.923-4.754 3.014-9.122.892-.789 1.478-.645 2.283-.645-.537-.773-.534-.917.403-1.546C17.79 10.64 23 8.77 25.212 8.42c.366.014.82.35.82.629.41-.14 2.095-.388 2.503-.278Z" fill="#FFE600"/>
5 |   <path d="M14.297 16.49c.985-.747 1.644-1.01 2.099-2.526.566.121.841-.08 1.29-.701.324.466 1.657.608 2.453.701-.715.451-1.057.852-1.452 2.106-1.464-.611-3.167-.302-4.39.42Z" fill="#fff"/>
6 | </svg>


--------------------------------------------------------------------------------
/routes/api/joke.ts:
--------------------------------------------------------------------------------
 1 | import { HandlerContext } from "$fresh/server.ts";
 2 | 
 3 | // Jokes courtesy of https://punsandoneliners.com/randomness/programmer-jokes/
 4 | const JOKES = [
 5 |   "Why do Java developers often wear glasses? They can't C#.",
 6 |   "A SQL query walks into a bar, goes up to two tables and says “can I join you?”",
 7 |   "Wasn't hard to crack Forrest Gump's password. 1forrest1.",
 8 |   "I love pressing the F5 key. It's refreshing.",
 9 |   "Called IT support and a chap from Australia came to fix my network connection.  I asked “Do you come from a LAN down under?”",
10 |   "There are 10 types of people in the world. Those who understand binary and those who don't.",
11 |   "Why are assembly programmers often wet? They work below C level.",
12 |   "My favourite computer based band is the Black IPs.",
13 |   "What programme do you use to predict the music tastes of former US presidential candidates? An Al Gore Rhythm.",
14 |   "An SEO expert walked into a bar, pub, inn, tavern, hostelry, public house.",
15 | ];
16 | 
17 | export const handler = (_req: Request, _ctx: HandlerContext): Response => {
18 |   const randomIndex = Math.floor(Math.random() * JOKES.length);
19 |   const body = JOKES[randomIndex];
20 |   return new Response(body);
21 | };
22 | 


--------------------------------------------------------------------------------