@paroicms/generator-site 0.1.0

package/.turbo/turbo-build.log

@@ -0,0 +1,12 @@
+
+> @paroicms/generator-site@0.0.0 build
+> npm run scss
+
+
+> @paroicms/generator-site@0.0.0 scss
+> npm run _scss -- --no-source-map --style=compressed
+
+
+> @paroicms/generator-site@0.0.0 _scss
+> sass theme/assets/scss/index.scss theme/assets/css/index.css --no-source-map --style=compressed
+

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+# @paroicms/generator-site
+
+## 0.1.0
+
+### Minor Changes
+
+- fde268b: Site generator; site-schema v7
+
+### Patch Changes
+
+- Updated dependencies [fde268b]
+  - @paroicms/site-generator-plugin@0.1.0
+  - @paroicms/quill-editor-plugin@1.28.0

package/README.md

@@ -0,0 +1,9 @@
+# @paroicms/generator-site
+
+ParoiCMS generator website.
+
+This package is part of [ParoiCMS](https://www.npmjs.com/package/@paroicms/server).
+
+## License
+
+Released under the [MIT license](https://gitlab.com/paroi/opensource/paroicms/-/blob/main/LICENSE.md).

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "@paroicms/generator-site",
+  "version": "0.1.0",
+  "description": "ParoiCMS generator website",
+  "author": "Paroi Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.com/paroi/opensource/paroicms.git",
+    "directory": "sites/generator"
+  },
+  "type": "module",
+  "types": "paroicms-site.d.ts",
+  "main": "paroicms-site.js",
+  "scripts": {
+    "start": "paroicms | npm run _pino-pretty",
+    "start:dev": "nodemon --watch 'site-schema*.json' --watch config.json",
+    "clear": "rimraf theme/assets/css/*",
+    "build": "npm run scss",
+    "dev": "concurrently -n 'node,scss' -c 'yellow.bold,magenta.bold' 'npm run start:dev' 'npm run scss:watch'",
+    "scss": "npm run _scss -- --no-source-map --style=compressed",
+    "scss:watch": "npm run _scss && npm run _scss -- --watch",
+    "_scss": "sass theme/assets/scss/index.scss theme/assets/css/index.css",
+    "_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/site-generator-plugin": "0.1.0",
+    "@paroicms/quill-editor-plugin": "1.28.0"
+  },
+  "devDependencies": {
+    "concurrently": "~9.1.2",
+    "nodemon": "~3.1.9",
+    "pino-pretty": "~13.0.0",
+    "rimraf": "~6.0.1",
+    "sass": "~1.84.0"
+  }
+}

package/paroicms-site.d.ts

@@ -0,0 +1,3 @@
+export declare const siteDir: string;
+export declare const version: string;
+export declare const fqdn: string;

package/paroicms-site.js

@@ -0,0 +1,10 @@
+import { resolveModuleDirectory } from "@paroicms/public-server-lib";
+import { readFileSync } from "fs";
+import { join } from "path";
+
+const packageDir = resolveModuleDirectory(import.meta.url);
+const packageJson = JSON.parse(readFileSync(join(packageDir, 'package.json'), 'utf-8'));
+
+export const siteDir = packageDir;
+export const version = packageJson.version;
+export const fqdn = "generator.paroicms.org";

package/site-schema.json

@@ -0,0 +1,21 @@
+{
+  "version": "7",
+  "languages": ["en"],
+  "plugins": ["@paroicms/site-generator-plugin", "@paroicms/quill-editor-plugin"],
+  "nodeTypes": [
+    {
+      "kind": "site",
+      "fields": ["logo", "footerMention"]
+    },
+    {
+      "typeName": "home",
+      "kind": "document",
+      "documentKind": "routing",
+      "withFeaturedImage": false,
+      "fields": ["introduction"],
+      "backOffice": {
+        "defaultTab": "edit"
+      }
+    }
+  ]
+}

package/site-schema.l10n.en.json

@@ -0,0 +1,7 @@
+{
+  "nodeTypes": {
+    "home": {
+      "label": "Home page"
+    }
+  }
+}

package/site-schema.l10n.fr.json

@@ -0,0 +1,7 @@
+{
+  "nodeTypes": {
+    "home": {
+      "label": "Page d'accueil"
+    }
+  }
+}

package/theme/assets/css/index.css

