@jxsuite/starters 1.2.2 → 1.6.1

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

@@ -0,0 +1,314 @@
+{
+  "$layout": "./layouts/ar.json",
+  "title": "عن المتحف — أتريوم",
+  "description": "أتريوم هو متحف المدينة للفنّ والتاريخ: سقف من زجاج فوق دار الجمارك القديمة، الدخول إليه مجّانيّ، تديره المدينة وقرّاؤها منذ ١٨٩٧.",
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "أتريوم هو متحف المدينة للفنّ والتاريخ: سقف من زجاج فوق دار الجمارك القديمة، الدخول إليه مجّانيّ، تديره المدينة وقرّاؤها منذ ١٨٩٧."
+      }
+    }
+  ],
+  "state": {
+    "catalogued": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [0.94, null, { "style": "percent" }]
+      }
+    },
+    "archive": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [1240, null, { "style": "unit", "unit": "meter", "unitDisplay": "long" }]
+      }
+    },
+    "staff": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [61]
+      }
+    },
+    "languages": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatList" },
+        "value": [["الإنجليزيّة", "الفرنسيّة", "العربيّة"]]
+      }
+    }
+  },
+  "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": "minmax(0, 1.4fr) minmax(0, 0.8fr)",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "rowGap": "1.25rem",
+            "alignItems": "start",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "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": "p",
+                  "style": { "margin": "1.1rem 0 0", "lineHeight": "1.9" },
+                  "textContent": "لا شيء هنا نسخة. وحيث يعرض المتحف نسخة — ثلاث من الخرائط أهشّ من أن تُعلَّق — تقول البطاقة ذلك في سطرها الأوّل، وبالحجم نفسه الذي كُتب به العنوان."
+                },
+                {
+                  "tagName": "p",
+                  "style": { "margin": "1.1rem 0 0", "lineHeight": "1.9" },
+                  "textContent": "وحيث لا يعرف المتحف شيئًا، تقول البطاقة ذلك أيضًا. قطعة من كلّ تسع تقريبًا بلا صانع معروف، والسجلّ يدوّن الفجوة بدل أن يخمّن."
+                }
+              ]
+            },
+            {
+              "tagName": "mu-oculus",
+              "$props": { "size": "20rem", "tone": "card" }
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "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.catalogued}",
+                    "note": "من كلّ ما دخل السجلّ. والباقي في معظمه هبة الورش لعام ٢٠١٩."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "الأرشيف",
+                    "value": "${state.archive}",
+                    "note": "من الورق على الرفوف: سجلّات، ودفاتر مسح، ومراسلات ورش."
+                  }
+                }
+              ]
+            },
+            {
+              "tagName": "div",
+              "children": [
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "العاملون",
+                    "value": "${state.staff}",
+                    "note": "أمناء ومرمّمون وموظّفو استقبال، والاثنان اللذان يُبقيان السقف نظيفًا."
+                  }
+                },
+                {
+                  "tagName": "mu-fact",
+                  "$props": {
+                    "term": "لغات البطاقات",
+                    "value": "${state.languages}",
+                    "note": "كلّ بطاقة جدار، في كلّ غرفة، بلا نسخة مختصرة لأيّ من الثلاث."
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٣", "label": "ثلاث لغات", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": {
+            "display": "grid",
+            "gridTemplateColumns": "minmax(0, 1fr) minmax(0, 0.85fr)",
+            "columnGap": "clamp(2rem, 5vw, 4rem)",
+            "alignItems": "start",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)", "rowGap": "2rem" }
+          },
+          "children": [
+            {
+              "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": "div",
+              "style": {
+                "border": "2px solid var(--color-ink)",
+                "backgroundColor": "var(--color-card)",
+                "padding": "clamp(1.25rem, 3vw, 1.9rem)"
+              },
+              "children": [
+                {
+                  "tagName": "p",
+                  "style": {
+                    "margin": "0 0 1.1rem",
+                    "fontFamily": "var(--font-label)",
+                    "fontSize": "0.66rem",
+                    "letterSpacing": "var(--label-tracking)",
+                    "textTransform": "var(--label-case)",
+                    "color": "var(--color-muted)"
+                  },
+                  "textContent": "هذه الصفحة، بكلّ لغة توجد بها"
+                },
+                {
+                  "tagName": "ul",
+                  "style": {
+                    "listStyle": "none",
+                    "margin": "0",
+                    "padding": "0",
+                    "display": "grid",
+                    "gap": "0.55rem"
+                  },
+                  "children": {
+                    "$prototype": "Array",
+                    "items": { "$ref": "#/state/$page/alternates" },
+                    "map": {
+                      "tagName": "li",
+                      "children": [
+                        {
+                          "tagName": "a",
+                          "lang": "${item.code}",
+                          "attributes": {
+                            "dir": "${item.dir}",
+                            "href": "${item.url}",
+                            "hreflang": "${item.code}",
+                            "aria-current": "${item.current ? 'page' : 'false'}"
+                          },
+                          "style": {
+                            "display": "flex",
+                            "alignItems": "baseline",
+                            "gap": "0.7rem",
+                            "textDecoration": "none",
+                            "paddingBlock": "0.35rem",
+                            "borderBlockEnd": "1px solid var(--color-hairline)",
+                            "color": "${item.current ? 'var(--color-muted)' : 'var(--color-pigment)'}",
+                            ":hover": { "color": "var(--color-ink)" }
+                          },
+                          "children": [
+                            {
+                              "tagName": "span",
+                              "style": {
+                                "fontFamily": "var(--font-label)",
+                                "fontSize": "0.64rem",
+                                "letterSpacing": "var(--label-tracking)",
+                                "textTransform": "var(--label-case)",
+                                "opacity": "0.7"
+                              },
+                              "textContent": "${item.code}"
+                            },
+                            {
+                              "tagName": "span",
+                              "style": { "fontSize": "1.02rem" },
+                              "textContent": "${item.label}"
+                            },
+                            {
+                              "tagName": "span",
+                              "lang": "ar",
+                              "attributes": { "dir": "rtl" },
+                              "style": {
+                                "marginInlineStart": "auto",
+                                "fontFamily": "var(--font-label)",
+                                "fontSize": "0.62rem",
+                                "letterSpacing": "var(--label-tracking)",
+                                "textTransform": "var(--label-case)",
+                                "display": "${item.current ? 'inline' : 'none'}"
+                              },
+                              "textContent": "أنت هنا"
+                            }
+                          ]
+                        }
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠٤", "label": "بكلمات المؤسّسين", "tone": "ink" },
+      "children": [
+        {
+          "tagName": "mu-quote",
+          "$props": {
+            "quote": "ليكن الدخول إليه مجّانيًّا، وإلّا فليكن شيئًا آخر غير ملكنا.",
+            "attribution": "دفتر محاضر الاكتتاب، ٤ تشرين الثاني ١٨٩٧"
+          }
+        }
+      ]
+    },
+    {
+      "tagName": "mu-cta",
+      "$props": {
+        "kicker": "تفضّلوا بالدخول",
+        "heading": "قاعة المطالعة مفتوحة لكلّ من لديه سؤال.",
+        "text": "الطابق الثاني، فوق خزانة الخرائط. لا موعد للقراءة؛ واسأل عند المكتب للمناولة.",
+        "label": "خطّط لزيارتك",
+        "href": "/ar/visit/"
+      }
+    }
+  ]
+}

package/sites/museum/pages/ar/exhibitions/[slug].json

@@ -0,0 +1,211 @@
+{
+  "$layout": "./layouts/ar.json",
+  "$paths": {
+    "contentType": "exhibitions",
+    "param": "slug",
+    "field": "id"
+  },
+  "title": "${state.entry.data.title} — أتريوم",
+  "description": "${state.entry.data.description}",
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": { "name": "description", "content": "${state.entry.data.description}" }
+    }
+  ],
+  "state": {
+    "entry": {
+      "$prototype": "ContentEntry",
+      "$src": "@jxsuite/parser/ContentEntry.class.json",
+      "contentType": "exhibitions",
+      "field": "id",
+      "id": { "$ref": "#/$params/slug" }
+    },
+    "opens": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatDate" },
+        "value": [
+          { "$ref": "#/state/entry/data/date" },
+          null,
+          { "day": "numeric", "month": "long", "year": "numeric" }
+        ]
+      }
+    },
+    "closes": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatDate" },
+        "value": [
+          { "$ref": "#/state/entry/data/until" },
+          null,
+          { "day": "numeric", "month": "long", "year": "numeric" }
+        ]
+      }
+    },
+    "works": {
+      "$expression": {
+        "operator": "call",
+        "target": { "$ref": "window#/Intl/formatNumber" },
+        "value": [{ "$ref": "#/state/entry/data/works" }]
+      }
+    }
+  },
+  "children": [
+    {
+      "tagName": "article",
+      "children": [
+        {
+          "tagName": "mu-pagehead",
+          "$props": {
+            "kicker": "${state.entry.data.gallery}",
+            "title": "${state.entry.data.title}",
+            "standfirst": "${state.entry.data.description}",
+            "metaLabel": "بإشراف",
+            "metaValue": "${state.entry.data.curator}"
+          }
+        },
+        {
+          "tagName": "mu-band",
+          "$props": { "index": "٠١", "label": "المعرض", "tone": "chalk" },
+          "children": [
+            {
+              "tagName": "div",
+              "style": {
+                "display": "grid",
+                "gridTemplateColumns": "minmax(0, 1.35fr) minmax(0, 0.75fr)",
+                "columnGap": "clamp(2rem, 5vw, 4rem)",
+                "alignItems": "start",
+                "@--md": { "gridTemplateColumns": "minmax(0, 1fr)", "rowGap": "2.5rem" }
+              },
+              "children": [
+                {
+                  "tagName": "div",
+                  "style": {
+                    "maxWidth": "var(--measure)",
+                    "fontSize": "1.08rem",
+                    "lineHeight": "2"
+                  },
+                  "children": {
+                    "$prototype": "Array",
+                    "items": { "$ref": "#/state/entry/$children" },
+                    "map": {
+                      "tagName": "p",
+                      "style": { "margin": "0 0 1.35rem" },
+                      "textContent": "${item.textContent}"
+                    }
+                  }
+                },
+                {
+                  "tagName": "aside",
+                  "style": {
+                    "border": "2px solid var(--color-ink)",
+                    "backgroundColor": "var(--color-card)",
+                    "padding": "clamp(1.1rem, 2.5vw, 1.6rem)"
+                  },
+                  "children": [
+                    {
+                      "tagName": "p",
+                      "style": {
+                        "margin": "0 0 0.5rem",
+                        "fontFamily": "var(--font-label)",
+                        "fontSize": "0.64rem",
+                        "letterSpacing": "var(--label-tracking)",
+                        "textTransform": "var(--label-case)",
+                        "color": "var(--color-muted)"
+                      },
+                      "textContent": "بطاقة الجدار"
+                    },
+                    {
+                      "tagName": "div",
+                      "attributes": { "aria-hidden": "true" },
+                      "style": {
+                        "aspectRatio": "4 / 3",
+                        "border": "2px solid var(--color-ink)",
+                        "marginBlockEnd": "1.1rem",
+                        "background": "radial-gradient(circle at 62% 40%, hsl(${state.entry.data.hue} 55% 45%) 0 31%, transparent 31.5%), repeating-linear-gradient(${state.entry.data.hue}deg, var(--color-chalk-deep) 0 9px, var(--color-card) 9px 18px)"
+                      }
+                    },
+                    {
+                      "tagName": "mu-fact",
+                      "$props": { "term": "يفتح", "value": "${state.opens}", "layout": "stack" }
+                    },
+                    {
+                      "tagName": "mu-fact",
+                      "$props": { "term": "يغلق", "value": "${state.closes}", "layout": "stack" }
+                    },
+                    {
+                      "tagName": "mu-fact",
+                      "$props": {
+                        "term": "عدد القطع",
+                        "value": "${state.works}",
+                        "layout": "stack"
+                      }
+                    },
+                    {
+                      "tagName": "mu-fact",
+                      "$props": {
+                        "term": "المكان",
+                        "value": "${state.entry.data.gallery}",
+                        "layout": "stack"
+                      }
+                    },
+                    {
+                      "tagName": "mu-fact",
+                      "$props": {
+                        "term": "القيّم",
+                        "value": "${state.entry.data.curator}",
+                        "layout": "stack"
+                      }
+                    },
+                    {
+                      "tagName": "p",
+                      "style": {
+                        "margin": "1.25rem 0 0",
+                        "paddingBlockStart": "0.9rem",
+                        "borderBlockStart": "1px solid var(--color-hairline)",
+                        "fontSize": "0.9rem",
+                        "lineHeight": "1.8",
+                        "color": "var(--color-muted)"
+                      },
+                      "textContent": "كلّ بطاقة جدار في هذه الغرفة مكتوبة بثلاث لغات، وبالطول نفسه. ولا يُختصر شيء من أجل جدار أقصر."
+                    }
+                  ]
+                }
+              ]
+            }
+          ]
+        },
+        {
+          "tagName": "mu-band",
+          "$props": { "index": "٠٢", "label": "معروض أيضًا", "tone": "card" },
+          "children": [
+            {
+              "tagName": "p",
+              "style": {
+                "margin": "0 0 1.5rem",
+                "lineHeight": "1.9",
+                "maxWidth": "var(--measure)"
+              },
+              "textContent": "معرضان آخران مفتوحان في الوقت نفسه، والتذكرة نفسها — أي لا تذكرة — تُدخلكم الثلاثة."
+            },
+            {
+              "tagName": "mu-more",
+              "$props": { "label": "البرنامج كاملًا", "href": "/ar/exhibitions/" }
+            }
+          ]
+        },
+        {
+          "tagName": "mu-cta",
+          "$props": {
+            "kicker": "الدخول مجّانيّ",
+            "heading": "هو في الطابق الأرضيّ، وهو مفتوح الآن.",
+            "text": "من العاشرة إلى السادسة، من الثلاثاء إلى الأحد. ادخلوا من جهة الرصيف ثمّ اتّجهوا نحو جدار دار الجمارك.",
+            "label": "خطّط لزيارتك",
+            "href": "/ar/visit/"
+          }
+        }
+      ]
+    }
+  ]
+}

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

