create-jen-app 0.1.0

package/templates/static/node_modules/preact-render-to-string/src/internal.d.ts

@@ -0,0 +1,35 @@
+import { ComponentChildren, ComponentChild, VNode } from 'preact';
+
+interface Suspended {
+	id: string;
+	promise: Promise<any>;
+	context: any;
+	isSvgMode: boolean;
+	selectValue: any;
+	vnode: VNode;
+	parent: VNode | null;
+}
+
+interface RendererErrorHandler {
+	(
+		this: RendererState,
+		error: any,
+		vnode: VNode<{ fallback: any }>,
+		renderChild: (child: ComponentChildren, parent: ComponentChild) => string
+	): string | undefined;
+}
+
+interface RendererState {
+	start: number;
+	suspended: Suspended[];
+	abortSignal?: AbortSignal | undefined;
+	onWrite: (str: string) => void;
+	onError?: RendererErrorHandler;
+}
+
+interface RenderToChunksOptions {
+	context?: any;
+	onError?: (error: any) => void;
+	onWrite: (str: string) => void;
+	abortSignal?: AbortSignal;
+}

package/templates/static/node_modules/preact-render-to-string/src/jsx.d.ts

@@ -0,0 +1,24 @@
+import { VNode } from 'preact';
+
+interface Options {
+	jsx?: boolean;
+	xml?: boolean;
+	pretty?: boolean | string;
+	shallow?: boolean;
+	functions?: boolean;
+	functionNames?: boolean;
+	skipFalseAttributes?: boolean;
+}
+
+export default function renderToStringPretty(
+	vnode: VNode,
+	context?: any,
+	options?: Options
+): string;
+export function render(vnode: VNode, context?: any, options?: Options): string;
+
+export function shallowRender(
+	vnode: VNode,
+	context?: any,
+	options?: Options
+): string;

package/templates/static/node_modules/preact-render-to-string/src/jsx.js

@@ -0,0 +1,102 @@
+import './lib/polyfills.js';
+import renderToString from './pretty.js';
+import { indent, encodeEntities } from './lib/util.js';
+import prettyFormat from 'pretty-format';
+
+// we have to patch in Array support, Possible issue in npm.im/pretty-format
+let preactPlugin = {
+	test(object) {
+		return (
+			object &&
+			typeof object === 'object' &&
+			'type' in object &&
+			'props' in object &&
+			'key' in object
+		);
+	},
+	print(val) {
+		return renderToString(val, preactPlugin.context, preactPlugin.opts, true);
+	}
+};
+
+let prettyFormatOpts = {
+	plugins: [preactPlugin]
+};
+
+function attributeHook(name, value, context, opts, isComponent) {
+	let type = typeof value;
+
+	// Use render-to-string's built-in handling for these properties
+	if (name === 'dangerouslySetInnerHTML') return false;
+
+	// always skip null & undefined values, skip false DOM attributes, skip functions if told to
+	if (value == null || (type === 'function' && !opts.functions)) return '';
+
+	if (
+		opts.skipFalseAttributes &&
+		!isComponent &&
+		(value === false ||
+			((name === 'class' || name === 'style') && value === ''))
+	)
+		return '';
+
+	let indentChar = typeof opts.pretty === 'string' ? opts.pretty : '\t';
+	if (type !== 'string') {
+		if (type === 'function' && !opts.functionNames) {
+			value = 'Function';
+		} else {
+			preactPlugin.context = context;
+			preactPlugin.opts = opts;
+			value = prettyFormat(value, prettyFormatOpts);
+			if (~value.indexOf('\n')) {
+				value = `${indent('\n' + value, indentChar)}\n`;
+			}
+		}
+		return indent(`\n${name}={${value}}`, indentChar);
+	}
+	return `\n${indentChar}${name}="${encodeEntities(value)}"`;
+}
+
+let defaultOpts = {
+	attributeHook,
+	jsx: true,
+	xml: false,
+	functions: true,
+	functionNames: true,
+	skipFalseAttributes: true,
+	pretty: '  '
+};
+
+/**
+ * Render Preact JSX + Components to a pretty-printed HTML-like string.
+ * @param {VNode} vnode	JSX Element / VNode to render
+ * @param {Object} [context={}] Initial root context object
+ * @param {Object} [options={}] Rendering options
+ * @param {Boolean} [options.jsx=true] Generate JSX/XML output instead of HTML
+ * @param {Boolean} [options.xml=false] Use self-closing tags for elements without children
+ * @param {Boolean} [options.shallow=false] Serialize nested Components (`<Foo a="b" />`) instead of rendering
+ * @param {Boolean} [options.pretty=false] Add whitespace for readability
+ * @param {RegExp|undefined} [options.voidElements] RegeEx to define which element types are self-closing
+ * @returns {String} a pretty-printed HTML-like string
+ */
+export default function renderToStringPretty(vnode, context, options) {
+	const opts = Object.assign({}, defaultOpts, options || {});
+	if (!opts.jsx) opts.attributeHook = null;
+	return renderToString(vnode, context, opts);
+}
+export { renderToStringPretty as render };
+
+const SHALLOW = { shallow: true };
+
+/** Only render elements, leaving Components inline as `<ComponentName ... />`.
+ *	This method is just a convenience alias for `render(vnode, context, { shallow:true })`
+ *	@name shallow
+ *	@function
+ *	@param {VNode} vnode	JSX VNode to render.
+ *	@param {Object} [context={}]	Optionally pass an initial context object through the render path.
+ *	@param {Parameters<typeof renderToStringPretty>[2]} [options]	Optionally pass an initial context object through the render path.
+ */
+export function shallowRender(vnode, context, options) {
+	const opts = Object.assign({}, SHALLOW, options || {});
+	return renderToStringPretty(vnode, context, opts);
+}

