Skip to content

Move website to Terrabyte Web UI #28

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
samharp merged 5 commits into from
May 14, 2026
Merged

Move website to Terrabyte Web UI #28

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
681b42a
fix: replace link to Demo with link to Login
samharp Apr 9, 2026
90e68bb
feat: create docs page for API documentation
samharp May 14, 2026
12afd2c
Migrate to terrabyte-web-ui package and modern 11ty structure
samharp May 14, 2026
e1f7726
fix: css styles lost in migration re-configured
samharp May 14, 2026
37d2488
fix: refactor styles for docs and intro/hero
samharp May 14, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
117 changes: 53 additions & 64 deletions .eleventy.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,77 +1,66 @@
const cheerio = require("cheerio");
const site = require("./_data/site.json");
const ui = require("@terrabyte/web-ui");
const { Environment, FileSystemLoader } = require("nunjucks");
const path = require("path");

module.exports = function (eleventyConfig) {
// copy site data
eleventyConfig.addPassthroughCopy('.htaccess');
// copy directories to the output
eleventyConfig.addPassthroughCopy('css');
eleventyConfig.addPassthroughCopy('js');
eleventyConfig.addPassthroughCopy('img');
// copy favicons
eleventyConfig.addPassthroughCopy('*.ico');
eleventyConfig.addPassthroughCopy('*.png');

// watch directories for changes
eleventyConfig.addWatchTarget('css');
eleventyConfig.addWatchTarget('js');
eleventyConfig.addWatchTarget('img');
// Register filters + transforms
ui.registerFilters(eleventyConfig);
ui.registerTransforms(eleventyConfig);

// shortcodes
eleventyConfig.addShortcode("currentYear", () => `${new Date().getFullYear()}`);
// Configure Nunjucks
const loaderPaths = [
"src/_includes",
path.resolve(__dirname, "node_modules/@terrabyte/web-ui")
];

// page transforms and filters
// FILTER: split a string by a separator
eleventyConfig.addFilter("split", function(str, separator) {
if (!str) return [];
return str.split(separator);
const env = new Environment(new FileSystemLoader(loaderPaths), {
noCache: true
});

// FILTER: Generate canonical URL
eleventyConfig.addFilter("canonicalUrl", function(pageUrl) {
// Remove trailing slash from site.url (if present, though it shouldn't be)
const base = site.url.replace(/\/$/, "");
// Inject project-level site data into the UI package
const siteData = require("./_data/site.json");
env.addGlobal("site", siteData);
env.addGlobal("siteData", siteData);
env.addGlobal("currentYear", new Date().getFullYear());
env.addGlobal("buildId", Date.now());

// check if it's the homepage; if so, just return the base URL
if (!pageUrl || pageUrl === "/" || pageUrl === "/index.html") {
return base;
}

// otherwise, ensure pageUrl starts with a slash
const rel = pageUrl.startsWith("/") ? pageUrl : `/${pageUrl}`;
return base + rel;
});
// Allow UI package to access the same environment
if (typeof ui.setNunjucksEnvironment === "function") {
ui.setNunjucksEnvironment(env);
}

// TRANSFORM: create accessibility table of contents
eleventyConfig.addTransform("injectSrToc", function(content, outputPath) {
if (outputPath && outputPath.endsWith(".html")) {
const $ = cheerio.load(content);
eleventyConfig.setLibrary("njk", env);

// Build TOC from sections
const sections = [];
$("section[id]").each((i, elem) => {
const id = $(elem).attr("id");
const title = id + " section";
sections.push({ id, title });
});
// Passthroughs
eleventyConfig.addPassthroughCopy("src/.htaccess");
eleventyConfig.addPassthroughCopy("src/img");
eleventyConfig.addPassthroughCopy("src/js");
eleventyConfig.addPassthroughCopy("src/css");
eleventyConfig.addPassthroughCopy("src/*.ico");
eleventyConfig.addPassthroughCopy("src/*.png");

// Only inject if there are sections
if (sections.length) {
const tocHtml = `
<nav class="sr-only sr-toc" aria-label="Table of Contents" role="navigation">
<h2>Page Table of Contents</h2>
<ul>
<li><a class="text-link" href="#top">Jump to content</a></li>
${sections.map(s => `<li><a href="#${s.id}" class="text-link" tabindex="0">${s.title}</a></li>`).join("\n")}
</ul>
</nav>
`;
// Insert TOC at the start of <body> on the page
$("body").prepend(tocHtml);
return $.html();
}
}
return content;
// Terrabyte Web UI package assets
eleventyConfig.addPassthroughCopy({
"node_modules/@terrabyte/web-ui/css": "css",
"node_modules/@terrabyte/web-ui/js": "js",
"node_modules/@terrabyte/web-ui/img": "img"
});

};
// Watch targets
eleventyConfig.addWatchTarget("src/css");
eleventyConfig.addWatchTarget("src/js");
eleventyConfig.addWatchTarget("src/img");
eleventyConfig.addWatchTarget("node_modules/@terrabyte/web-ui");

// Shortcodes
eleventyConfig.addShortcode("currentYear", () => `${new Date().getFullYear()}`);

// Directory structure
return {
dir: {
input: "src",
output: "_site"
}
};
};
26 changes: 0 additions & 26 deletions _includes/banners.njk
View file
Open in desktop

This file was deleted.

6 changes: 0 additions & 6 deletions _includes/inspector-splash.njk
View file
Open in desktop

This file was deleted.

181 changes: 0 additions & 181 deletions _includes/layouts/base.njk
View file
Open in desktop

This file was deleted.

Loading
Loading