create-lt-adventure 0.0.1

package/templates/vite/src/index.js

@@ -0,0 +1,5 @@
+import "./module.css";
+import "./misc/fonts.js"
+import "./misc/prosemirror.js"
+
+Hooks.on("ready", () => import("./adventureSheet"))

package/templates/vite/src/misc/fonts.js

@@ -0,0 +1,50 @@
+import { id } from "moduleJSON";
+
+CONFIG.fontDefinitions["Candara"] = {
+	editor: true,
+	fonts: [
+		{ urls: [`modules/${id}/assets/journals/fonts/Candara.ttf`] }
+	]
+};
+
+CONFIG.fontDefinitions["Coinage Caps Kruger Gray"] = {
+	editor: true,
+	fonts: [
+		{ urls: [`modules/${id}/assets/journals/fonts/CoinageCapsKrugerGray.ttf`] }
+	]
+};
+
+CONFIG.fontDefinitions["Geizer"] = {
+	editor: true,
+	fonts: [
+		{ urls: [`modules/${id}/assets/journals/fonts/GeizerModifiedO.otf`] }
+	]
+};
+
+CONFIG.fontDefinitions["Kings Caslon"] = {
+	editor: true,
+	fonts: [
+		{ urls: [`modules/${id}/assets/journals/fonts/Kings Caslon/Kings_Caslon_Regular.otf`] },
+		{ urls: [`modules/${id}/assets/journals/fonts/Kings Caslon/Kings_Caslon_Bold.otf`], weight: 700 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Kings Caslon/Kings_Caslon_Italic.otf`], style: "italic" },
+		{ urls: [`modules/${id}/assets/journals/fonts/Kings Caslon/Kings_Caslon_BoldItalic.otf`], style: "italic", weight: 700 }
+	]
+};
+
+CONFIG.fontDefinitions["Modesto"] = {
+	editor: true,
+	fonts: [
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_Regular.otf`] },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_Bold.otf`], weight: 700 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_Light.otf`], weight: 300 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_Italic.otf`], style: "italic" },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_LightItalic.otf`], style: "italic", weight: 300 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_MediumItalic.otf`], style: "italic", weight: 500 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_Medium.otf`], weight: 500 },
+		{ urls: [`modules/${id}/assets/journals/fonts/Modesto/ModestoText_BoldItalic.otf`], style: "italic", weight: 700 }
+	]
+};
+
+if (import.meta.hot) {
+	import.meta.hot.accept();
+}

package/templates/vite/src/misc/prosemirror.js

@@ -0,0 +1,47 @@
+import { id, title } from "moduleJSON";
+
+// https://github.com/foundryvtt/pf2e/blob/master/src/scripts/hooks/get-prosemirror-menu-dropdowns.ts
+Hooks.on("getProseMirrorMenuDropDowns", (menu, dropdowns) => {
+	const toggleMark = foundry.prosemirror.commands.toggleMark;
+	const wrapIn = foundry.prosemirror.commands.wrapIn;
+	if ("format" in dropdowns) {
+		dropdowns.format.entries.push({
+			action: `${id}`,
+			title,
+			children: [
+				{
+					action: "green-check",
+					class: `${id} Checks-and-Saves`,
+					title: "Checks and Saves",
+					mark: menu.schema.marks.span,
+					attrs: { _preserve: { class: `${id} Checks-and-Saves` } },
+					priority: 1,
+					cmd: toggleMark(menu.schema.marks.span, {
+						_preserve: { class: `${id} Checks-and-Saves` },
+					}),
+				},
+				{
+					action: "sidebar",
+					class: "sidebar",
+					title: "Sidebar",
+					node: menu.schema.nodes.section,
+					attrs: { _preserve: { class: `${id} sidebar right` } },
+					priority: 1,
+					cmd: () => {
+						menu._toggleBlock(menu.schema.nodes.section, wrapIn, {
+							attrs: { _preserve: { class: `${id} sidebar right` } },
+						});
+						return true;
+					},
+				},
+			],
+		});
+	}
+});
+
+if (import.meta.hot) {
+	import.meta.hot.accept()
+	import.meta.hot.dispose(() => {
+		Hooks.off(hook)
+	});
+}

package/templates/vite/src/module.css

