@fc3/mmcadi 0.1.0

package/src/server/result-serializer/settings.ts

@@ -0,0 +1,85 @@
+import Emoji from 'enum/emoji';
+import ToolType from 'enum/tool-type';
+import PageType from 'client/enum/page-type';
+import BaseResultSerializer from 'server/result-serializer/base';
+import AccountSettings from 'type/account-settings';
+import serializeTimePlaceOptions from 'server/result-serializer/common/time-place-options';
+import getEmojiForToolType from 'server/utility/get-emoji-for-tool-type';
+
+class SettingsResultSerializer extends BaseResultSerializer<AccountSettings> {
+	protected getTitle(): string {
+		return 'settings';
+	}
+
+	protected serializeSections(): string {
+		const {tool_types, default_time_place_visibility} = this.getResult();
+
+		const tool_headers = Object.values(ToolType).map((tool_type) => {
+			const emoji = getEmojiForToolType(tool_type);
+
+			return `
+				<td>
+					<label for="tool-type-${tool_type}">
+						<span class="text-very-large">${emoji}</span>
+					</label>
+				</td>
+			`;
+		});
+
+		const tool_checkboxes = Object.values(ToolType).map((tool_type) => {
+			const checked = tool_types.includes(tool_type) ? 'checked' : '';
+
+			return `
+				<td>
+					<input name="tool_types" id="tool-type-${tool_type}" type="checkbox" value="${tool_type}" ${checked} />
+				</td>
+			`;
+		});
+
+		const time_place_options = serializeTimePlaceOptions(default_time_place_visibility);
+
+		return `
+			<section class="grey">
+				<form action="/settings" method="POST">
+					<fieldset>
+						<legend>username:</legend>
+						<input type="text" name="username" placeholder="username" autofocus />
+					</fieldset>
+
+					<fieldset>
+						<legend>toolbar:</legend>
+
+						<table class="fixed">
+							<thead>
+								<tr>
+									${tool_headers.join('\n')}
+								</tr>
+							</thead>
+							<tbody>
+								<tr>
+									${tool_checkboxes.join('\n')}
+								</tr>
+							</tbody>
+						</table>
+					</fieldset>
+
+					<fieldset>
+						<legend>default time/place visibility:</legend>
+
+						${time_place_options}
+					</fieldset>
+
+					<button class="mt-32 biglink green" type="submit">
+						submit ${Emoji.RIGHT_ARROW_UNICODE}
+					</button>
+				</form>
+			</section>
+		`;
+	}
+
+	protected getPageType(): PageType {
+		return PageType.SETTINGS;
+	}
+}
+
+export default SettingsResultSerializer;

package/src/server/result-serializer/week.ts