package/templates/static/node_modules/preact-render-to-string/src/lib/chunked.js

@@ -0,0 +1,97 @@
+import { renderToString } from '../index.js';
+import { CHILD_DID_SUSPEND, COMPONENT, PARENT } from './constants.js';
+import { Deferred } from './util.js';
+import { createInitScript, createSubtree } from './client.js';
+
+/**
+ * @param {VNode} vnode
+ * @param {RenderToChunksOptions} options
+ * @returns {Promise<void>}
+ */
+export async function renderToChunks(vnode, { context, onWrite, abortSignal }) {
+	context = context || {};
+
+	/** @type {RendererState} */
+	const renderer = {
+		start: Date.now(),
+		abortSignal,
+		onWrite,
+		onError: handleError,
+		suspended: []
+	};
+
+	// Synchronously render the shell
+	// @ts-ignore - using third internal RendererState argument
+	const shell = renderToString(vnode, context, renderer);
+	onWrite(shell);
+
+	// Wait for any suspended sub-trees if there are any
+	const len = renderer.suspended.length;
+	if (len > 0) {
+		onWrite('<div hidden>');
+		onWrite(createInitScript(len));
+		// We should keep checking all promises
+		await forkPromises(renderer);
+		onWrite('</div>');
+	}
+}
+
+async function forkPromises(renderer) {
+	if (renderer.suspended.length > 0) {
+		const suspensions = [...renderer.suspended];
+		await Promise.all(renderer.suspended.map((s) => s.promise));
+		renderer.suspended = renderer.suspended.filter(
+			(s) => !suspensions.includes(s)
+		);
+		await forkPromises(renderer);
+	}
+}
+
+/** @type {RendererErrorHandler} */
+function handleError(error, vnode, renderChild) {
+	if (!error || !error.then) return;
+
+	// walk up to the Suspense boundary
+	while ((vnode = vnode[PARENT])) {
+		let component = vnode[COMPONENT];
+		if (component && component[CHILD_DID_SUSPEND]) {
+			break;
+		}
+	}
+
+	if (!vnode) return;
+
+	const id = vnode.__v;
+	const found = this.suspended.find((x) => x.id === id);
+	const race = new Deferred();
+
+	const abortSignal = this.abortSignal;
+	if (abortSignal) {
+		// @ts-ignore 2554 - implicit undefined arg
+		if (abortSignal.aborted) race.resolve();
+		else abortSignal.addEventListener('abort', race.resolve);
+	}
+
+	const promise = error.then(
+		() => {
+			if (abortSignal && abortSignal.aborted) return;
+			const child = renderChild(vnode.props.children, vnode);
+			if (child) this.onWrite(createSubtree(id, child));
+		},
+		// TODO: Abort and send hydration code snippet to client
+		// to attempt to recover during hydration
+		this.onError
+	);
+
+	this.suspended.push({
+		id,
+		vnode,
+		promise: Promise.race([promise, race.promise])
+	});
+
+	const fallback = renderChild(vnode.props.fallback);
+
+	return found
+		? ''
+		: `<!--preact-island:${id}-->${fallback}<!--/preact-island:${id}-->`;
+}

