@paroicms/site-generator-plugin 0.1.0

package/gen-backend/dist/generator/site-generator/theme-css.js

@@ -0,0 +1,323 @@
+export function getThemeCssContent() {
+    return `/* Reset */
+* {
+  box-sizing: border-box;
+}
+
+a,
+a:visited {
+  color: inherit;
+  text-decoration: none;
+}
+
+/* Elements */
+
+body {
+  background-color: #aaa;
+  margin: 0;
+  padding: 0;
+}
+
+img {
+  display: block;
+  max-width: 100%;
+}
+
+picture {
+  display: block;
+}
+
+header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding-bottom: 15px;
+  padding-top: 15px;
+  color: #fff;
+}
+
+@media (max-width: 768px) {
+  header {
+    flex-wrap: wrap;
+    padding: 15px 0 5px;
+  }
+}
+
+footer {
+  margin-top: 30px;
+  padding: 20px;
+  text-align: center;
+}
+
+/* Tile */
+
+a > article {
+  background-color: #fff;
+  border-radius: 6px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  display: flex;
+  max-width: 340px;
+  overflow: hidden;
+}
+a > article div:first-child {
+  flex: 0 0 120px;
+  max-width: 120px;
+}
+a > article img {
+  height: 100%;
+  object-fit: cover;
+  width: 100%;
+}
+a > article div:last-child {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding: 15px;
+}
+a > article h3 {
+  margin: 0 0 8px;
+  font-size: 16px;
+  font-weight: bold;
+  color: #333;
+}
+a > article p {
+  color: #666;
+  font-size: 14px;
+  line-height: 1.4;
+  margin: 0;
+}
+a:hover > article {
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
+}
+
+/* Navbar */
+
+nav {
+  align-items: center;
+  display: flex;
+  flex-grow: 1;
+  justify-content: center;
+  margin: 0 15px;
+}
+
+@media (max-width: 768px) {
+  nav {
+    flex-basis: 100%;
+    order: 3;
+    margin: 10px 0 5px;
+    justify-content: flex-start;
+    overflow-x: auto;
+    padding-bottom: 5px;
+  }
+}
+
+nav a {
+  color: rgba(255, 255, 255, 0.85);
+  padding: 8px;
+  margin: 0 4px;
+  border-radius: 4px;
+  font-size: 17px;
+  font-weight: bold;
+  position: relative;
+  transition: all 0.2s ease;
+}
+
+nav a:hover {
+  color: #fff;
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+nav a.active {
+  color: #fff;
+}
+
+nav a.active::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 16px;
+  right: 16px;
+  height: 3px;
+  background-color: #3498db;
+  border-radius: 1.5px;
+}
+
+/* Classes */
+
+._bg2 {
+  background-color: #444;
+  color: #eee;
+}
+
+.Container {
+  max-width: 1200px;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 20px;
+  padding-right: 20px;
+}
+
+.Page {
+  background-color: #fff;
+  color: #333;
+  padding: 5px 40px;
+}
+
+.TextWidth {
+  max-width: 600px;
+  margin: 0 auto;
+}
+
+.List {
+  display: flex;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.Pt {
+  padding-top: 50px;
+}
+
+.Pb {
+  padding-bottom: 50px;
+}
+
+.HeaderLogo {
+  display: flex;
+  align-items: center;
+}
+
+.HeaderLogo img {
+  margin-right: 10px;
+  border-radius: 50%;
+}
+
+.HeaderTitle {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.Text::after {
+  clear: both;
+  content: "";
+  display: block;
+}
+
+.Text .Img {
+  height: auto;
+}
+
+.Text .Img.left {
+  float: left;
+  margin: 5px 20px 10px 0;
+}
+
+.Text .Img.right {
+  float: right;
+  margin: 5px 0 10px 20px;
+}
+
+.Text .Img.left, .Text .Img.right {
+  max-width: 50%;
+}
+
+.Text .Img.center {
+  display: block;
+  margin: 20px auto;
+}
+
+.Text a,
+.Text a:visited,
+.TextLink,
+.TextLink:visited {
+  color: #007bff;
+  cursor: pointer;
+  text-decoration: underline;
+}
+
+.Hero img {
+  height: auto;
+  width: 100%;
+}
+
+.InfiniteLoading-actionArea {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+}
+
+button,
+.Button,
+.SearchOpenerBtn,
+.InfiniteLoading-btn,
+.ContactForm-btn {
+  background-color: #3498db;
+  border: 1px solid #3498db;
+  border-radius: 5px;
+  color: #fff;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 16px;
+  margin: 10px 0;
+  padding: 10px 20px;
+  text-align: center;
+  text-decoration: none;
+}
+button:hover,
+.Button:hover,
+.SearchOpenerBtn:hover,
+.InfiniteLoading-btn:hover,
+.ContactForm-btn:hover {
+  background-color: #2980b9;
+  border-color: #2980b9;
+}
+button:disabled,
+.Button:disabled,
+.SearchOpenerBtn:disabled,
+.InfiniteLoading-btn:disabled,
+.ContactForm-btn:disabled {
+  background-color: #ccc;
+  border-color: #ccc;
+}
+
+.SearchOpenerBtn {
+  display: flex;
+}
+
+.Field {
+  margin: 20px 0;
+}
+
+.Field:has(> .Field-img) {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  justify-content: center;
+}
+
+.Field-img {
+  border-radius: 10px;
+}
+
+.Indent {
+  border-left: 4px solid #888;
+  margin-left: 40px;
+}
+
+.Row {
+  display: flex;
+  gap: 20px;
+}
+
+.Row.spaceBetween {
+  justify-content: space-between;
+}
+
+.SearchPageResponse,
+.SearchPageResponse div {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20px;
+}`;
+}