@@ -0,0 +1,195 @@
+import {getMaxValue} from 'lib/array';
+import {randomElement, randomNumber} from 'lib/random';
+
+import Emoji from 'enum/emoji';
+import Week from 'type/week';
+import BaseResultSerializer from 'server/result-serializer/base';
+import dateToPath from 'server/utility/date-to-path';
+import dateLessThan from 'server/utility/date-less-than';
+import PageType from 'client/enum/page-type';
+import BlockType from 'enum/block-type';
+import getMonthName from 'server/utility/get-month-name';
+import weekToPath from 'server/utility/week-to-path';
+import weekToDate from 'server/utility/week-to-date';
+import getEndOfWeek from 'server/utility/get-end-of-week';
+import addDays from 'server/utility/add-days';
+import getEmojiForBlockType from 'server/utility/get-emoji-for-block-type';
+import getWeekdayName from 'server/utility/get-weekday-name';
+import datesAreEqual from 'server/utility/dates-are-equal';
+import createDate from 'server/utility/create-date';
+import getStartOfWeek from 'server/utility/get-start-of-week';
+import getNextWeek from 'server/utility/get-next-week';
+import monthToPath from 'server/utility/month-to-path';
+import getPreviousWeek from 'server/utility/get-previous-week';
+import createToastPath from 'server/utility/create-toast-path';
+import Color from 'enum/color';
+
+const MEDIA_BLOCK_TYPES = [
+	BlockType.IMAGE,
+	BlockType.AUDIO,
+	BlockType.NOTE
+];
+
+class WeekResultSerializer extends BaseResultSerializer<Week> {
+	protected serializeSections(): string {
+		const serialized_days: string[] = [];
+		const target_date = this.getTargetDate();
+		const block_types_by_date: Record<string, BlockType[]> = {};
+
+		let current_date = getStartOfWeek(target_date);
+
+		while (dateLessThan(current_date, getNextWeek(target_date))) {
+			const max_blocks = 60;
+			const block_count = randomNumber(0, max_blocks);
+			const blocks: BlockType[] = [];
+
+			while (blocks.length < block_count) {
+				const block_type = randomElement(MEDIA_BLOCK_TYPES) as BlockType;
+				blocks.push(block_type);
+			}
+
+			const date_path = dateToPath(current_date);
+
+			block_types_by_date[date_path] = blocks;
+			current_date = addDays(current_date, 1);
+		}
+
+		const block_lengths = Object.values(block_types_by_date).map((blocks) => {
+			return blocks.length;
+		});
+
+		const max_block_count = getMaxValue(block_lengths);
+		// We want each row to be 4 cells wide.
+		const normalized_max = Math.ceil(max_block_count / 4) * 4;
+		const reticule = '<div class="focus-reticule scaling"></div>';
+		const today = createDate();
+		const today_toast_message = `${Emoji.SUNSHINE} today ${Emoji.SUNSHINE}`;
+
+		current_date = getStartOfWeek(target_date);
+
+		while (dateLessThan(current_date, getNextWeek(target_date))) {
+			const day_name = getWeekdayName(current_date);
+			const base_path = dateToPath(current_date);
+			const day_number = current_date.getUTCDate();
+			const truncated_day_name = day_name.slice(0, 3);
+			const date_is_today = datesAreEqual(current_date, today);
+			const today_prefix = date_is_today ? Emoji.SUNSHINE : '';
+			const reticule_markup = date_is_today ? reticule : '';
+
+			const date_path = (() => {
+				if (date_is_today) {
+					return createToastPath(base_path, {
+						message: today_toast_message,
+						color: Color.YELLOW
+					});
+				} else {
+					return base_path;
+				}
+			})();
+
+			const serialized_blocks: string[] = [];
+			const blocks = block_types_by_date[base_path];
+
+			let index = 0;
+
+			while (index < normalized_max) {
+				if (index < blocks.length) {
+					const block_type = blocks[index];
+					const block_emoji = getEmojiForBlockType(block_type);
+
+					serialized_blocks.push(`
+						<a href="${base_path}?block=${index}" class="weekday-post ${block_type}">
+							${block_emoji}
+						</a>
+					`);
+				} else {
+					serialized_blocks.push(`
+						<a href="${date_path}" class="weekday-post">
+							&nbsp;
+						</a>
+					`);
+				}
+
+				index++;
+			}
+
+			serialized_days.push(`
+				<td class="weekday">
+					<span class="biglink">
+						<div class="focus-reticule-container">
+							${reticule_markup}
+							<a href="${date_path}" class="weekday-name">${truncated_day_name}</a>
+							<a href="${date_path}" class="weekday-date">${today_prefix}${day_number}</a>
+						</div>
+						<span class="weekday-posts" aria-label="19 posts on sunday">
+							${serialized_blocks.join('\n')}
+						</span>
+					</span>
+				</td>
+			`);
+
+			current_date = addDays(current_date, 1);
+		}
+
+		const predominant_week = getEndOfWeek(target_date);
+		const predominant_month = getStartOfWeek(predominant_week);
+		const month_name = getMonthName(predominant_month);
+		const month_path = monthToPath(predominant_month);
+		const year = predominant_month.getUTCFullYear();
+		const previous_week_path = weekToPath(getPreviousWeek(predominant_week));
+		const next_week_path = weekToPath(getNextWeek(predominant_week));
+
+		return `
+			<table>
+				<thead>
+					<tr>
+						<th class="no-background">
+						</th>
+						<th>
+							<a class="biglink mb-8" href="${month_path}">
+								${Emoji.UP_ARROW_UNICODE} ${month_name} ${year} ${Emoji.UP_ARROW_UNICODE}
+							</a>
+						</th>
+						<th class="no-background">
+						</th>
+					</tr>
+				</thead>
+				<tbody>
+					<tr>
+						<td class="biglink-container">
+							<a class="biglink stretch" href="${previous_week_path}">${Emoji.LEFT_ARROW_UNICODE}</a>
+						</td>
+						<td>
+							<table class="fixed">
+								<tbody>
+									<tr>
+										${serialized_days.join('\n')}
+									</tr>
+								</tbody>
+							</table>
+						</td>
+						<td class="biglink-container">
+							<a class="biglink stretch" href="${next_week_path}">${Emoji.RIGHT_ARROW_UNICODE}</a>
+						</td>
+					</tr>
+				</tbody>
+			</table>
+		`;
+	}
+
+	protected getTitle(): string {
+		return 'xxx';
+	}
+
+	protected getPageType(): PageType {
+		return PageType.WEEK;
+	}
+
+	private getTargetDate(): Date {
+		const week = this.getResult();
+
+		return weekToDate(week);
+	}
+}
+
+export default WeekResultSerializer;

