@paroicms/site-generator-plugin 0.24.2 → 0.25.0

package/backend/dist/generator/site-generator/theme-creator-context.js

@@ -0,0 +1,109 @@
+import { getPredefinedFields } from "../lib/create-prompt.js";
+export function createThemeCreatorContext(siteSchema) {
+    const languages = siteSchema.languages ?? [];
+    const liquidFiles = new Map();
+    const localeFiles = new Map();
+    const otherFiles = new Map();
+    const issues = [];
+    const getParentTypes = makeGetParentTypes(siteSchema);
+    return {
+        siteSchema,
+        labeledDocuments: getLabeledDocuments(siteSchema, getParentTypes),
+        getParentTypes,
+        predefinedFields: new Map(getPredefinedFields().map((f) => [f.fieldName, f])),
+        setLocalizedLabel(label) {
+            for (const language of languages) {
+                const value = label[language];
+                if (!value)
+                    continue;
+                let f = localeFiles.get(language);
+                if (!f) {
+                    f = {};
+                    localeFiles.set(language, f);
+                }
+                f[language] = value;
+            }
+        },
+        hasLiquidFile(directory, filename) {
+            const path = directory === "root" ? `templates/${filename}` : `templates/${directory}/${filename}`;
+            return liquidFiles.has(path);
+        },
+        addLiquidFile(directory, filename, content, { skipIfExists = false } = {}) {
+            const path = directory === "root" ? `templates/${filename}` : `templates/${directory}/${filename}`;
+            if (liquidFiles.has(path)) {
+                if (skipIfExists)
+                    return;
+                issues.push(`Liquid file already exists, overwrite: "${path}"`);
+            }
+            liquidFiles.set(path, content);
+        },
+        addFile(path, content) {
+            if (otherFiles.has(path))
+                throw new Error(`File already exists: "${path}"`);
+            otherFiles.set(path, content);
+        },
+        toFiles() {
+            const files = [
+                ...Array.from(liquidFiles.entries()).map(([path, content]) => ({ path, content })),
+                ...Array.from(localeFiles.entries()).map(([language, content]) => ({
+                    path: `locales/${language}.json`,
+                    content: JSON.stringify(content, null, 2),
+                })),
+                ...Array.from(otherFiles.entries()).map(([path, content]) => ({ path, content })),
+            ];
+            files.sort((a, b) => a.path.localeCompare(b.path));
+            return { files, issues: issues.length > 0 ? issues : undefined };
+        },
+    };
+}
+function makeGetParentTypes(siteSchema) {
+    const parentsByChild = new Map();
+    const nodeTypes = siteSchema.nodeTypes ?? [];
+    for (const type of nodeTypes) {
+        if (type.kind !== "document")
+            continue;
+        if (type.documentKind === "routing") {
+            for (const childName of type.routingChildren ?? []) {
+                const list = parentsByChild.get(childName) ?? [];
+                list.push(type);
+                parentsByChild.set(childName, list);
+            }
+        }
+        for (const childName of type.regularChildren ?? []) {
+            const list = parentsByChild.get(childName) ?? [];
+            list.push(type);
+            parentsByChild.set(childName, list);
+        }
+    }
+    return (documentType) => parentsByChild.get(documentType.typeName) ?? [];
+}
+function getLabeledDocuments(siteSchema, getParentTypes) {
+    const result = [];
+    for (const documentType of siteSchema.nodeTypes ?? []) {
+        if (documentType.kind !== "document" || documentType.documentKind !== "regular")
+            continue;
+        for (const field of documentType.fields ?? []) {
+            if (typeof field === "string" || field.storedAs !== "labeling")
+                continue;
+            const taxonomyType = siteSchema.nodeTypes?.find((nt) => nt.typeName === field.taxonomy);
+            if (!taxonomyType ||
+                taxonomyType.kind !== "document" ||
+                taxonomyType.documentKind !== "routing") {
+                continue;
+            }
+            for (const parentDocumentType of getParentTypes(documentType)) {
+                if (parentDocumentType.kind !== "document" ||
+                    parentDocumentType.documentKind !== "routing") {
+                    continue;
+                }
+                result.push({
+                    documentType,
+                    parentDocumentType,
+                    field,
+                    taxonomyType,
+                });
+            }
+        }
+    }
+    return result;
+}

package/backend/dist/generator/site-generator/theme-creator.js

@@ -1,11 +1,11 @@
 import { isObj } from "@paroicms/public-anywhere-lib";
 import { mkdir, writeFile } from "node:fs/promises";
 import { dirname, join } from "node:path";
-import { getPredefinedFields } from "../lib/create-prompt.js";
 import { camelToKebabCase } from "../lib/utils.js";
 import { templateOfSiteFooter, templateOfSiteHeader } from "./common-template-creator.js";
 import { templateOfDocumentType } from "./document-template-creator.js";
 import { isMultilingual } from "./jt-site-schema-helpers.js";
+import { createThemeCreatorContext } from "./theme-creator-context.js";
 import { getThemeCssContent } from "./theme-css.js";
 export async function createTheme(ctx, siteDir, siteSchema) {
     const themeContext = createThemeCreatorContext(siteSchema);
@@ -38,70 +38,6 @@ export async function createTheme(ctx, siteDir, siteSchema) {
         ctx.logger.warn(`Issues in "${siteDir}":`, issues);
     }
 }