package/gen-backend/dist/generator/site-schema-generator/analysis-types.js

@@ -0,0 +1 @@
+export {};

package/gen-backend/dist/generator/site-schema-generator/create-l10n.js

@@ -0,0 +1,42 @@
+export function createL10n(analysis, siteSchema) {
+    const l10n = {};
+    const language = analysis.siteProperties.language;
+    const siteLocales = analysis.siteProperties.theme
+        ? {
+            siteTheme: analysis.siteProperties.theme,
+            nodeTypes: {},
+        }
+        : {
+            nodeTypes: {},
+        };
+    l10n[language] = siteLocales;
+    const typeLabels = l10n[language].nodeTypes;
+    for (const nodeType of siteSchema.nodeTypes ?? []) {
+        if (nodeType.kind === "site")
+            continue;
+        const saType = analysis.dictionary[nodeType.typeName];
+        if (!saType)
+            continue;
+        const currentEntry = {
+            label: saType.label,
+        };
+        if (saType.description) {
+            currentEntry.description = saType.description;
+        }
+        if (nodeType.kind === "document" && nodeType.lists) {
+            currentEntry.lists = {};
+            for (const list of nodeType.lists) {
+                const listEntry = analysis.dictionary[list.listName];
+                const listLocales = {
+                    label: listEntry?.label ?? list.listName,
+                };
+                currentEntry.lists[list.listName] = listLocales;
+                if (listEntry?.description) {
+                    listLocales.description = listEntry?.description;
+                }
+            }
+        }
+        typeLabels[nodeType.typeName] = currentEntry;
+    }
+    return l10n;
+}

package/gen-backend/dist/generator/site-schema-generator/create-site-schema.js

