@paroicms/site-generator-plugin 0.1.1 → 0.2.1

package/gen-backend/dist/generator/fake-content-generator.ts/create-database-with-fake-content.js

@@ -75,14 +75,6 @@ async function updateSiteFields(ctx, options) {
                 value: siteTitle,
             },
         ],
-        [
-            "contactEmail",
-            {
-                dataType: "string",
-                localized: false,
-                value: `${siteId}@yopmail.com`,
-            },
-        ],
         [
             "favicon",
             {
@@ -142,7 +134,7 @@ async function updateRoutingDocument(ctx, siteOptions, nodeOptions) {
     });
     await ctx.service.connector.updateDocumentContent(fqdn, {
         nodeId: routingIds.nodeId,
-        content: toNcDocumentContent(content, nodeType),
+        content: toRiDocumentContent(content, nodeType),
     });
 }
 async function addRegularDocuments(ctx, siteOptions, nodeOptions) {
@@ -166,7 +158,7 @@ async function addRegularDocuments(ctx, siteOptions, nodeOptions) {
     }
     await ctx.service.connector.addMultipleDocumentContents(fqdn, {
         parentNodeId,
-        contents: list.map((content) => toNcDocumentContent(content, nodeType)),
+        contents: list.map((content) => toRiDocumentContent(content, nodeType)),
     });
 }
 async function addParts(ctx, siteOptions, nodeOptions) {
@@ -190,10 +182,10 @@ async function addParts(ctx, siteOptions, nodeOptions) {
     }
     await ctx.service.connector.addMultiplePartContents(fqdn, {
         parentNodeId,
-        contents: list.map((content) => toNcPartContent(content, nodeType)),
+        contents: list.map((content) => toRiPartContent(content, nodeType)),
     });
 }
