@jxsuite/starters 1.2.2 → 1.6.1

package/sites/museum/pages/ar/index.json

@@ -0,0 +1,246 @@
+{
+  "$layout": "./layouts/ar.json",
+  "title": "أتريوم — متحف المدينة للفنّ والتاريخ",
+  "description": "متحف بلديّ تحت سقف من زجاج: أربعة قرون من المرفأ وصنّاعه وخرائطه. الدخول مجّانيّ، من الثلاثاء إلى الأحد، بالإنجليزيّة والفرنسيّة والعربيّة.",
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "متحف بلديّ تحت سقف من زجاج: أربعة قرون من المرفأ وصنّاعه وخرائطه. الدخول مجّانيّ، من الثلاثاء إلى الأحد، بالإنجليزيّة والفرنسيّة والعربيّة."
+      }
+    }
+  ],
+  "state": {
+    "objects": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [18400]
+      }
+    },
+    "visitors": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [212000]
+      }
+    },
+    "founded": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatDate" },
+        "value": ["1897-11-04", null, { "day": "numeric", "month": "long", "year": "numeric" }]
+      }
+    },
+    "openDays": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatList" },
+        "value": [["الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت", "الأحد"]]
+      }
+    },
+    "shows": {
+      "$prototype": "ContentCollection",
+      "$src": "@jxsuite/parser/ContentCollection.class.json",
+      "contentType": "exhibitions",
+      "filter": [{ "field": "lang", "op": "==", "value": "ar" }],
+      "sort": [{ "field": "order", "order": "asc" }],
+      "limit": 3
+    }
+  },
+  "children": [
+    {
+      "tagName": "mu-hero",
+      "$props": {
+        "kicker": "متحف المدينة للفنّ والتاريخ",
+        "title": "أربعة قرون تحت سقف واحد",
+        "standfirst": "يحفظ أتريوم ما صنعته المدينة واشترته وانتشلته واختلفت عليه منذ وُضع أوّل رصيف حجريّ، ويعرضه مجّانًا، بثلاث لغات، ستّة أيّام في الأسبوع.",
+        "primaryLabel": "خطّط لزيارتك",
+        "primaryHref": "/ar/visit/",
+        "secondaryLabel": "المعروض الآن",
+        "secondaryHref": "/ar/exhibitions/",
+        "noteLabel": "الدخول مجّانيّ",
+        "note": "من الثلاثاء إلى الأحد، من ١٠:٠٠ إلى ١٨:٠٠"
+      }
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠١", "label": "معروض الآن", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "h2",
+          "style": {
+            "margin": "0 0 2.25rem",
+            "fontFamily": "var(--font-display)",
+            "fontSize": "clamp(1.7rem, 3.6vw, 2.6rem)",
+            "fontWeight": "500",
+            "lineHeight": "calc(1.08 * var(--leading-scale))",
+            "letterSpacing": "var(--display-tracking)",
+            "maxWidth": "24ch"
+          },
+          "textContent": "ثلاثة معارض، وكلّها عن هذا المكان"
+        },
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "repeat(3, minmax(0, 1fr))",
+            "gap": "clamp(1rem, 2.5vw, 1.75rem)",
+            "@--md": { "gridTemplateColumns": "repeat(2, minmax(0, 1fr))" },
+            "@--sm": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": {
+            "$prototype": "Array",
+            "items": { "$ref": "#/state/shows" },
+            "map": {
+              "tagName": "mu-exhibition-card",
+              "$props": {
+                "title": "${item.data.title}",
+                "description": "${item.data.description}",
+                "gallery": "${item.data.gallery}",
+                "status": "مفتوح الآن",
+                "href": "/ar/exhibitions/${item.id}/",
+                "hue": "${item.data.hue}",
+                "date": "${item.data.date}",
+                "until": "${item.data.until}",
+                "locale": "${$page.locale}"
+              }
+            }
+          }
+        },
+        {
+          "tagName": "mu-more",
+          "$props": {
+            "label": "البرنامج كاملًا",
+            "href": "/ar/exhibitions/",
+            "space": "2rem"
+          }
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٢", "label": "المتحف بالأرقام", "tone": "card" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "repeat(2, minmax(0, 1fr))",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "المقتنيات",
+                    "value": "${state.objects}",
+                    "note": "قطعة مفهرسة، يُعرض نحو عُشرها في أيّ وقت."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الزوّار",
+                    "value": "${state.visitors}",
+                    "note": "في آخر سنة كاملة، محسوبين عند الباب."
+                  }
+                }
+              ]
+            },
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "التأسيس",
+                    "value": "${state.founded}",
+                    "note": "باكتتاب مئتين وأربعين أسرة، في غرفة فوق دار الجمارك."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "أيّام الفتح",
+                    "value": "${state.openDays}",
+                    "note": "مغلق يوم الاثنين، وفي اليومين اللذين تُنظَّف فيهما القاعة كلّ سنة."
+                  }
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "tagName": "p",
+          "style": {
+            "margin": "2rem 0 0",
+            "paddingBlockStart": "1.1rem",
+            "borderBlockStart": "1px solid var(--color-hairline)",
+            "fontSize": "0.95rem",
+            "lineHeight": "1.8",
+            "color": "var(--color-muted)",
+            "maxWidth": "var(--measure)"
+          },
+          "textContent": "كلّ رقم هنا تصوغه لغة الصفحة نفسها: هذه الوثيقة تكتب ١٨٬٤٠٠ بالعربيّة، و18,400 بالإنجليزيّة، و18 400 بالفرنسيّة، لأنّ المسار قد قال أصلًا بأيّ لغة هو."
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٣", "label": "من قاعة المطالعة", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "minmax(0, 1.05fr) minmax(0, 1fr)",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "alignItems": "start",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)", "rowGap": "2rem" }
+          },
+          "children": [
+            {
+              "tagName": "mu-quote",
+              "$props": {
+                "quote": "المتحف غرفة تحفظ فيها المدينة ما لا تتّفق عليه.",
+                "attribution": "هيلين فورنييه، أوّل أمينة للمتحف، ١٨٩٧"
+              }
+            },
+            {
+              "tagName": "div",
+              "style": { "maxWidth": "var(--measure)" },
+              "children": [
+                {
+                  "tagName": "p",
+                  "style": { "margin": "0", "lineHeight": "1.9" },
+                  "textContent": "قاعة المطالعة في الطابق الثاني مفتوحة لكلّ من لديه سؤال. على رفوفها سجلّات المرفأ، ودفاتر المسح، وأربعمئة صندوق من مراسلات الورش، ودفاتر محاضر المتحف نفسه — بما فيها تلك التي دوّنت خلافات كان الأمناء يفضّلون كتمانها."
+                },
+                {
+                  "tagName": "p",
+                  "style": { "margin": "1.1rem 0 0", "lineHeight": "1.9" },
+                  "textContent": "لا حاجة إلى موعد للقراءة، وثمّة حاجة إليه لمناولة المواد. اسأل عند المكتب، ويحضر أحد الموظّفين الصندوق خلال ساعة."
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-cta",
+      "$props": {
+        "kicker": "الدخول مجّانيّ",
+        "heading": "القاعة مفتوحة. تعالوا واختلفوا معنا.",
+        "text": "ستّة أيّام في الأسبوع، من العاشرة إلى السادسة، بلا تذكرة وبلا حجز. ويبقى الفناء مفتوحًا ساعة إضافيّة طوال الصيف.",
+        "label": "خطّط لزيارتك",
+        "href": "/ar/visit/"
+      }
+    }
+  ]
+}

package/sites/museum/pages/ar/visit.json

@@ -0,0 +1,327 @@
+{
+  "$layout": "./layouts/ar.json",
+  "title": "خطّط لزيارتك — أتريوم",
+  "description": "المواعيد والدخول والمواصلات وسبل الوصول إلى أتريوم، متحف المدينة للفنّ والتاريخ. الدخول مجّانيّ، من الثلاثاء إلى الأحد، من ١٠:٠٠ إلى ١٨:٠٠.",
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "المواعيد والدخول والمواصلات وسبل الوصول إلى أتريوم، متحف المدينة للفنّ والتاريخ. الدخول مجّانيّ، من الثلاثاء إلى الأحد، من ١٠:٠٠ إلى ١٨:٠٠."
+      }
+    }
+  ],
+  "state": {
+    "tourPrice": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [12, null, { "style": "currency", "currency": "CAD" }]
+      }
+    },
+    "membership": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [45, null, { "style": "currency", "currency": "CAD" }]
+      }
+    },
+    "trams": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatList" },
+        "value": [["٢", "٦", "١١"]]
+      }
+    },
+    "closedFrom": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatDate" },
+        "value": ["2026-12-24", null, { "day": "numeric", "month": "long" }]
+      }
+    },
+    "closedTo": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatDate" },
+        "value": ["2026-12-26", null, { "day": "numeric", "month": "long", "year": "numeric" }]
+      }
+    }
+  },
+  "children": [
+    {
+      "tagName": "mu-pagehead",
+      "$props": {
+        "kicker": "الزيارة",
+        "title": "من العاشرة إلى السادسة، ستّة أيّام في الأسبوع",
+        "standfirst": "لا يوجد شبّاك تذاكر، لأنّه لا توجد تذكرة. ادخل من جهة الرصيف، واترك حقيبتك عند المكتب إن كانت أكبر من حقيبة كتف، وابدأ من حيث تشاء.",
+        "metaLabel": "العنوان",
+        "metaValue": "٢ رصيف الأهوسة، المرفأ القديم"
+      }
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠١", "label": "المواعيد", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "repeat(2, minmax(0, 1fr))",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الثلاثاء – الجمعة",
+                    "value": "١٠:٠٠ – ١٨:٠٠",
+                    "note": "آخر دخول إلى قاعة المطالعة في الساعة ١٧:٠٠."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "السبت – الأحد",
+                    "value": "١٠:٠٠ – ١٨:٠٠",
+                    "note": "يبقى الفناء مفتوحًا حتى ١٩:٠٠ من أيّار إلى أيلول."
+                  }
+                }
+              ]
+            },
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الاثنين",
+                    "value": "مغلق",
+                    "note": "يوم الصيانة. ويبقى المقهى على جهة الرصيف مفتوحًا."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الإغلاق الشتويّ",
+                    "value": "من ${state.closedFrom} إلى ${state.closedTo}",
+                    "note": "الأيّام الثلاثة المتتالية الوحيدة التي تُغلق فيها القاعة طوال السنة."
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٢", "label": "الدخول", "tone": "card" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "minmax(0, 1fr) minmax(0, 1fr)",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "rowGap": "1.5rem",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "border": "2px solid var(--color-ink)",
+                "backgroundColor": "var(--color-pigment)",
+                "color": "var(--color-card)",
+                "padding": "clamp(1.5rem, 3.5vw, 2.25rem)"
+              },
+              "children": [
+                {
+                  "tagName": "p",
+                  "style": {
+                    "margin": "0 0 0.9rem",
+                    "fontFamily": "var(--font-label)",
+                    "fontSize": "0.66rem",
+                    "letterSpacing": "var(--label-tracking)",
+                    "textTransform": "var(--label-case)",
+                    "opacity": "0.8"
+                  },
+                  "textContent": "الدخول العامّ"
+                },
+                {
+                  "tagName": "p",
+                  "style": {
+                    "margin": "0",
+                    "fontFamily": "var(--font-display)",
+                    "fontSize": "clamp(2.4rem, 6vw, 3.6rem)",
+                    "fontWeight": "700",
+                    "lineHeight": "calc(1 * var(--leading-scale))",
+                    "letterSpacing": "var(--display-tracking)"
+                  },
+                  "textContent": "مجّانيّ"
+                },
+                {
+                  "tagName": "p",
+                  "style": { "margin": "1.1rem 0 0", "lineHeight": "1.8", "maxWidth": "38ch" },
+                  "textContent": "مكتوب في اكتتاب التأسيس سنة ١٨٩٧ ولم يتغيّر قطّ. لا تذكرة، ولا حجز، ولا ساعة خاصّة بالأعضاء."
+                }
+              ]
+            },
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "جولة مرشدة",
+                    "value": "${state.tourPrice}",
+                    "note": "تسعون دقيقة، أيّام السبت في ١١:٠٠ و١٥:٠٠. الحجز عند المكتب."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "العضويّة",
+                    "value": "${state.membership}",
+                    "note": "سنة من الجولات، والمجلّة الفصليّة، وصوت في الاجتماع السنويّ."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "المدارس",
+                    "value": "بلا مقابل، دائمًا",
+                    "note": "بما في ذلك الحافلة. راسلوا مكتب التربية قبل ستّة أسابيع."
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٣", "label": "كيف تصل", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "repeat(2, minmax(0, 1fr))",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الترام",
+                    "value": "الخطوط ${state.trams}",
+                    "note": "المحطّة: الأهوسة. القاعة هي السقف الزجاجيّ الذي تراه أمامك حين تنزل."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "سيرًا",
+                    "value": "إحدى عشرة دقيقة من بوّابة البلدة القديمة",
+                    "note": "اتبع الرصيف؛ آخر المسافة مرصوف بالحصى وغير مستوٍ."
+                  }
+                }
+              ]
+            },
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "بالدرّاجة",
+                    "value": "أربعون حاملًا تحت المظلّة الشماليّة",
+                    "note": "مغطّاة ومضاءة وعلى مرأى من مكتب الاستقبال."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "بالسيّارة",
+                    "value": "لا موقف خاصّ بالمتحف",
+                    "note": "موقف عامّ في الحوض الشماليّ، على بعد ستّ دقائق سيرًا فوق جسر الهويس."
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٤", "label": "سهولة الوصول", "tone": "card" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "maxWidth": "var(--measure)" },
+          "children": [
+            {
+              "tagName": "p",
+              "style": { "margin": "0 0 1.5rem", "lineHeight": "1.9" },
+              "textContent": "كلّ صالة يمكن بلوغها دون درج من مدخل الرصيف، بما في ذلك الفناء وقاعة المطالعة. الاستثناء الوحيد ممرّ دار الجمارك، وفيه أربع درجات حجريّة بلا درابزين؛ وثمّة طريق مستوٍ يلتفّ حوله، مُشار إليه عند المدخل."
+            },
+            {
+              "tagName": "mu-fact",
+              "$props": {
+                "term": "بلا درج",
+                "value": "كلّ الصالات وقاعة المطالعة",
+                "note": "مصعدان، كلاهما يتّسع لكرسيّ متحرّك ومرافق."
+              }
+            },
+            {
+              "tagName": "mu-fact",
+              "$props": {
+                "term": "أماكن الجلوس",
+                "value": "مقعد في كلّ غرفة",
+                "note": "وكراسٍ قابلة للطيّ عند المكتب، تُعار مجّانًا وبلا تأمين."
+              }
+            },
+            {
+              "tagName": "mu-fact",
+              "$props": {
+                "term": "ساعة الهدوء",
+                "value": "الأربعاء، ١٠:٠٠ – ١١:٠٠",
+                "note": "إضاءة كاملة، وصوت مطفأ، ونصف عدد الزوّار المعتاد."
+              }
+            },
+            {
+              "tagName": "mu-fact",
+              "$props": {
+                "term": "كلاب المساعدة",
+                "value": "مرحّب بها في كلّ مكان",
+                "note": "أوعية ماء عند المدخلين وفي الفناء."
+              }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-cta",
+      "$props": {
+        "kicker": "قبل أن تأتي",
+        "heading": "انظر ما هو معلّق هذا الأسبوع.",
+        "text": "ثلاثة معارض مفتوحة، والبرنامج يذكر ما سيتغيّر بعدها.",
+        "label": "المعروض الآن",
+        "href": "/ar/exhibitions/"
+      }
+    }
+  ]
+}