package/src/server/result-serializer/year.ts

@@ -0,0 +1,160 @@
+import {InvariantViolation} from 'lib/errors';
+import {getLastValue} from 'lib/array';
+
+import Emoji from 'enum/emoji';
+import getNextDay from 'server/utility/get-next-day';
+import getStartOfWeek from 'server/utility/get-start-of-week';
+import weeksAreEqual from 'server/utility/weeks-are-equal';
+import BaseResultSerializer from 'server/result-serializer/base';
+import PageType from 'client/enum/page-type';
+import getMonthName from 'server/utility/get-month-name';
+import monthHasWeekContainingDate from 'server/utility/month-has-week-containing-date';
+import datesAreEqual from 'server/utility/dates-are-equal';
+import monthToPath from 'server/utility/month-to-path';
+import monthsAreEqual from 'server/utility/months-are-equal';
+import yearsAreEqual from 'server/utility/years-are-equal';
+import yearToPath from 'server/utility/year-to-path';
+import createDate from 'server/utility/create-date';
+import yearToDate from 'server/utility/year-to-date';
+import getStartOfYear from 'server/utility/get-start-of-year';
+import getNextYear from 'server/utility/get-next-year';
+import getStartOfMonth from 'server/utility/get-start-of-month';
+import Year from 'type/year';
+import getPreviousYear from 'server/utility/get-previous-year';
+
+class YearResultSerializer extends BaseResultSerializer<Year> {
+	protected serializeSections(): string {
+		const target_date = this.getTargetDate();
+		const year_name = target_date.getUTCFullYear();
+		const reticule = '<div class="focus-reticule scaling"></div>';
+		const today = createDate();
+		const month_sets: string[][] = [[]];
+
+		let current_date = getStartOfYear(target_date);
+
+		while (yearsAreEqual(current_date, target_date)) {
+			const serialized_weeks: string[] = [];
+			const target_month = getStartOfMonth(current_date);
+			const month_name = getMonthName(target_month);
+			const month_path = monthToPath(target_month);
+
+			current_date = getStartOfWeek(target_month);
+
+			while (monthHasWeekContainingDate(target_month, current_date)) {
+				const serialized_days: string[] = [];
+				const target_week = current_date;
+
+				while (weeksAreEqual(current_date, target_week)) {
+					if (monthsAreEqual(current_date, target_month)) {
+						const date_is_today = datesAreEqual(current_date, today);
+						const reticule_markup = date_is_today ? reticule : '';
+						const utc_date = current_date.getUTCDate();
+						const value = date_is_today ? Emoji.SUNSHINE : utc_date;
+
+						serialized_days.push(`
+							<td class="focus-reticule-container">
+								${reticule_markup}
+								${value}
+							</td>
+						`);
+					} else {
+						serialized_days.push(`
+							<td></td>
+						`);
+					}
+
+					current_date = getNextDay(current_date);
+				}
+
+				serialized_weeks.push(`
+					<tr>
+						${serialized_days.join('\n')}
+					</tr>
+				`);
+			}
+
+			const serialized_month = `
+				<td class="month">
+					<a class="biglink" href="${month_path}">
+						<span>${month_name}</span>
+						<table class="fixed compact">
+							<tbody>
+								${serialized_weeks.join('\n')}
+							</tbody>
+						</table>
+					</a>
+				</td>
+			`;
+
+			const month_set = getLastValue(month_sets);
+
+			if (month_set === undefined) {
+				throw new InvariantViolation(`
+					Tried to read month set when current date was ${current_date},
+					but it was not set
+				`);
+			}
+
+			month_set.push(serialized_month);
+
+			if (month_set.length === 3) {
+				month_sets.push([]);
+			}
+		}
+
+		const month_rows = month_sets.map((month_set) => {
+			return `
+				<tr class="month-set">
+					${month_set.join('\n')}
+				</tr>
+			`;
+		});
+
+		const previous_year = getPreviousYear(target_date);
+		const previous_year_path = yearToPath(previous_year);
+		const previous_year_name = previous_year.getUTCFullYear();
+
+		const next_year = getNextYear(target_date);
+		const next_year_path = yearToPath(next_year);
+		const next_year_name = next_year.getUTCFullYear();
+
+		return `
+			<table>
+				<tbody>
+					<tr>
+						<td>
+							<a class="biglink" href="${previous_year_path}">
+								${Emoji.LEFT_ARROW_UNICODE} ${previous_year_name}
+							</a>
+						</td>
+						<td>
+							<h2 class="centered">${year_name}</h2>
+						</td>
+						<td>
+							<a class="biglink" href="${next_year_path}">
+								${next_year_name} ${Emoji.RIGHT_ARROW_UNICODE}
+							</a>
+						</td>
+					</tr>
+					${month_rows.join('\n')}
+				</tbody>
+			</table>
+		`;
+	}
+
+	protected getTitle(): string {
+		return 'xxx';
+	}
+
+	protected getPageType(): PageType {
+		return PageType.YEAR;
+	}
+
+	private getTargetDate(): Date {
+		const year = this.getResult();
+
+		return yearToDate(year);
+	}
+}
+
+export default YearResultSerializer;