-function toNcDocumentContent(content, nodeType) {
+function toRiDocumentContent(content, nodeType) {
     const { title, fields, featuredImage } = content;
     return {
         kind: "document",
@@ -203,7 +195,7 @@ function toNcDocumentContent(content, nodeType) {
         fields,
     };
 }
-function toNcPartContent(content, nodeType) {
+function toRiPartContent(content, nodeType) {
     const { fields } = content;
     return {
         kind: "part",

package/gen-backend/dist/generator/fake-content-generator.ts/create-node-contents.js

@@ -22,7 +22,7 @@ function createNodeContent(options) {
     const fieldTypes = nodeType.fields ?? [];
     if (nodeType.kind === "document") {
         const { title, ...generatedFields } = generatedContent;
-        const fields = toNcFieldSetContent(generatedFields, outputTags, fieldTypes, language);
+        const fields = toRiFieldSetContent(generatedFields, outputTags, fieldTypes, language);
         const featuredImage = nodeType.withFeaturedImage
             ? {
                 file: getRandomImagePath(),
@@ -34,16 +34,16 @@ function createNodeContent(options) {
             fields,
         };
     }
-    const fields = toNcFieldSetContent(generatedContent, outputTags, fieldTypes, language);
+    const fields = toRiFieldSetContent(generatedContent, outputTags, fieldTypes, language);
     return { fields };
 }
-function toNcFieldSetContent(content, outputTags, fieldTypes, language) {
+function toRiFieldSetContent(content, outputTags, fieldTypes, language) {
     const result = {};
     for (const fieldType of fieldTypes) {
         const isMarkdown = outputTags.find((tag) => tag.key === fieldType.name)?.format === "markdown";
         const localized = fieldType.localized;
         const value = content[fieldType.name];
-        const fieldContent = toNcFieldContent({
+        const fieldContent = toRiFieldContent({
             fieldType,
             generatedValue: value,
             localized,
@@ -56,7 +56,7 @@ function toNcFieldSetContent(content, outputTags, fieldTypes, language) {
     }
     return result;
 }
-function toNcFieldContent(options) {
+function toRiFieldContent(options) {
     const { fieldType, generatedValue, localized, language, isMarkdown } = options;
     if (generatedValue !== undefined && localized) {
         if (fieldType.dataType === "string") {
@@ -67,7 +67,7 @@ function toNcFieldContent(options) {
             };
         }
         if (fieldType.dataType === "quillDelta" && isMarkdown) {
-            return toNcQuillDeltaContent(generatedValue);
+            return toRiQuillDeltaContent(generatedValue);
         }
     }
     if (fieldType.storedAs === "mediaHandle") {
@@ -124,7 +124,7 @@ function toNcFieldContent(options) {
         }
     }
 }
-function toNcQuillDeltaContent(content) {
+function toRiQuillDeltaContent(content) {
     return {
         dataType: "quillDelta",
         localized: true,

package/gen-backend/dist/generator/site-generator/common-template-creator.js

@@ -21,6 +21,14 @@ export function templateOfSiteHeader(ctx) {
   <header class="Container Header">
     ${indent(content.filter(Boolean).join("\n"), 2, { skipFirst: true })}
   </header>
+</div>
+<div
+  class="_mobileMenu"
+  data-effect="paMobileMenu"
+  style="display: none"
+>
+  <div data-inject="logo"></div>
+  <div data-inject="content"></div>
 </div>`;
 }
 function templateOfSiteLogoTitle(ctx) {
@@ -29,7 +37,7 @@ function templateOfSiteLogoTitle(ctx) {
     const content = [
         siteType.fields?.includes("logo")
             ? `{% if site.field.logo %}
-  {% useImage logo uid: site.field.logo.uid size: "x50" %}
+  {% useImage logo uid: site.field.logo.uid size: "50x50" %}
   <img
     src="{{ logo.url }}"
     width="{{ logo.width }}"
@@ -43,7 +51,7 @@ function templateOfSiteLogoTitle(ctx) {
     return `<a
   class="Header-logo"
   href="{{ site.home.url }}"
-  data-menu-item-id="{{ site.home.id }}">
+  data-mobile-menu-part="logo">
   ${indent(content.filter(Boolean).join("\n"), 1, { skipFirst: true })}
 </a>`;
 }
@@ -60,7 +68,10 @@ function templateOfMainMenu(ctx) {
   {{ ${typeName}.title }}
 </a>`);
     return `${variableTemplates.join("\n")}
-<nav data-activate-menu-items="{{ doc.id | activateMenuItemsData }}">
+<nav
+  data-activate-menu-items="{{ doc.id | activateMenuItemsData }}"
+  data-mobile-menu-part="content"
+  data-mobile-menu-action="move">
   ${indent(itemTemplates.join("\n"), 1, { skipFirst: true })}
 </nav>`;
 }
@@ -70,11 +81,14 @@ function templateOfSearchOpener(ctx) {
     const typeName = homeType.routingChildren?.find((typeName) => typeName === "search" || typeName === "searchPage");
     if (!typeName)
         return;
-    return `{% getDoc ${typeName} id: site.home.${typeName}.id %}
-<span
-  data-effect="searchOpener"
-  data-search-url="{{ ${typeName}.url }}"
-  data-icon-color="#fff"></span>`;
+    return `<div class="Row center">
+  {% getDoc ${typeName} id: site.home.${typeName}.id %}
+  <span
+    data-effect="paSearchOpener"
+    data-search-url="{{ ${typeName}.url }}"
+    data-icon-color="#fff"></span>
+  <div data-mobile-menu="button"></div>
+</div>`;
 }
 export function templateOfSiteFooter(ctx) {
     const content = [templateOfSiteFooterMention(ctx), templateOfLanguageSelector(ctx)];

package/gen-backend/dist/generator/site-generator/document-template-creator.js

@@ -26,7 +26,7 @@ export function templateOfDocumentType(ctx, documentType) {
     ].filter(Boolean);
     return `{% layout "layouts/main-layout.liquid" doc: doc site: site %}
 {% block %}
-${blocks.map((block) => indent(block, 1)).join("\n\n")}
+${blocks.join("\n\n")}
 {% endblock %}`;
 }
 function templateOfTitleAndFields(ctx, documentType) {
@@ -54,7 +54,7 @@ function templateOfSpecialDocument(ctx, documentType) {
         addLiquidFile("partials", "result-item.public.liquid", templateOfDocumentTile("doc"));
         return `<div
   class="Container"
-  data-effect="searchForm"
+  data-effect="paSearchApp"
   data-template="result-item"
   data-limit="10"></div>`;
     }
@@ -62,7 +62,7 @@ function templateOfSpecialDocument(ctx, documentType) {
         return `<div class="Container">
   <div class="TextWidth Pt">
     <div
-      data-effect="contactForm"
+      data-effect="paContactForm"
       data-recaptcha-key="{{ site.recaptchaKey }}"
       data-home-url="{{ site.home.url }}"></div>
   </div>
@@ -145,7 +145,7 @@ function templateOfRegularDocumentTiles(ctx, parentType, parentIdKeyProvider, {
 <div class="Container">
   <div
     class="Page List"
-    data-effect="infiniteLoading"
+    data-effect="paInfiniteLoading"
     data-parent-id="{{ ${idKey} }}"
     data-start="{{ ${childrenVariableName}.pageSize }}"
     data-limit="{{ ${childrenVariableName}.pageSize }}"

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

@@ -33,11 +33,19 @@ export async function generateSite(ctx, input) {
     if (withFakeContent) {
         await fillSiteWithFakeContent(ctx, { siteConf, siteId, siteTitle });
     }
+    const account = {
+        kind: "local",
+        email: `${siteId}@yopmail.com`,
+        name: "Admin",
+        password: Math.random().toString(36).substring(2, 6), // 4 random lowercase characters,
+    };
+    await ctx.service.connector.createAccount(siteConf.fqdn, account, { asContactEmail: true });
     const { siteUrl } = siteConf;
     return {
         siteId,
         url: siteUrl,
         boUrl: `${siteUrl}/adm`,
+        account,
     };
 }
 function getPackageJsonContent(options) {
@@ -58,11 +66,11 @@ function getPackageJsonContent(options) {
             "_pino-pretty": "pino-pretty -U false -x 'stats:25' -X 'stats:grey' -t 'yyyy-mm-dd HH:MM:ss.l' -i 'hostname,pid,fqdn'",
         },
         dependencies: {
-            "@paroicms/contact-form-plugin": "0.18.0",
-            "@paroicms/content-loading-plugin": "0.11.0",
-            "@paroicms/public-menu-plugin": "0.8.0",
+            "@paroicms/contact-form-plugin": "*",
+            "@paroicms/content-loading-plugin": "*",
+            "@paroicms/public-menu-plugin": "*",
+            "@paroicms/quill-editor-plugin": "*",
             "@paroicms/server": "*",
-            "@paroicms/quill-editor-plugin": "1.27.0",
         },
         devDependencies: {
             concurrently: "~9.1.2",

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

@@ -16,6 +16,7 @@ export async function createTheme(ctx, siteDir, siteSchema) {
         themeContext.addLiquidFile("root", `${camelToKebabCase(nodeType.typeName)}.liquid`, templateOfDocumentType(themeContext, nodeType));
     }
     themeContext.addFile("theme.json", getThemeJsonContent());
+    themeContext.addFile(".theme-check.yml", getLiquidLinterCheckContent());
     themeContext.addFile("assets/scss/theme.scss", getThemeCssContent());
     themeContext.addFile("assets/css/theme.css", getThemeCssContent());
     themeContext.addLiquidFile("layouts", "main-layout.liquid", templateOfLayout(themeContext));
@@ -169,6 +170,18 @@ function getThemeJsonContent() {
         pixelRatio: 1.5,
     }, null, 2);
 }
+function getLiquidLinterCheckContent() {
+    return `UndefinedObject:
+  enabled: false
+TranslationKeyExists:
+  enabled: false
+MissingTemplate:
+  enabled: false
+RemoteAsset:
+  enabled: false
+UnknownFilter:
+  enabled: false`;
+}
 async function ensureDirectory(dirPath, { recursive = false } = {}) {
     try {
         await mkdir(dirPath, { recursive });

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

@@ -1,5 +1,10 @@
 export function getThemeCssContent() {
-    return `/* Reset */
+    return `/* Global */
+:root {
+  --paInteractiveColor: #99f;
+}
+
+/* Reset */
 * {
   box-sizing: border-box;
 }
@@ -43,6 +48,21 @@ header {
   }
 }
 
+.Header-logo {
+  display: flex;
+  align-items: center;
+}
+
+.Header-logo img {
+  margin-right: 10px;
+  border-radius: 50%;
+}
+
+.Header-title {
+  font-size: 20px;
+  font-weight: bold;
+}
+
 footer {
   margin-top: 30px;
   padding: 20px;
@@ -100,18 +120,8 @@ nav {
   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 {
+nav a,
+nav a:visited {
   color: rgba(255, 255, 255, 0.85);
   padding: 8px;
   margin: 0 4px;
@@ -142,6 +152,24 @@ nav a.active::after {
   border-radius: 1.5px;
 }
 
+._mobileMenu nav {
+  display: block;
+  margin-top: 40px;
+}
+
+._mobileMenu nav a,
+._mobileMenu nav a:visited,
+._mobileMenu nav a:active,
+._mobileMenu nav a:hover {
+  color: #333;
+}
+
+._mobileMenu nav a {
+  display: block;
+  margin: 0;
+  padding: 10px;
+}
+
 /* Classes */
 
 ._bg2 {
@@ -182,21 +210,6 @@ nav a.active::after {
   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: "";
@@ -240,17 +253,15 @@ nav a.active::after {
   width: 100%;
 }
 
-.InfiniteLoading-actionArea {
+.PaInfiniteLoading-loadMore {
   align-items: center;
   display: flex;
   justify-content: center;
 }
 
-button,
 .Button,
-.SearchOpenerBtn,
-.InfiniteLoading-btn,
-.ContactForm-btn {
+.PaButton,
+.PaIconButton {
   background-color: #3498db;
   border: 1px solid #3498db;
   border-radius: 5px;
@@ -263,24 +274,20 @@ button,
   text-align: center;
   text-decoration: none;
 }
-button:hover,
+
 .Button:hover,
-.SearchOpenerBtn:hover,
-.InfiniteLoading-btn:hover,
-.ContactForm-btn:hover {
+.PaButton:hover {
   background-color: #2980b9;
   border-color: #2980b9;
 }
-button:disabled,
+
 .Button:disabled,
-.SearchOpenerBtn:disabled,
-.InfiniteLoading-btn:disabled,
-.ContactForm-btn:disabled {
+.PaButton:disabled {
   background-color: #ccc;
   border-color: #ccc;
 }
 
-.SearchOpenerBtn {
+.PaSearchOpenerButton {
   display: flex;
 }
 
@@ -313,11 +320,7 @@ button:disabled,
   justify-content: space-between;
 }
 
-.SearchPageResponse,
-.SearchPageResponse div {
-  display: flex;
-  flex-direction: column;
+.Row.center {
   align-items: center;
-  gap: 20px;
 }`;
 }