-function createThemeCreatorContext(siteSchema) {
-    const languages = siteSchema.languages ?? [];
-    const liquidFiles = new Map();
-    const localeFiles = new Map();
-    const otherFiles = new Map();
-    const issues = [];
-    return {
-        siteSchema,
-        predefinedFields: new Map(getPredefinedFields().map((f) => [f.fieldName, f])),
-        setLocalizedLabel(label) {
-            for (const language of languages) {
-                const value = label[language];
-                if (!value)
-                    continue;
-                let f = localeFiles.get(language);
-                if (!f) {
-                    f = {};
-                    localeFiles.set(language, f);
-                }
-                f[language] = value;
-            }
-        },
-        hasLiquidFile(directory, filename) {
-            const path = directory === "root" ? `templates/${filename}` : `templates/${directory}/${filename}`;
-            return liquidFiles.has(path);
-        },
-        addLiquidFile(directory, filename, content, { skipIfExists = false } = {}) {
-            const path = directory === "root" ? `templates/${filename}` : `templates/${directory}/${filename}`;
-            if (liquidFiles.has(path)) {
-                if (skipIfExists)
-                    return;
-                issues.push(`Liquid file already exists, overwrite: "${path}"`);
-            }
-            liquidFiles.set(path, content);
-        },
-        addFile(path, content) {
-            if (otherFiles.has(path))
-                throw new Error(`File already exists: "${path}"`);
-            otherFiles.set(path, content);
-        },
-        toFiles() {
-            const files = [
-                ...Array.from(liquidFiles.entries()).map(([path, content]) => ({ path, content })),
-                ...Array.from(localeFiles.entries()).map(([language, content]) => ({
-                    path: `locales/${language}.json`,
-                    content: JSON.stringify(content, null, 2),
-                })),
-                ...Array.from(otherFiles.entries()).map(([path, content]) => ({ path, content })),
-            ];
-            files.sort((a, b) => a.path.localeCompare(b.path));
-            return { files, issues: issues.length > 0 ? issues : undefined };
-        },
-    };
-}
-// function getDefaultLiquidContent() {
-//   return `{% layout "layouts/main-layout.liquid" doc: doc site: site %}
-// {% block %}
-// <div class="Container">
-//   <div class="Page">
-//     {{ doc | info }}
-//   </div>
-// </div>
-// {% endblock %}`;
-// }
 function templateOf404(ctx) {
     const { siteSchema } = ctx;
     const rawParam = isMultilingual(siteSchema) ? " raw: true" : "";
@@ -132,13 +68,13 @@ function templateOfLayout(ctx) {
     const multilingual = isMultilingual(siteSchema);
     ctx.addLiquidFile("partials", "site-header.liquid", templateOfSiteHeader(ctx));
     ctx.addLiquidFile("partials", "site-footer.liquid", templateOfSiteFooter(ctx));
-    const renderHeader = `{% render "partials/site-header" doc: doc site: site %}`;
+    const renderHeader = `{% render "partials/site-header" doc: doc %}`;
     const headerTemplate = multilingual
         ? `{% unless raw %}
   ${renderHeader}
 {% endunless %}`
         : renderHeader;
-    const renderFooter = `{% render "partials/site-footer" doc: doc site: site %}`;
+    const renderFooter = `{% render "partials/site-footer" doc: doc %}`;
     const footerTemplate = multilingual
         ? `{% unless raw %}
   ${renderFooter}

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

@@ -69,7 +69,7 @@ footer {
   text-align: center;
 }
 
-/* Tile */
+/* Card */
 
 a > article {
   background-color: #fff;
@@ -270,6 +270,10 @@ nav a.active::after {
 
 .Field {
   margin: 20px 0;
+
+  a {
+    text-decoration: underline;
+  }
 }
 
 .Field:has(> .Field-img) {
@@ -300,5 +304,58 @@ nav a.active::after {
 .Row.center {
   align-items: center;
 }
+
+.LanguageSelector {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  li {
+    display: inline-block;
+    margin: 0 5px;
+  }
+
+  li:not(:last-child)::after {
+    content: " - ";
+    margin-left: 5px;
+  }
+
+  a {
+    text-decoration: underline;
+  }
+
+  span {
+    font-weight: bold;
+  }
+}
+
+.FlexWrap {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 5px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.Label {
+  background-color: #e9ecef;
+  border: 1px solid #dee2e6;
+  border-radius: 12px;
+  color: #495057;
+  display: inline-block;
+  font-size: 12px;
+  font-weight: 500;
+  margin: 0;
+  padding: 4px 8px;
+}
+
+a.Label {
+  background-color: #bedefeff;
+}
+
+a.Label:hover {
+  background-color: #8bc0f5ff;
+}
 `;
 }

package/backend/dist/index.js

@@ -43,12 +43,12 @@ const plugin = {
             startSiteRemover(rawContext);
         });
         service.setPublicAssetsDirectory(join(packageDir, "frontend", "dist"));
-        service.registerLiquidTag("siteGeneratorApp", "injectHtml", (service) => {
-            service.setRenderState("paSiteGeneratorApp", true);
+        service.registerOutLiquidTagFunction("siteGeneratorApp", (service) => {
+            service.setRenderState("siteGeneratorApp", true);
             return `<div id="site-generator-app"></div>`;
-        });
+        }, { raw: true });
         service.registerHeadTags(({ state }) => {
-            if (!state.get("paSiteGeneratorApp"))
+            if (!state.get("siteGeneratorApp"))
                 return;
             return [
                 makeStylesheetLinkAsyncTag(`${service.pluginAssetsUrl}/frontend.css`),

package/backend/prompts/message-guard.md

@@ -24,7 +24,6 @@ These messages are invalid because they are malicious: the purpose is obviously
 The list of technical limits:
 
 - We can't do an online shop.
-- We can't implement taxonomies in the generator right now.
 
 # Guidelines