package/src/server/utility/accepts-content-type.ts

@@ -0,0 +1,16 @@
+import {IncomingRequest, HttpHeader, ContentType} from 'lib/http';
+
+function acceptsContentType(request: IncomingRequest, content_type: ContentType): boolean {
+	const accepts = request.getHeaderValue(HttpHeader.ACCEPT);
+
+	if (accepts === undefined) {
+		return false;
+	}
+
+	const accepts_json = accepts.includes(content_type);
+	const accepts_any = accepts.includes(ContentType.ANY);
+
+	return accepts_json || accepts_any;
+}
+
+export default acceptsContentType;

package/src/server/utility/accepts-html.ts

@@ -0,0 +1,9 @@
+import {IncomingRequest, ContentType} from 'lib/http';
+
+import acceptsContentType from 'server/utility/accepts-content-type';
+
+function acceptsHtml(request: IncomingRequest): boolean {
+	return acceptsContentType(request, ContentType.HTML);
+}
+
+export default acceptsHtml;

package/src/server/utility/accepts-json.ts

@@ -0,0 +1,9 @@
+import {IncomingRequest, ContentType} from 'lib/http';
+
+import acceptsContentType from 'server/utility/accepts-content-type';
+
+function acceptsJson(request: IncomingRequest): boolean {
+	return acceptsContentType(request, ContentType.JSON);
+}
+
+export default acceptsJson;

package/src/server/utility/add-days.ts

@@ -0,0 +1,11 @@
+import createDate from 'server/utility/create-date';
+
+function addDays(old_date: Date, days: number): Date {
+	const new_date = createDate(old_date);
+
+	new_date.setUTCDate(old_date.getUTCDate() + days);
+
+	return new_date;
+}
+
+export default addDays;

package/src/server/utility/create-date.ts

@@ -0,0 +1,23 @@
+import {InvariantViolation} from 'lib/errors';
+
+type NoArgs = [];
+type SingleDateArg = [Date];
+type YearMonthDayArgs = [number, number, number];
+type DatetimeStringArg = [string | number];
+type PermittedArgs = NoArgs | SingleDateArg | YearMonthDayArgs | DatetimeStringArg;
+
+function createDate(...args: PermittedArgs): Date {
+	const result = new Date(...args as SingleDateArg);
+	const time = result.getTime();
+
+	if (isNaN(time)) {
+		console.trace();
+		throw new InvariantViolation(`
+			Specified date was invalid: ${args}
+		`);
+	}
+
+	return result;
+}
+
+export default createDate;

package/src/server/utility/create-index-path.ts

@@ -0,0 +1,5 @@
+function createIndexPath(parts: number[]): string {
+	return parts.join('.');
+}
+
+export default createIndexPath;

package/src/server/utility/create-slug.ts

