Val Town Code SearchReturn to Val Town

1/** @jsxImportSource https://esm.sh/preact */
2import { generateNewsletterJsx } from "https://esm.town/v/petermillspaugh/generateNewsletterJsx";
3import { getJune2024Newsletter } from "https://esm.town/v/petermillspaugh/june2024";
4import { email as sendEmail } from "https://esm.town/v/std/email?v=11";
5import { render } from "npm:preact-render-to-string";
6
7export function sendTestEmailNewsletter(interval: Interval) {

1/** @jsxImportSource https://esm.sh/preact */
2import { JSX } from "npm:preact";
3
4interface NewsletterJsxParams {

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/** @jsxImportSource https://esm.sh/react */
2import { analyticsHandlerWrapper } from "https://esm.town/v/maxm/valTownAnalytics";
3import { Chess, Move, Square } from "npm:chess.js";
4import minify from "npm:css-simple-minifier";
5import { renderToString } from "npm:react-dom/server";
6
7class StaticChess {

1/** @jsxImportSource https://esm.sh/react */
2import { resumeConfig } from "https://esm.town/v/ajax/resumeConfig";
3import { helloResume } from "https://esm.town/v/iamseeley/helloResume";

1/** @jsxImportSource https://esm.sh/react */
2import hljs from "npm:highlight.js";
3import { renderToString } from "npm:react-dom/server";
4
5// Example code snippet

1/** @jsxImportSource https://esm.sh/react */
2import { renderToString } from "npm:react-dom/server";
3
4export default async function(req: Request) {

1/**
2 * @title Client-Side Rendered React App
3 * @description Create a personal portfolio website with client-side rendering using React and React Router.
4 */
5import { websiteStyles } from "https://esm.town/v/iamseeley/websiteStyles";
13      <meta charset="UTF-8">
14      <meta name="viewport" content="width=device-width, initial-scale=1.0">
15      <title>${personalData.name} | Client-side React via CDN</title>
16      <script src="https://cdn.jsdelivr.net/npm/react@17.0.2/umd/react.production.min.js"></script>
17      <script src="https://cdn.jsdelivr.net/npm/react-dom@17.0.2/umd/react-dom.production.min.js"></script>
18      <script src="https://cdn.jsdelivr.net/npm/react-router-dom@5.2.0/umd/react-router-dom.min.js"></script>
19      <script src="https://cdn.jsdelivr.net/npm/@babel/standalone@7.14.5/babel.min.js"></script>
20      <style>
25      <div id="root"></div>
26      <script type="text/babel">
27        const { useState, useEffect } = React;
28        const { BrowserRouter, Route, NavLink, Switch } = ReactRouterDOM;
29
30        const Navigation = () => (
40            <h2>Welcome to My Portfolio</h2>
41            <p>${personalData.summary}</p>
42            <p><strong>This website is rendered client-side with React.</strong></p>
43            <p>Check out the <a href='https://www.val.town/v/iamseeley/clientMultirouteReact'>source</a> and start building your own site!</p>
44          </div>
45        );
94        );
95
96        ReactDOM.render(<App />, document.getElementById('root'));
97      </script>
98    </body>

1/**
2 * @title Multi-Route Website with Preact
3 * @description Create a personal portfolio website with multiple pages using Preact and server-side rendering.
4 */
5/** @jsxImportSource npm:preact */
6import { h } from 'npm:preact';
7import renderToString from 'npm:preact-render-to-string';
8import { websiteStyles } from "https://esm.town/v/iamseeley/websiteStyles";
9import { personalData } from "https://esm.town/v/iamseeley/personalData";
35      <h2>Welcome to My Portfolio</h2>
36      <p>{personalData.summary}</p>
37      <p><strong>This website is rendered server-side with Preact.</strong></p>
38      <p>Check out the <a href='https://www.val.town/v/iamseeley/multiroutePreact'>source</a> and start building your own site!</p>
39    </main>
40  </div>
105        <meta charset="UTF-8">
106        <meta name="viewport" content="width=device-width, initial-scale=1.0">
107        <title>${personalData.name} | Server-side Preact</title>
108        <style>
109          ${websiteStyles}