@@ -0,0 +1,103 @@
+{
+  "$layout": "./layouts/ar.json",
+  "title": "المعارض — أتريوم",
+  "description": "البرنامج الجاري في أتريوم: ثلاثة معارض مستقاة من مجموعة المدينة نفسها، بتواريخها وصالاتها وأمنائها.",
+  "$head": [
+    {
+      "tagName": "meta",
+      "attributes": {
+        "name": "description",
+        "content": "البرنامج الجاري في أتريوم: ثلاثة معارض مستقاة من مجموعة المدينة نفسها، بتواريخها وصالاتها وأمنائها."
+      }
+    }
+  ],
+  "state": {
+    "shows": {
+      "$prototype": "ContentCollection",
+      "$src": "@jxsuite/parser/ContentCollection.class.json",
+      "contentType": "exhibitions",
+      "filter": [{ "field": "lang", "op": "==", "value": "ar" }],
+      "sort": [{ "field": "order", "order": "asc" }]
+    }
+  },
+  "children": [
+    {
+      "tagName": "mu-pagehead",
+      "$props": {
+        "kicker": "البرنامج",
+        "title": "ما هو معلّق، وإلى متى",
+        "standfirst": "ثلاثة معارض تجري في وقت واحد: واحد طويل، وواحد موسميّ، وواحد في الفناء. وكلّها مستقاة من مخازن المتحف لا مستعارة، فما ترونه هنا هو المدينة تنظر إلى نفسها.",
+        "metaLabel": "الدخول",
+        "metaValue": "مجّانيّ، بلا حجز"
+      }
+    },
+    {
+      "tagName": "mu-band",
+      "$props": { "index": "٠١", "label": "في هذه الأيّام", "tone": "chalk" },
+      "children": [
+        {
+          "tagName": "div",
+          "style": { "borderBlockEnd": "1px solid var(--color-hairline)" },
+          "children": {
+            "$prototype": "Array",
+            "items": { "$ref": "#/state/shows" },
+            "map": {
+              "tagName": "mu-exhibition-row",
+              "$props": {
+                "order": "${item.data.order}",
+                "title": "${item.data.title}",
+                "description": "${item.data.description}",
+                "gallery": "${item.data.gallery}",
+                "curator": "${item.data.curator}",
+                "curatorLabel": "بإشراف",
+                "href": "/ar/exhibitions/${item.id}/",
+                "hue": "${item.data.hue}",
+                "date": "${item.data.date}",
+                "until": "${item.data.until}",
+                "locale": "${$page.locale}"
+              }
+            }
+          }
+        }
+      ]
+    },
+    {
+      "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.25rem",
+            "@--md": { "gridTemplateColumns": "minmax(0, 1fr)" }
+          },
+          "children": [
+            {
+              "tagName": "p",
+              "style": { "margin": "0", "lineHeight": "1.9" },
+              "textContent": "يتبدّل معرض واحد كلّ فصل ويستمرّ اثنان طويلًا، فيبقى دائمًا شيء لم تروه وشيء يمكن أن تعودوا إليه. لا شيء منها بتذكرة منفصلة، ولا يُغلق شيء منها لمناسبة خاصّة في ساعات العمل."
+            },
+            {
+              "tagName": "p",
+              "style": { "margin": "0", "lineHeight": "1.9" },
+              "textContent": "يُكتب كلّ معرض كتابةً مستقلّة بكلّ لغة ينشر بها المتحف — فالأمين الذي كتب النصّ الجداريّ العربيّ للصالة ٢ لا يترجم النصّ الإنجليزيّ، والاثنان يختلفان في مواضع. والمبدّل في أعلى هذه الصفحة يذكر اللغات التي توجد بها الصفحة، وتلك وحدها."
+            }
+          ]
+        }
+      ]
+    },
+    {
+      "tagName": "mu-cta",
+      "$props": {
+        "kicker": "الجولات المرشدة",
+        "heading": "تسعون دقيقة، أيّام السبت، بأيّ من اللغات الثلاث تختارون.",
+        "text": "الحجز عند المكتب في اليوم نفسه، أو راسلونا مسبقًا إن كنتم مجموعة تزيد على ثمانية.",
+        "label": "معلومات الزيارة",
+        "href": "/ar/visit/"
+      }
+    }
+  ]
+}