@@ -0,0 +1 @@
+*,*::before,*::after{box-sizing:border-box}:root{--mobileMaxWidth: 640px;--desktopMinWidth: 992px;--siteAppMobileMenuMaxWidth: 992px;--siteAppBtnBgColor: #999;--siteAppSearchIconColor: #999;--siteAppBtnFgColor: #999;--transitionDuration: 0.2s}.Container{margin-left:auto;margin-right:auto;max-width:1200px}.Container.text{max-width:700px}@media not all and (min-width: 640px){.Container{width:90%}}@media(min-width: 640px){.Container.pad{max-width:1240px;padding-left:20px;padding-right:20px}.Container.pad.text{max-width:740px}}@media(min-width: 640px){.Grid6,.Grid9,.Grid12{column-gap:25px;display:grid;row-gap:25px}.Grid6{grid-template-columns:repeat(6, 1fr)}.Grid9{grid-template-columns:repeat(9, 1fr)}.Grid12{grid-template-columns:repeat(12, 1fr)}.Span2{grid-column-end:span 2}.Span3{grid-column-end:span 3}.Span4{grid-column-end:span 4}.Span6{grid-column-end:span 6}.Span12{grid-column-end:span 12}.Column3{grid-column-start:3}.Column4{grid-column-start:4}.Column7{grid-column-start:7}@media not all and (min-width: 992px){.Span4Tablet{grid-column-end:span 4}}}.Text,.InlineText{hyphens:auto;overflow-wrap:break-word}@media not all and (min-width: 640px){.Text,.InlineText{hyphens:auto}}.Text.justified p,.Text.justified li,.InlineText.justified p,.InlineText.justified li{text-align:justify}.Text p,.Text li,.InlineText p,.InlineText li{line-height:1.55}.Text.justify p,.Text.justify li,.InlineText.justify p,.InlineText.justify li{text-align:justify}.Text p,.Text ul,.Text ol,.InlineText p,.InlineText ul,.InlineText ol{margin-bottom:.65em}.Text.book p,.Text.book ul,.Text.book ol,.InlineText.book p,.InlineText.book ul,.InlineText.book ol{margin-bottom:0}.Text ul,.Text ol,.InlineText ul,.InlineText ol{margin-left:3em}.Text ul,.InlineText ul{list-style:disc}.Text ol,.InlineText ol{list-style:decimal}.Text em,.Text i,.InlineText em,.InlineText i{font-style:italic}.Text strong,.Text b,.InlineText strong,.InlineText b{font-weight:bold}.Text s,.InlineText s{text-decoration:line-through}.Text strong,.InlineText strong{color:#111}.Text .ql-align-center,.InlineText .ql-align-center{text-align:center !important}.Text .ql-align-right,.InlineText .ql-align-right{text-align:right !important}.Text .ql-size-small,.InlineText .ql-size-small{font-size:.8125rem;line-height:normal}.Text .ql-size-large,.InlineText .ql-size-large{font-size:1.125rem}.Text .ql-size-huge,.InlineText .ql-size-huge{font-size:2rem}.Text h2:has(.ql-size-huge),.InlineText h2:has(.ql-size-huge){margin-bottom:8px}.Text .hljs,.InlineText .hljs{background-color:#f5f5f5;border-left:5px solid #ddd;font-family:monospace;font-size:.875rem;line-height:1.35;margin:20px 0;overflow-x:auto;padding:10px}@media(min-width: 640px){.Text .hljs,.InlineText .hljs{border-left:15px solid #ddd;margin:20px 10px;padding:10px 20px 10px 15px}}.Text code,.InlineText code{background-color:#f5f5f5;border:1px dotted #ccc;color:#785454;font-family:sans-serif;font-size:.9375rem;padding:1px 3px}.Text::after{clear:both;content:"";display:block}.Text p{text-indent:40px}.Text.bigFirstLetter p:first-of-type::first-letter{color:#555;font-size:1.65em;line-height:1}.Text pre{background-color:#f5f5f5;color:#555;overflow:auto;padding:4px}.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 h1,.Text h2,.Text h3,.Text h4,.Text h5{line-height:1.25;text-align:left}.Text h1,.Text h2{clear:both;font-size:1.75rem;font-weight:bold;margin:1.2rem 0}.Text h3{font-size:1.125rem;font-weight:bold;margin:.8rem 0}.Text h4,.Text h5{font-size:1rem;font-weight:bold}.Text blockquote{border-left:5px solid #e5e5e5;color:#666;font-style:italic;margin:1.5em 20px 1.5em 30px;padding:.2em 10px;quotes:"«" "»" "‘" "’"}.Text blockquote::after,.Text blockquote::before{color:#ccc;font-size:1.65em;font-weight:bold;line-height:.1em;vertical-align:-0.1em}.Text blockquote::before{content:open-quote;margin-right:.25em}.Text blockquote::after{content:close-quote;margin-left:.25em}.InlineText a,.InlineText a:visited,.Text a,.Text a:visited,a.TextLink,a.TextLink:visited{color:var(--linkColor)}.InlineText a:focus,.InlineText a:hover,.Text a:focus,.Text a:hover,a.TextLink:focus,a.TextLink:hover{text-decoration:underline}a[target=_blank]::after{content:"";background-image:url("../images/external-link.svg");background-size:contain;background-repeat:no-repeat;display:inline-block;height:10px;margin-left:2px;vertical-align:text-bottom;width:10px}a[target=_blank]:hover::after,a[target=_blank]:focus::after{transform:scale(1.2)}body{line-height:1.5;padding:0;margin:0}

package/theme/assets/js/main.js

@@ -0,0 +1,3 @@
+document.addEventListener("DOMContentLoaded", () => {
+  
+});

package/theme/assets/scss/_Text.scss

@@ -0,0 +1,270 @@
+@use "constants";
+
+.Text,
+.InlineText {
+  hyphens: auto;
+  overflow-wrap: break-word;
+
+  @include constants.for-phone {
+    hyphens: auto;
+  }
+
+  &.justified {
+
+    p,
+    li {
+      text-align: justify;
+    }
+  }
+
+  p,
+  li {
+    line-height: 1.55;
+  }
+
+  &.justify {
+
+    p,
+    li {
+      text-align: justify;
+    }
+  }
+
+  p,
+  ul,
+  ol {
+    margin-bottom: 0.65em;
+  }
+
+  &.book {
+
+    p,
+    ul,
+    ol {
+      margin-bottom: 0;
+    }
+  }
+
+  ul,
+  ol {
+    margin-left: 3em;
+  }
+
+  ul {
+    list-style: disc;
+  }
+
+  ol {
+    list-style: decimal;
+  }
+
+
+  em,
+  i {
+    font-style: italic;
+  }
+
+  strong,
+  b {
+    font-weight: bold;
+  }
+
+  s {
+    text-decoration: line-through;
+  }
+
+  strong {
+    color: rgb(17, 17, 17);
+  }
+
+  .ql-align-center {
+    text-align: center !important;
+  }
+
+  .ql-align-right {
+    text-align: right !important;
+  }
+
+  .ql-size-small {
+    font-size: constants.$f13;
+    line-height: normal;
+  }
+
+  .ql-size-large {
+    font-size: constants.$f18;
+  }
+
+  .ql-size-huge {
+    font-size: constants.$f32;
+  }
+
+  h2:has(.ql-size-huge) {
+    margin-bottom: 8px
+  }
+
+  .hljs {
+    background-color: #f5f5f5;
+    border-left: 5px solid #ddd;
+    font-family: monospace;
+    font-size: constants.$f14;
+    line-height: 1.35;
+    margin: 20px 0;
+    overflow-x: auto;
+    padding: 10px;
+
+    @include constants.for-tablet-up {
+      border-left: 15px solid #ddd;
+      margin: 20px 10px;
+      padding: 10px 20px 10px 15px;
+    }
+  }
+
+  code {
+    background-color: #f5f5f5;
+    border: 1px dotted #ccc;
+    color: #785454;
+    font-family: sans-serif;
+    font-size: constants.$f15;
+    padding: 1px 3px;
+  }
+}
+
+.Text {
+  &::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+
+  p {
+    text-indent: 40px;
+  }
+
+  &.bigFirstLetter p:first-of-type::first-letter {
+    color: #555;
+    font-size: 1.65em;
+    line-height: 1;
+  }
+
+  pre {
+    background-color: #f5f5f5;
+    color: #555;
+    overflow: auto;
+    padding: 4px;
+  }
+
+  .Img {
+    height: auto;
+
+    &.left {
+      float: left;
+      margin: 5px 20px 10px 0;
+    }
+
+    &.right {
+      float: right;
+      margin: 5px 0 10px 20px;
+    }
+
+    &.left,
+    &.right {
+      max-width: 50%;
+    }
+
+    &.center {
+      display: block;
+      margin: 20px auto;
+    }
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5 {
+    line-height: 1.25;
+    text-align: left;
+  }
+
+  h1,
+  h2 {
+    clear: both;
+    font-size: constants.$f28;
+    font-weight: bold;
+    margin: 1.2rem 0;
+  }
+
+  h3 {
+    font-size: constants.$f18;
+    font-weight: bold;
+    margin: 0.8rem 0;
+  }
+
+  h4,
+  h5 {
+    font-size: constants.$f16;
+    font-weight: bold;
+  }
+
+  blockquote {
+    border-left: 5px solid #e5e5e5;
+    color: #666;
+    font-style: italic;
+    margin: 1.5em 20px 1.5em 30px;
+    padding: 0.2em 10px;
+    quotes: "«" "»" "‘" "’";
+
+    &::after,
+    &::before {
+      color: #ccc;
+      font-size: 1.65em;
+      font-weight: bold;
+      line-height: 0.1em;
+      vertical-align: -0.1em;
+    }
+
+    &::before {
+      content: open-quote;
+      margin-right: 0.25em;
+    }
+
+    &::after {
+      content: close-quote;
+      margin-left: 0.25em;
+    }
+  }
+}
+
+.InlineText a,
+.Text a,
+a.TextLink {
+
+  &,
+  &:visited {
+    color: var(--linkColor);
+  }
+
+  &:focus,
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+a[target="_blank"] {
+  &::after {
+    content: "";
+    background-image: url('../images/external-link.svg');
+    background-size: contain;
+    background-repeat: no-repeat;
+    display: inline-block;
+    height: 10px;
+    margin-left: 2px;
+    vertical-align: text-bottom;
+    width: 10px;
+  }
+
+  &:hover::after,
+  &:focus::after {
+    transform: scale(1.2);
+  }
+}

package/theme/assets/scss/_constants.scss

@@ -0,0 +1,93 @@
+:root {
+  --mobileMaxWidth: 640px;
+  --desktopMinWidth: 992px;
+  --siteAppMobileMenuMaxWidth: 992px;
+  --siteAppBtnBgColor: #999;
+  --siteAppSearchIconColor: #999;
+  --siteAppBtnFgColor: #999;
+  --transitionDuration: 0.2s;
+}
+
+@mixin for-phone {
+  @media not all and (min-width: 640px) {
+    @content;
+  }
+}
+
+@mixin for-tablet-up {
+  @media (min-width: 640px) {
+    @content;
+  }
+}
+
+@mixin for-phone-and-tablet {
+  @media not all and (min-width: 992px) {
+    @content;
+  }
+}
+
+@mixin for-desktop {
+  @media (min-width: 992px) {
+    @content;
+  }
+}
+
+$f6: 0.375rem;
+$f7: 0.4375rem;
+$f8: 0.5rem;
+$f9: 0.5625rem;
+$f10: 0.625rem;
+$f11: 0.6875rem;
+$f12: 0.75rem;
+$f13: 0.8125rem;
+$f14: 0.875rem;
+$f15: 0.9375rem;
+$f16: 1rem;
+$f17: 1.0625rem;
+$f18: 1.125rem;
+$f19: 1.1875rem;
+$f20: 1.25rem;
+$f21: 1.3125rem;
+$f22: 1.375rem;
+$f23: 1.4375rem;
+$f24: 1.5rem;
+$f25: 1.5625rem;
+$f26: 1.625rem;
+$f27: 1.6875rem;
+$f28: 1.75rem;
+$f29: 1.8125rem;
+$f30: 1.875rem;
+$f31: 1.9375rem;
+$f32: 2rem;
+$f33: 2.0625rem;
+$f34: 2.125rem;
+$f35: 2.1875rem;
+$f36: 2.25rem;
+$f37: 2.3125rem;
+$f38: 2.375rem;
+$f39: 2.4375rem;
+$f40: 2.5rem;
+$f41: 2.5625rem;
+$f42: 2.625rem;
+$f43: 2.6875rem;
+$f44: 2.75rem;
+$f45: 2.8125rem;
+$f46: 2.875rem;
+$f47: 2.9375rem;
+$f48: 3rem;
+$f49: 3.0625rem;
+$f50: 3.125rem;
+$f51: 3.1875rem;
+$f52: 3.25rem;
+$f53: 3.3125rem;
+$f54: 3.375rem;
+$f55: 3.4375rem;
+$f56: 3.5rem;
+$f57: 3.5625rem;
+$f58: 3.625rem;
+$f59: 3.6875rem;
+$f60: 3.75rem;
+$f61: 3.8125rem;
+$f62: 3.875rem;
+$f63: 3.9375rem;
+$f64: 4rem;

package/theme/assets/scss/_layout.scss

@@ -0,0 +1,89 @@
+@use "constants";
+
+.Container {
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+
+  &.text {
+    max-width: 700px;
+  }
+
+  @include constants.for-phone {
+    width: 90%;
+  }
+
+  @include constants.for-tablet-up {
+    &.pad {
+      max-width: 1240px;
+      padding-left: 20px;
+      padding-right: 20px;
+    }
+
+    &.pad.text {
+      max-width: 740px;
+    }
+  }
+}
+
+@include constants.for-tablet-up {
+
+  .Grid6,
+  .Grid9,
+  .Grid12 {
+    column-gap: 25px;
+    display: grid;
+    row-gap: 25px;
+  }
+
+  .Grid6 {
+    grid-template-columns: repeat(6, 1fr);
+  }
+
+  .Grid9 {
+    grid-template-columns: repeat(9, 1fr);
+  }
+
+  .Grid12 {
+    grid-template-columns: repeat(12, 1fr);
+  }
+
+  .Span2 {
+    grid-column-end: span 2;
+  }
+
+  .Span3 {
+    grid-column-end: span 3;
+  }
+
+  .Span4 {
+    grid-column-end: span 4;
+  }
+
+  .Span6 {
+    grid-column-end: span 6;
+  }
+
+  .Span12 {
+    grid-column-end: span 12;
+  }
+
+  .Column3 {
+    grid-column-start: 3;
+  }
+
+  .Column4 {
+    grid-column-start: 4;
+  }
+
+  .Column7 {
+    grid-column-start: 7;
+  }
+
+  @include constants.for-phone-and-tablet {
+    .Span4Tablet {
+      grid-column-end: span 4;
+
+    }
+  }
+}

package/theme/assets/scss/_reset.scss

@@ -0,0 +1,5 @@
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}

package/theme/assets/scss/_theme.scss

@@ -0,0 +1,7 @@
+@use "constants";
+
+body {
+  line-height: 1.5;
+  padding: 0;
+  margin: 0;
+}

package/theme/assets/scss/index.scss

@@ -0,0 +1,4 @@
+@use "reset";
+@use "layout";
+@use "Text";
+@use "theme";

package/theme/templates/404.liquid

@@ -0,0 +1,10 @@
+{% layout "layouts/main-layout.liquid" doc: doc site: site %}
+{% block %}
+  <main class="Container text pad Text">
+    <h1>404</h1>
+    <p>
+      This page doesn't exist. Please
+      <a href='/'>return to home page</a>.
+    </p>
+  </main>
+{% endblock %}

package/theme/templates/home.liquid

@@ -0,0 +1,4 @@
+{% layout "layouts/main-layout.liquid" doc: doc, site: site %}
+{% block %}
+<div id="site-generator-app" data-recaptcha-key="{{ site.recaptchaKey }}"></div>
+{% endblock %}

package/theme/templates/index.liquid

@@ -0,0 +1,10 @@
+{% layout "layouts/main-layout.liquid" doc: doc site: site %}
+{% block %}
+  <div class="Container pad text Mt Mb">
+    <p>
+      {% for translation in doc.translations %}
+        <a href="{{ translation.url }}">{{ translation.languageLabel }}</a>
+      {% endfor %}
+    </p>
+  </div>
+{% endblock %}

package/theme/templates/layouts/main-layout.liquid

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="{{ doc.language }}">
+  <head>
+    <meta name="viewport" content="width=device-width,initial-scale=1">
+    {{ doc | headTags }}
+    <title>
+      {% if doc.type != "home" and doc.title %}
+        {{ doc.title }} -{% endif %}
+      {{ site.field.title }}</title>
+    <link rel="stylesheet" href="{{ site.assetsUrl }}/css/index.css">
+  </head>
+
+  <body>
+    {% block -%}
+    {%- endblock %}
+
+    {% render "partials/footer"
+      , doc: doc
+      , site: site %}
+    <script src="{{ site.assetsUrl }}/js/main.js" defer></script>
+  </body>
+</html>

package/theme/templates/partials/footer.liquid

@@ -0,0 +1,5 @@
+<div class="_revertedColors">
+  <footer class="PageFooter Container pad">
+    <div class="Text">{{ site.field.footerMention | raw }}</div>
+  </footer>
+</div>

package/theme/theme.json

@@ -0,0 +1,4 @@
+{
+  "fTextImages": ["700x", "x400x", "700x350"],
+  "pixelRatio": 1.5
+}