@@ -0,0 +1,284 @@
+.((moduleId))-journal .journal-entry-content .sidebar,
+.editor-content .((moduleId)).sidebar {
+  /* font-family: "Candara"; */
+
+  padding: 0.75rem;
+  margin-block: 1.25rem;
+  width: var(--sidebarWidth, 50%);
+  float: right;
+
+  .themed.theme-light &,
+  body.theme-light & {
+    background: oklch(0.393 0.095 152.535 / 0.05);
+  }
+
+  .themed.theme-dark &,
+  body.theme-dark & {
+    background: oklch(0.393 0.095 152.535 / 0.2);
+  }
+
+  margin-right: 0.25rem;
+  margin-left: 1rem;
+
+  &.left {
+    margin-left: 0rem;
+    margin-right: 1.5rem;
+    float: left;
+  }
+
+  & h1,
+  & h2,
+  & h3,
+  & h4 {
+    color: hsl(179, 100%, 10%);
+    .themed.theme-dark & {
+      color: hsl(120, 25%, 90%);
+    }
+    font-family: "Modesto Condensed";
+    font-size: 1.5rem;
+    font-weight: 700;
+    text-align: center;
+    border-color: none;
+    text-decoration-line: none;
+    padding: 0px;
+    margin: 0px;
+  }
+
+  border-image-slice: 50 75 50 75;
+  border-image-width: 20px 26px 20px 26px;
+  border-image-outset: 19px 0px 19px 0px;
+  border-image-repeat: round round;
+  border-image-source: url("modules/((moduleId))/assets/journals/Sidebar_Frame_Green.webp");
+
+  &.brown {
+    border-image-source: url("modules/((moduleId))/assets/journals/Sidebar_Frame_Brown.webp");
+  }
+}
+
+.((moduleId))-journal .journal-entry-content {
+  /* font-family: "Kings Caslon"; */
+  text-align: justify;
+
+  blockquote,
+  .readaloud {
+    /* font-family: "Candara"; */
+
+    & > p + p {
+      text-indent: 0px;
+    }
+
+    font-style: initial;
+    padding: 0.5rem;
+    margin: 0.5rem;
+    background: hsl(25, 30%, 75%, 50%);
+    position: relative;
+    z-index: 0;
+
+    border-image-slice: 30 30 30 30;
+    border-image-width: 12px 12px 12px 12px;
+    border-image-outset: 6px 6px 6px 6px;
+    border-image-repeat: stretch stretch;
+    border-image-source: url("modules/((moduleId))/assets/journals/Read-Aloud_Corner.webp");
+
+    .themed.theme-dark & {
+      background: hsl(25, 30%, 75%, 15%);
+    }
+
+    em {
+      font-style: italic;
+    }
+
+    h3 {
+      border: none;
+    }
+
+    &.limited {
+      width: min-content;
+      white-space: nowrap;
+    }
+  }
+
+  .heliana-style-bg {
+    background-repeat: no-repeat;
+    background-size: auto 100%;
+    background-position: center left;
+    z-index: 31;
+    padding-top: 0.25rem;
+    padding-bottom: 0.1rem;
+    padding-inline: 0.25rem;
+
+    & > * {
+      width: min-content;
+      white-space: nowrap;
+      color: white !important;
+      height: 2rem;
+      border-bottom: 0;
+      padding-left: 0.4rem;
+      padding-right: 1.5rem;
+      margin-bottom: 0;
+    }
+  }
+
+  .mask {
+    --mask-size: 40%;
+    border: none;
+    mask-image: url("modules/((moduleId))/assets/journals/masks/mask-soft-04.webp"),
+      linear-gradient(white 0 0);
+    mask-composite: add;
+    mask-mode: luminance;
+    mask-position: top right, bottom;
+    mask-size: 101% var(--mask-size), 101% calc(101% - var(--mask-size));
+    mask-repeat: no-repeat;
+
+    &.upside-down {
+      transform: scaleY(-1);
+    }
+  }
+
+  .scrollable div.scenery {
+    position: sticky;
+    display: relative;
+    top: 0;
+    transition: opacity 300ms ease-out;
+    margin-bottom: -2rem;
+    margin-inline: 0px;
+    scale: 101%;
+
+    &.upside-down > * {
+      width: 100%;
+      transform: scaleY(-1);
+    }
+
+    & > header {
+      --height: 10rem;
+      position: absolute;
+      width: 100%;
+      height: var(--height);
+      bottom: calc(50% - var(--height) / 2);
+
+      text-align: center;
+      font-size: 2rem;
+      line-height: var(--height);
+      font-family: "Coinage Caps Kruger Gray";
+      color: white;
+
+      background: rgba(0, 0, 0, 66%);
+
+      border: none;
+      mask-image: url("modules/((moduleId))/assets/journals/masks/mask-soft-04.webp"),
+        url("modules/((moduleId))/assets/journals/masks/flipped/mask-soft-04.webp");
+      mask-composite: add;
+      mask-mode: luminance;
+      mask-position: top, bottom;
+      mask-size: 100% 51%, 100% 50%;
+      mask-repeat: no-repeat;
+    }
+
+    & img {
+      border-top-left-radius: 0;
+      border-top-right-radius: 0;
+      cursor: pointer;
+    }
+  }
+
+  .journal-entry-pages {
+    margin: 0;
+    padding-right: 0;
+    & > * {
+      margin-inline: 16px;
+    }
+  }
+}
+
+body.theme-light .((moduleId)).Checks-and-Saves {
+  font-weight: bold;
+  color: #074e4b;
+}
+
+body.theme-dark .((moduleId)).Checks-and-Saves {
+  color: hsl(69 58 47);
+}
+
+.themed.theme-dark .((moduleId)).Checks-and-Saves {
+  color: hsl(69 58 47);
+}
+
+.themed.theme-light .((moduleId)).Checks-and-Saves {
+  font-weight: bold;
+  color: #074e4b;
+}
+
+.((moduleId))-journal.application {
+  &:not(.minimized) {
+    --ltBorderCut: 32;
+    --ltBorderOutset: 32;
+    corner-top-left-shape: notch;
+    corner-top-right-shape: notch;
+    corner-bottom-left-shape: notch;
+    border-radius: var(--ltBorderRadius, 15px);
+    border-bottom-right-radius: 0;
+    overflow: visible;
+
+    &::after {
+      content: "";
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: calc(100% + var(--ltBorderSizeMod, 0px));
+      height: calc(100% + var(--ltBorderSizeMod, 0px));
+      border-image: var(
+          --urlBorderImage,
+          url("modules/((moduleId))/assets/journals/borders/panel-border-026.webp")
+        )
+        var(--ltBorderCut) var(--ltBorderCut) var(--ltBorderCut)
+        var(--ltBorderCut) fill / calc(1px * var(--ltBorderOutset))
+        calc(1px * var(--ltBorderOutset)) calc(1px * var(--ltBorderOutset))
+        calc(1px * var(--ltBorderOutset));
+      pointer-events: none;
+    }
+  }
+
+  &:not(.minimized) .window-header {
+    padding: 0 36px;
+  }
+
+  & footer {
+    margin-left: 2.25rem;
+    padding-inline: 0;
+    padding-block: 0.5rem 0.75rem;
+  }
+
+  &.sheet.journal-entry .journal-entry-page + .journal-entry-page {
+    margin-top: 0.5rem;
+  }
+
+  & aside.sidebar {
+    position: relative;
+
+    &::before {
+      z-index: -100;
+      content: "";
+      position: absolute;
+
+      margin-top: -2rem;
+      height: 100%;
+      width: 100%;
+
+      opacity: 33%;
+      background-image: var(--sidebarImage);
+      background-size: cover;
+
+      --mask-size: 10%;
+      mask-image: url("modules/((moduleId))/assets/journals/masks/mask-hard-06.webp"),
+        linear-gradient(white 0 0),
+        url("modules/((moduleId))/assets/journals/masks/flipped/mask-soft-04.webp");
+      mask-composite: add;
+      mask-mode: luminance;
+      mask-position: top, center, bottom;
+      mask-size: 101% var(--mask-size), 100% calc(100% - 2 * var(--mask-size)),
+        101% var(--mask-size);
+      mask-repeat: no-repeat;
+    }
+  }
+}