package/templates/static/node_modules/preact-render-to-string/src/lib/client.js

@@ -0,0 +1,62 @@
+/* eslint-disable no-var, key-spacing, object-curly-spacing, prefer-arrow-callback, semi, keyword-spacing */
+
+// function initPreactIslandElement() {
+// 	class PreactIslandElement extends HTMLElement {
+// 		connectedCallback() {
+// 			var d = this;
+// 			if (!d.isConnected) return;
+
+// 			let i = this.getAttribute('data-target');
+// 			if (!i) return;
+
+// 			var s,
+// 				e,
+// 				c = document.createNodeIterator(document, 128);
+// 			while (c.nextNode()) {
+// 				let n = c.referenceNode;
+
+// 				if (n.data == 'preact-island:' + i) s = n;
+// 				else if (n.data == '/preact-island:' + i) e = n;
+// 				if (s && e) break;
+// 			}
+// 			if (s && e) {
+// 				requestAnimationFrame(() => {
+// 					var p = e.previousSibling;
+// 					while (p != s) {
+// 						if (!p || p == s) break;
+// 						e.parentNode.removeChild(p);
+// 						p = e.previousSibling;
+// 					}
+
+// 					c = s;
+// 					while (d.firstChild) {
+// 						s = d.firstChild;
+// 						d.removeChild(s);
+// 						c.after(s);
+// 						c = s;
+// 					}
+
+// 					d.parentNode.removeChild(d);
+// 				});
+// 			}
+// 		}
+// 	}
+
+// 	customElements.define('preact-island', PreactIslandElement);
+// }
+
+// To modify the INIT_SCRIPT, uncomment the above code, modify it, and paste it into https://try.terser.org/.
+const INIT_SCRIPT = `class e extends HTMLElement{connectedCallback(){var e=this;if(!e.isConnected)return;let t=this.getAttribute("data-target");if(t){for(var r,a,i=document.createNodeIterator(document,128);i.nextNode();){let e=i.referenceNode;if(e.data=="preact-island:"+t?r=e:e.data=="/preact-island:"+t&&(a=e),r&&a)break}r&&a&&requestAnimationFrame((()=>{for(var t=a.previousSibling;t!=r&&t&&t!=r;)a.parentNode.removeChild(t),t=a.previousSibling;for(i=r;e.firstChild;)r=e.firstChild,e.removeChild(r),i.after(r),i=r;e.parentNode.removeChild(e)}))}}}customElements.define("preact-island",e);`;
+
+export function createInitScript() {
+	return `<script>(function(){${INIT_SCRIPT}}())</script>`;
+}
+
+/**
+ * @param {string} id
+ * @param {string} content
+ * @returns {string}
+ */
+export function createSubtree(id, content) {
+	return `<preact-island hidden data-target="${id}">${content}</preact-island>`;
+}

package/templates/static/node_modules/preact-render-to-string/src/lib/constants.js