@@ -0,0 +1,240 @@
+import { generateSlug } from "@paroicms/public-anywhere-lib";
+export function createSiteSchemaFromAnalysis(analysis) {
+    const { siteProperties } = analysis;
+    const siteSchema = {
+        version: "7",
+        languages: [siteProperties.language],
+        plugins: [
+            "@paroicms/quill-editor-plugin",
+            "@paroicms/content-loading-plugin",
+            "@paroicms/public-menu-plugin",
+            "@paroicms/contact-form-plugin",
+        ],
+        nodeTypes: [
+            {
+                kind: "site",
+            },
+            ...toNodeTypes(analysis),
+        ],
+    };
+    return siteSchema;
+}
+function toNodeTypes(analysis) {
+    const nodeTypes = new Map(Object.entries(analysis.dictionary)
+        .map(([typeName, saType]) => [typeName, toNodeType(typeName, saType)])
+        .filter(([_, item]) => !!item));
+    const ctx = {
+        language: analysis.siteProperties.language,
+        analysis,
+        nodeTypes,
+        treeNodeDict: new Map(),
+    };
+    walkTree(analysis.tree.home, undefined, ctx);
+    const result = []; // keep the original order
+    for (const typeName of Object.keys(analysis.dictionary)) {
+        const found = nodeTypes.get(typeName);
+        if (!found)
+            continue; // it's a partList
+        result.push(found);
+    }
+    return result;
+}
+function walkTree(saNode, parentNode, ctx) {
+    const { typeName } = saNode;
+    const nodeType = ctx.nodeTypes.get(typeName);
+    if (!nodeType)
+        throw new Error(`Missing definition of node type "${typeName}"`);
+    const saType = ctx.analysis.dictionary[typeName];
+    if (!saType)
+        throw new Error(`Missing definition of node type "${typeName}"`);
+    if (ctx.treeNodeDict.has(typeName)) {
+        if (saNode.children)
+            throw new Error(`Duplicate definition of node type "${typeName}"`);
+        if (!parentNode)
+            throw new Error("Home node cannot be a reference");
+        if (nodeType.kind === "document") {
+            if (nodeType.documentKind === "routing") {
+                throw new Error(`A routing document cannot be a reference: "${typeName}"`);
+            }
+            if (nodeType.documentKind === "regular") {
+                if (saNode.kind !== "regularDocument") {
+                    throw new Error(`Inconsistant kind for document "${typeName}"`);
+                }
+                appendAsChildRegularDocument({
+                    nodeType,
+                    typeName,
+                    parentNode,
+                    children: undefined,
+                }, ctx);
+            }
+            else {
+                throw new Error(`Unexpected document kind: "${nodeType.documentKind}"`);
+            }
+        }
+        else if (nodeType.kind === "part") {
+            if (saNode.kind !== "part") {
+                throw new Error(`Inconsistant kind for part "${typeName}"`);
+            }
+            appendAsChildPart({
+                nodeType,
+                typeName,
+                parentNode,
+                children: undefined,
+                listName: saNode.listName,
+            }, ctx);
+        }
+        else {
+            throw new Error(`Unexpected kind: "${nodeType.kind}"`);
+        }
+        return;
+    }
+    ctx.treeNodeDict.set(typeName, saNode);
+    if (saNode.kind === "routingDocument") {
+        if (nodeType.kind !== "document" || nodeType.documentKind !== "routing") {
+            throw new Error(`In the tree, "${typeName}" is used as a routing document but it is a "${nodeType.kind}"`);
+        }
+        if (parentNode) {
+            appendAsRoutingChild({
+                nodeType,
+                typeName,
+                parentNode,
+            });
+        }
+    }
+    else {
+        if (!parentNode)
+            throw new Error("Home node should be a routing document");
+        if (saNode.kind === "regularDocument") {
+            if (nodeType.kind !== "document" || nodeType.documentKind !== "regular") {
+                throw new Error(`In the tree, "${typeName}" is used as a regular document but it is a "${nodeType.kind}"`);
+            }
+            appendAsChildRegularDocument({
+                nodeType,
+                typeName,
+                parentNode,
+                children: saNode.children,
+            }, ctx);
+        }
+        else if (saNode.kind === "part") {
+            if (!parentNode)
+                throw new Error("Home node cannot be a list");
+            if (nodeType.kind !== "part") {
+                throw new Error(`In the tree, "${typeName}" is used as a part but it is a "${nodeType.kind}"`);
+            }
+            appendAsChildPart({
+                nodeType,
+                typeName,
+                parentNode,
+                children: saNode.children,
+                listName: saNode.listName,
+            }, ctx);
+        }
+        else {
+            throw new Error(`Unexpected node kind: "${saNode.kind}"`);
+        }
+    }
+    saNode.children?.forEach((child) => walkTree(child, nodeType, ctx));
+}
+function appendAsRoutingChild(options) {
+    const { nodeType, typeName, parentNode } = options;
+    if (nodeType.kind !== "document") {
+        throw new Error(`In the tree, "${typeName}" is used as a routing document but it is a "${nodeType.kind}"`);
+    }
+    if (nodeType.documentKind !== "routing") {
+        throw new Error(`In the tree, "${typeName}" is used as a routing document but it is a "${nodeType.documentKind}"`);
+    }
+    if (parentNode.kind !== "document") {
+        throw new Error(`In the tree, "${typeName}" is used as a routing document but its parent is a "${parentNode.kind}"`);
+    }
+    if (parentNode.documentKind !== "routing") {
+        throw new Error(`Due to a technical limitation, routing document "${typeName}" can't be used as child of "${parentNode.documentKind}"`);
+    }
+    parentNode.routingChildren ??= [];
+    parentNode.routingChildren.push(typeName);
+}
+function appendAsChildRegularDocument(options, ctx) {
+    const { nodeType, typeName, parentNode, children } = options;
+    const saType = ctx.analysis.dictionary[typeName];
+    if (nodeType.kind !== "document") {
+        throw new Error(`In the tree, "${typeName}" is used as a regular document but it is a "${nodeType.kind}"`);
+    }
+    if (nodeType.documentKind !== "regular") {
+        throw new Error(`In the tree, "${typeName}" is used as a regular document but it is a "${nodeType.documentKind}"`);
+    }
+    if (parentNode.kind !== "document") {
+        throw new Error(`In the tree, "${typeName}" is used as a regular document but its parent is a "${parentNode.kind}"`);
+    }
+    if (!parentNode.regularChildren) {
+        parentNode.regularChildren = [];
+        parentNode.regularChildrenSorting = saType.temporal ? "publishDate desc" : "title asc";
+    }
+    parentNode.regularChildren.push(typeName);
+    children?.forEach((child) => walkTree(child, nodeType, ctx));
+}
+function appendAsChildPart(options, ctx) {
+    const { nodeType, typeName, parentNode, children, listName } = options;
+    const saType = ctx.analysis.dictionary[typeName];
+    if (nodeType.kind !== "part") {
+        throw new Error(`In the tree, "${typeName}" is used as a part but it is a "${nodeType.kind}"`);
+    }
+    if (parentNode.kind === "document") {
+        parentNode.lists ??= [];
+        parentNode.lists.push({
+            listName,
+            parts: [typeName],
+            sorting: saType.temporal ? "publishDate desc" : "manual",
+        });
+    }
+    else if (parentNode.kind === "part") {
+        if (parentNode.list) {
+            parentNode.list.parts.push(typeName);
+        }
+        else {
+            parentNode.list = {
+                parts: [typeName],
+                sorting: saType.temporal ? "publishDate desc" : "manual",
+            };
+        }
+    }
+    else {
+        throw new Error(`Unexpected kind: "${parentNode.kind}"`);
+    }
+    children?.forEach((child) => walkTree(child, nodeType, ctx));
+}
+export function toNodeType(typeName, saType) {
+    if (saType.kind === "part")
+        return toPartNodeType(typeName);
+    if (saType.kind === "regularDocument")
+        return toRegularDocumentNodeType(typeName, saType);
+    if (saType.kind === "routingDocument")
+        return toRoutingDocumentNodeType(typeName, saType);
+    if (saType.kind === "partList")
+        return;
+    throw new Error(`Unexpected kind: "${saType.kind}" for node type "${typeName}"`);
+}
+function toPartNodeType(typeName) {
+    return {
+        typeName,
+        kind: "part",
+    };
+}
+function toRoutingDocumentNodeType(typeName, saType) {
+    return {
+        typeName,
+        kind: "document",
+        documentKind: "routing",
+        ogType: saType.ogType,
+        route: generateSlug(saType.label),
+        withFeaturedImage: typeName !== "home" && !!saType.entryPage,
+    };
+}
+function toRegularDocumentNodeType(typeName, saType) {
+    return {
+        typeName,
+        kind: "document",
+        documentKind: "regular",
+        ogType: saType.ogType,
+        route: saType.temporal ? ":yyyy/:mm/:dd/:relativeId-:slug" : ":relativeId-:slug",
+        withFeaturedImage: true,
+    };
+}