@@ -0,0 +1,9 @@
+function createSlug(text: string): string {
+	return text
+		.replace(/[^A-Za-z0-9 ]/g, '')
+		.trim()
+		.replace(/\s+/g, '-')
+		.toLowerCase();
+}
+
+export default createSlug;

package/src/server/utility/create-toast-path.ts

@@ -0,0 +1,19 @@
+import {URL} from 'url';
+
+import Toast from 'type/toast';
+
+function createToastPath(base_path: string, toast: Toast): string {
+	const url = new URL(base_path, 'http://0.0.0.0');
+	const escaped_message = encodeURIComponent(toast.message);
+	const escaped_color = toast.color.replace('#', '%23');
+
+	url.searchParams.set('toast_message', escaped_message);
+	url.searchParams.set('toast_color', escaped_color);
+
+	const pathname = url.pathname;
+	const search = url.search || '';
+
+	return `${pathname}${search}`;
+}
+
+export default createToastPath;

package/src/server/utility/date-less-than.ts

@@ -0,0 +1,5 @@
+function dateLessThan(date: Date, target_date: Date): boolean {
+	return date < target_date;
+}
+
+export default dateLessThan;

package/src/server/utility/date-occurs-before.ts

@@ -0,0 +1,22 @@
+function dateOccursBefore(a: Date, b: Date): boolean {
+	const a_year = a.getUTCFullYear();
+	const b_year = b.getUTCFullYear();
+
+	if (a_year !== b_year) {
+		return a_year < b_year;
+	}
+
+	const a_month = a.getMonth();
+	const b_month = b.getMonth();
+
+	if (a_month !== b_month) {
+		return a_month < b_month;
+	}
+
+	const a_day = a.getDate();
+	const b_day = b.getDate();
+
+	return a_day < b_day;
+}
+
+export default dateOccursBefore;

package/src/server/utility/date-to-key.ts

@@ -0,0 +1,7 @@
+function dateToKey(date: Date): string {
+	const base = date.toLocaleDateString('en-us').replace(/\//g, '-');
+
+	return `day/${base}`;
+}
+
+export default dateToKey;

package/src/server/utility/date-to-label.ts

@@ -0,0 +1,5 @@
+function dateToLabel(date: Date): string {
+	return date.toLocaleDateString('en-us');
+}
+
+export default dateToLabel;

package/src/server/utility/date-to-path.ts

@@ -0,0 +1,9 @@
+import dateToKey from 'server/utility/date-to-key';
+
+function dateToPath(date: Date): string {
+	const key = dateToKey(date);
+
+	return `/${key}`;
+}
+
+export default dateToPath;

package/src/server/utility/dates-are-equal.ts

@@ -0,0 +1,22 @@
+function datesAreEqual(a: Date, b: Date): boolean {
+	const a_day = a.getDate();
+	const b_day = b.getDate();
+
+	if (a_day !== b_day) {
+		return false;
+	}
+
+	const a_month = a.getMonth();
+	const b_month = b.getMonth();
+
+	if (a_month !== b_month) {
+		return false;
+	}
+
+	const a_year = a.getUTCFullYear();
+	const b_year = b.getUTCFullYear();
+
+	return a_year === b_year;
+}
+
+export default datesAreEqual;

package/src/server/utility/dates-are-in-order.ts

@@ -0,0 +1,9 @@
+function datesAreInOrder(a: Date, b: Date, c: Date): boolean {
+	const a_time = a.getTime();
+	const b_time = b.getTime();
+	const c_time = c.getTime();
+
+	return a_time <= b_time && b_time <= c_time;
+}
+
+export default datesAreInOrder;

package/src/server/utility/dates-are-on-the-same-day.ts

@@ -0,0 +1,9 @@
+function datesAreOnTheSameDay(a: Date, b: Date): boolean {
+	return (
+		   a.getMonth()    === b.getMonth()
+		&& a.getDate()     === b.getDate()
+		&& a.getUTCFullYear() === b.getUTCFullYear()
+	);
+}
+
+export default datesAreOnTheSameDay;

package/src/server/utility/dates-in-same-month.ts

@@ -0,0 +1,8 @@
+function datesInSameMonth(date: Date, target_date: Date): boolean {
+	const date_month = date.getUTCMonth();
+	const target_month = target_date.getUTCMonth();
+
+	return date_month === target_month;
+}
+
+export default datesInSameMonth;