@@ -0,0 +1,20 @@
+// Options hooks
+export const DIFF = '__b';
+export const RENDER = '__r';
+export const DIFFED = 'diffed';
+export const COMMIT = '__c';
+export const SKIP_EFFECTS = '__s';
+export const CATCH_ERROR = '__e';
+
+// VNode properties
+export const COMPONENT = '__c';
+export const CHILDREN = '__k';
+export const PARENT = '__';
+export const MASK = '__m';
+
+// Component properties
+export const VNODE = '__v';
+export const DIRTY = '__d';
+export const BITS = '__g';
+export const NEXT_STATE = '__s';
+export const CHILD_DID_SUSPEND = '__c';

package/templates/static/node_modules/preact-render-to-string/src/lib/polyfills.js

@@ -0,0 +1,8 @@
+if (typeof Symbol !== 'function') {
+	let c = 0;
+	// oxlint-disable-next-line no-global-assign
+	Symbol = function (s) {
+		return `@@${s}${++c}`;
+	};
+	Symbol.for = (s) => `@@${s}`;
+}

package/templates/static/node_modules/preact-render-to-string/src/lib/util.js

@@ -0,0 +1,208 @@
+import { DIRTY, BITS } from './constants';
+
+export const VOID_ELEMENTS = /^(?:area|base|br|col|embed|hr|img|input|link|meta|param|source|track|wbr)$/;
+// oxlint-disable-next-line no-control-regex
+export const UNSAFE_NAME = /[\s\n\\/='"\0<>]/;
+export const NAMESPACE_REPLACE_REGEX = /^(xlink|xmlns|xml)([A-Z])/;
+export const HTML_LOWER_CASE = /^(?:accessK|auto[A-Z]|cell|ch|col|cont|cross|dateT|encT|form[A-Z]|frame|hrefL|inputM|maxL|minL|noV|playsI|popoverT|readO|rowS|src[A-Z]|tabI|useM|item[A-Z])/;
+export const SVG_CAMEL_CASE = /^ac|^ali|arabic|basel|cap|clipPath$|clipRule$|color|dominant|enable|fill|flood|font|glyph[^R]|horiz|image|letter|lighting|marker[^WUH]|overline|panose|pointe|paint|rendering|shape|stop|strikethrough|stroke|text[^L]|transform|underline|unicode|units|^v[^i]|^w|^xH/;
+
+// Boolean DOM properties that translate to enumerated ('true'/'false') attributes
+export const HTML_ENUMERATED = new Set(['draggable', 'spellcheck']);
+
+export const COMPONENT_DIRTY_BIT = 1 << 3;
+export function setDirty(component) {
+	if (component[BITS] !== undefined) {
+		component[BITS] |= COMPONENT_DIRTY_BIT;
+	} else {
+		component[DIRTY] = true;
+	}
+}
+
+export function unsetDirty(component) {
+	if (component.__g !== undefined) {
+		component.__g &= ~COMPONENT_DIRTY_BIT;
+	} else {
+		component[DIRTY] = false;
+	}
+}
+
+export function isDirty(component) {
+	if (component.__g !== undefined) {
+		return (component.__g & COMPONENT_DIRTY_BIT) !== 0;
+	}
+	return component[DIRTY] === true;
+}
+
+// DOM properties that should NOT have "px" added when numeric
+const ENCODED_ENTITIES = /["&<]/;
+
+/** @param {string} str */
+export function encodeEntities(str) {
+	// Skip all work for strings with no entities needing encoding:
+	if (str.length === 0 || ENCODED_ENTITIES.test(str) === false) return str;
+
+	let last = 0,
+		i = 0,
+		out = '',
+		ch = '';
+
+	// Seek forward in str until the next entity char:
+	for (; i < str.length; i++) {
+		switch (str.charCodeAt(i)) {
+			case 34:
+				ch = '&quot;';
+				break;
+			case 38:
+				ch = '&amp;';
+				break;
+			case 60:
+				ch = '&lt;';
+				break;
+			default:
+				continue;
+		}
+		// Append skipped/buffered characters and the encoded entity:
+		if (i !== last) out = out + str.slice(last, i);
+		out = out + ch;
+		// Start the next seek/buffer after the entity's offset:
+		last = i + 1;
+	}
+	if (i !== last) out = out + str.slice(last, i);
+	return out;
+}
+
+export let indent = (s, char) =>
+	String(s).replace(/(\n+)/g, '$1' + (char || '\t'));
+
+export let isLargeString = (s, length, ignoreLines) =>
+	String(s).length > (length || 40) ||
+	(!ignoreLines && String(s).indexOf('\n') !== -1) ||
+	String(s).indexOf('<') !== -1;
+
+const JS_TO_CSS = {};
+
+const IS_NON_DIMENSIONAL = new Set([
+	'animation-iteration-count',
+	'border-image-outset',
+	'border-image-slice',
+	'border-image-width',
+	'box-flex',
+	'box-flex-group',
+	'box-ordinal-group',
+	'column-count',
+	'fill-opacity',
+	'flex',
+	'flex-grow',
+	'flex-negative',
+	'flex-order',
+	'flex-positive',
+	'flex-shrink',
+	'flood-opacity',
+	'font-weight',
+	'grid-column',
+	'grid-row',
+	'line-clamp',
+	'line-height',
+	'opacity',
+	'order',
+	'orphans',
+	'stop-opacity',
+	'stroke-dasharray',
+	'stroke-dashoffset',
+	'stroke-miterlimit',
+	'stroke-opacity',
+	'stroke-width',
+	'tab-size',
+	'widows',
+	'z-index',
+	'zoom'
+]);
+
+const CSS_REGEX = /[A-Z]/g;
+// Convert an Object style to a CSSText string
+export function styleObjToCss(s) {
+	let str = '';
+	for (let prop in s) {
+		let val = s[prop];
+		if (val != null && val !== '') {
+			const name =
+				prop[0] == '-'
+					? prop
+					: JS_TO_CSS[prop] ||
+					  (JS_TO_CSS[prop] = prop.replace(CSS_REGEX, '-$&').toLowerCase());
+
+			let suffix = ';';
+			if (
+				typeof val === 'number' &&
+				// Exclude custom-attributes
+				!name.startsWith('--') &&
+				!IS_NON_DIMENSIONAL.has(name)
+			) {
+				suffix = 'px;';
+			}
+			str = str + name + ':' + val + suffix;
+		}
+	}
+	return str || undefined;
+}
+
+/**
+ * Get flattened children from the children prop
+ * @param {Array} accumulator
+ * @param {any} children A `props.children` opaque object.
+ * @returns {Array} accumulator
+ * @private
+ */
+export function getChildren(accumulator, children) {
+	if (Array.isArray(children)) {
+		children.reduce(getChildren, accumulator);
+	} else if (children != null && children !== false) {
+		accumulator.push(children);
+	}
+	return accumulator;
+}
+
+function markAsDirty() {
+	this.__d = true;
+}
+
+export function createComponent(vnode, context) {
+	return {
+		__v: vnode,
+		context,
+		props: vnode.props,
+		// silently drop state updates
+		setState: markAsDirty,
+		forceUpdate: markAsDirty,
+		__d: true,
+		// hooks
+		// oxlint-disable-next-line no-new-array
+		__h: new Array(0)
+	};
+}
+
+// Necessary for createContext api. Setting this property will pass
+// the context value as `this.context` just for this component.
+export function getContext(nodeName, context) {
+	let cxType = nodeName.contextType;
+	let provider = cxType && context[cxType.__c];
+	return cxType != null
+		? provider
+			? provider.props.value
+			: cxType.__
+		: context;
+}
+
+/**
+ * @template T
+ */
+export class Deferred {
+	constructor() {
+		/** @type {Promise<T>} */
+		this.promise = new Promise((resolve, reject) => {
+			this.resolve = resolve;
+			this.reject = reject;
+		});
+	}
+}