package/gen-backend/dist/generator/site-schema-generator/default-pages.js

@@ -0,0 +1,38 @@
+import { getJtHomeType } from "../site-generator/jt-site-schema-helpers.js";
+export function appendDefaultPages(siteSchema, l10n) {
+    if (!siteSchema.nodeTypes)
+        return;
+    const homeType = getJtHomeType(siteSchema);
+    homeType.routingChildren ??= [];
+    homeType.routingChildren.push("searchPage", "contactPage");
+    siteSchema.nodeTypes.push({
+        typeName: "searchPage",
+        kind: "document",
+        documentKind: "routing",
+        route: {
+            en: "search",
+            fr: "recherche",
+        },
+        withFeaturedImage: false,
+    }, {
+        typeName: "contactPage",
+        kind: "document",
+        documentKind: "routing",
+        route: {
+            en: "contact-us",
+            fr: "contactez-nous",
+        },
+        withFeaturedImage: false,
+    });
+    for (const [language, l10nData] of Object.entries(l10n)) {
+        l10nData.nodeTypes ??= {};
+        if (typeof l10nData.nodeTypes !== "object")
+            throw new Error("Invalid l10n data");
+        l10nData.nodeTypes.searchPage = {
+            label: language === "fr" ? "Page de recherche" : "Search Page",
+        };
+        l10nData.nodeTypes.contactPage = {
+            label: language === "fr" ? "Page de contact" : "Contact Page",
+        };
+    }
+}