package/templates/vite/vite.config.ts

@@ -0,0 +1,110 @@
+import type { Plugin, UserConfig } from "vite";
+import path from "node:path";
+import fs from 'node:fs';
+import vttSync from "foundryvtt-sync";
+import { defineConfig } from "vite";
+import moduleJSON from "./module.json" with { type: "json" };
+import postcssPresetEnv from "postcss-preset-env";
+import PostCSSReplace from "postcss-replace";
+import 'dotenv/config'
+
+const target = "es2022"; // Build target for the vinal bundle.
+const foundryPort = Number(process.env.FOUNDRY_PORT || 30000); // Which port your FoundryVTT instance is hosted at.
+const devPort = Number(process.env.DEV_PORT || 30001); // Which port you want to use for development.
+const libEntry = "index.js"; // The main entry file to begin crawling from (root being `src/`).
+
+const postcss = {
+	inject: false,
+	sourceMap: true,
+	extensions: [".css"],
+	plugins: [
+		postcssPresetEnv,
+		PostCSSReplace({
+			pattern: /\(\(\s?(\S+?)\s?\)\)/g,
+			commentsOnly: false,
+			data: {
+				moduleId: moduleJSON.id,
+			},
+		}),
+	],
+};
+
+const PACKAGE_ID = `modules/${moduleJSON.id}`;
+
+console.log(`Running foundry port ${foundryPort} -> dev port ${devPort}`)
+
+export default defineConfig(({ mode: _mode }) => {
+	return {
+		root: "src/", // Source location / esbuild root.
+		base: `/${PACKAGE_ID}/dist`, // Base module path.
+		publicDir: false, // No public resources to copy.
+		cacheDir: "../.vite-cache", // Relative from root directory.
+
+		resolve: {
+			conditions: ["browser", "import", "default"], // Only use browser-compatible exports from node modules.
+			alias: {
+				$lib: path.resolve(__dirname, "./src/lib"),
+				moduleJSON: path.resolve(__dirname, "./module.json"),
+			},
+		},
+
+		esbuild: { target }, // https://esbuild.github.io/api/#transform
+
+		css: { postcss }, // https://vite.dev/config/shared-options#css-postcss
+
+		server: {
+			port: devPort,
+			open: "/game",
+			proxy: {
+				// Serves static files from main Foundry server.
+				[`^(/${PACKAGE_ID}/(assets|lang|packs))`]: `http://localhost:${foundryPort}`,
+
+				// All other paths besides package ID path are served from main Foundry server.
+				[`^(?!/${PACKAGE_ID}/)`]: `http://localhost:${foundryPort}`,
+
+				// Rewrite incoming `module-id.js` request from Foundry to the dev server libEntry.
+				[`/${PACKAGE_ID}/dist/${moduleJSON.id}.js`]: {
+					target: `http://localhost:${devPort}/${PACKAGE_ID}/dist`,
+					rewrite: () => libEntry,
+				},
+
+				// Enable socket.io from main Foundry server.
+				"/socket.io": { target: `ws://localhost:${foundryPort}`, ws: true },
+			},
+		},
+		build: {
+			outDir: "../dist", // The output directory.
+			emptyOutDir: false,
+			sourcemap: true, // Provide a publicly available sourcemap for debuggin purposes.
+			target,
+			lib: {
+				entry: "./" + libEntry,
+				formats: ["es"],
+				fileName: moduleJSON.id,
+			},
+			rollupOptions: {
+				output: {
+					// Rewrite the default style.css to a more recognizable file name.
+					assetFileNames: assetInfo =>
+						assetInfo.name === "style.css" ? `${moduleJSON.id}.css` : assetInfo.name as string,
+				},
+			},
+		},
+
+		plugins: [
+			vttSync(moduleJSON, {}) as Plugin[], // Build the database from JSON files on build
+			{
+				name: 'create-dist-files', // Create dummy files for Foundry's tests to pass
+				apply: 'serve',
+				buildStart() {
+					if (!fs.existsSync('dist')) fs.mkdirSync('dist');
+
+					const files = [...moduleJSON.esmodules, ...moduleJSON.styles];
+					for (const name of files) {
+						fs.writeFileSync(name, '', { flag: 'a' });
+					}
+				},
+			},
+		],
+	} satisfies UserConfig;
+});