@paroicms/playground_demo1 0.61.2 → 0.62.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,12 +1,12 @@
1
1
 
2
- > @paroicms/playground_demo1@0.61.2 build
2
+ > @paroicms/playground_demo1@0.62.0 build
3
3
  > npm run scss
4
4
 
5
5
 
6
- > @paroicms/playground_demo1@0.61.2 scss
6
+ > @paroicms/playground_demo1@0.62.0 scss
7
7
  > npm run _scss -- --no-source-map --style=compressed
8
8
 
9
9
 
10
- > @paroicms/playground_demo1@0.61.2 _scss
10
+ > @paroicms/playground_demo1@0.62.0 _scss
11
11
  > sass theme/assets/scss/index.scss theme/assets/css/index.css --no-source-map --style=compressed
12
12
 
package/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @paroicms/playground_seoul
2
2
 
3
+ ## 0.62.0
4
+
5
+ ### Minor Changes
6
+
7
+ - c9eb26a: Added 'set' and 'out' liquid tags
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [c9eb26a]
12
+ - @paroicms/content-loading-plugin@0.27.0
13
+ - @paroicms/internal-link-plugin@0.22.0
14
+ - @paroicms/contact-form-plugin@0.33.0
15
+ - @paroicms/quill-editor-plugin@1.42.0
16
+ - @paroicms/public-menu-plugin@0.19.0
17
+ - @paroicms/video-plugin@0.36.0
18
+ - @paroicms/script-lib@0.3.0
19
+
3
20
  ## 0.61.2
4
21
 
5
22
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@paroicms/playground_demo1",
3
- "version": "0.61.2",
3
+ "version": "0.62.0",
4
4
  "description": "Boilerplate website for ParoiCMS",
5
5
  "author": "Paroi Team",
6
6
  "license": "MIT",
@@ -24,13 +24,13 @@
24
24
  "_pino-pretty": "pino-pretty -U false -x 'stats:25' -X 'stats:grey' -t 'yyyy-mm-dd HH:MM:ss.l' -i 'hostname,pid,fqdn'"
25
25
  },
26
26
  "dependencies": {
27
- "@paroicms/contact-form-plugin": "0.32.2",
28
- "@paroicms/content-loading-plugin": "0.26.2",
29
- "@paroicms/internal-link-plugin": "0.21.2",
30
- "@paroicms/public-menu-plugin": "0.18.2",
31
- "@paroicms/quill-editor-plugin": "1.41.2",
32
- "@paroicms/script-lib": "0.2.2",
33
- "@paroicms/video-plugin": "0.35.2"
27
+ "@paroicms/contact-form-plugin": "0.33.0",
28
+ "@paroicms/content-loading-plugin": "0.27.0",
29
+ "@paroicms/internal-link-plugin": "0.22.0",
30
+ "@paroicms/public-menu-plugin": "0.19.0",
31
+ "@paroicms/quill-editor-plugin": "1.42.0",
32
+ "@paroicms/script-lib": "0.3.0",
33
+ "@paroicms/video-plugin": "0.36.0"
34
34
  },
35
35
  "devDependencies": {
36
36
  "concurrently": "~9.1.2",
@@ -1,10 +1,10 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- <main class="Container text pad Text">
4
- <h1>404</h1>
5
- <p>
6
- This page doesn't exist. Please
7
- <a href='/'>return to home page</a>.
8
- </p>
9
- </main>
10
- {% endblock %}
3
+ <main class="Container text pad Text">
4
+ <h1>404</h1>
5
+ <p>
6
+ This page doesn't exist. Please
7
+ <a href="/">return to home page</a>.
8
+ </p>
9
+ </main>
10
+ {% endblock %}
@@ -1,11 +1,12 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% render "partials/breadcrumb" doc: doc site: site %}
4
- {% render "partials/doc-header.liquid" doc: doc site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
4
+ {% render 'partials/doc-header.liquid', doc: doc %}
5
5
 
6
- <div class="Container text TextPage Bg Mt Mb">
7
- <div class="Annotation">doc.field.htmlContent</div>
8
- <div class="Text selfContained justified">
9
- {{ doc.field.htmlContent | raw }}</div>
6
+ <div class="Container text TextPage Bg Mt Mb">
7
+ <div class="Annotation">doc.field.htmlContent</div>
8
+ <div class="Text selfContained justified">
9
+ {{ doc.field.htmlContent | raw }}
10
10
  </div>
11
- {% endblock %}
11
+ </div>
12
+ {% endblock %}
@@ -1,7 +1,7 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% render 'partials/breadcrumb', doc: doc, site: site %}
4
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
4
+ {% render 'partials/doc-header.liquid', doc: doc %}
5
5
 
6
6
  <div class="Container text Mt Mb">
7
7
  <div class="Annotation">site.field.contactEmail / site.field.phone</div>
@@ -16,7 +16,7 @@
16
16
  </div>
17
17
  {% endif %}
18
18
 
19
- {% contactForm %}
19
+ {% out contactForm %}
20
20
  </div>
21
21
 
22
22
  {% endblock %}
@@ -1,13 +1,13 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% render 'partials/breadcrumb', doc: doc, site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
4
4
 
5
- {% getDocs children parentId: doc.id %}
5
+ {% set children = docs(doc.routing.children) %}
6
6
  {% if children %}
7
7
  <div class="Bg2 Pt Pb">
8
8
  <div class="Container pad">
9
9
  <hr class="Hr">
10
- <div class="Annotation">getDocs children, parentId: doc.id</div>
10
+ <div class="Annotation">set children = docs(doc.routing.children)</div>
11
11
 
12
12
  Child pages:
13
13
  {% for child in children %}
@@ -17,14 +17,14 @@
17
17
  </div>
18
18
  {% endif %}
19
19
 
20
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
20
+ {% render 'partials/doc-header.liquid', doc: doc %}
21
21
 
22
22
  {% if doc.field.gallery %}
23
23
  <div class="Container Mt">
24
24
  <div class="Annotation">doc.field.gallery</div>
25
25
  <div class="Grid12">
26
26
  {% for media in doc.field.gallery %}
27
- {% useImage im image: media resize: "200x150" %}
27
+ {% set im = image(media, resize: "200x150") %}
28
28
  <figure class="Span2">
29
29
  <img
30
30
  class="ConstraintSize"
@@ -1,24 +1,24 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% getDocs posts parentId: site.home.posts.id limit: 4 %}
4
- {% getDocs pages parentId: site.home.pages.id %}
3
+ {% set posts = docs(site.home.posts.children, limit: 4) %}
4
+ {% set pages = docs(site.home.pages.children) %}
5
5
 
6
6
  <main>
7
- {% render 'partials/breadcrumb', doc: doc, site: site %}
8
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
7
+ {% render 'partials/breadcrumb', doc: doc %}
8
+ {% render 'partials/doc-header.liquid', doc: doc %}
9
9
 
10
10
  <section class="TileList Container pad">
11
11
  <h2>
12
12
  Latest posts
13
- {% if site.home.posts %}
14
- {% assign postsPage = site.home.posts.doc %}
13
+ {% set postsPage = doc(site.home.posts) %}
14
+ {% if postsPage %}
15
15
  <a class="Mini" href="{{ postsPage.url }}">see all</a>
16
16
  {% endif %}
17
17
  </h2>
18
18
  <div class="Grid12">
19
19
  {% for post in posts %}
20
20
  <div class="Span3">
21
- {% render 'partials/doc-tile.liquid', doc: post, site: site %}
21
+ {% render 'partials/doc-tile.liquid', doc: post %}
22
22
  </div>
23
23
  {% endfor %}
24
24
  </div>
@@ -29,7 +29,7 @@
29
29
  <div class="Grid12">
30
30
  {% for page in pages %}
31
31
  <div class="Span3">
32
- {% render 'partials/doc-tile.liquid', doc: page, site: site %}
32
+ {% render 'partials/doc-tile.liquid', doc: page %}
33
33
  </div>
34
34
  {% endfor %}
35
35
  </div>
@@ -45,7 +45,7 @@
45
45
  <div class="SideImage-side">
46
46
  <div class="Annotation">item.field.image</div>
47
47
  {% if item.field.image %}
48
- {% useImage im image: item.field.image, resize: "x250x" %}
48
+ {% set im = image(item.field.image, resize: "x250x") %}
49
49
 
50
50
  <img
51
51
  class="SideImage-img Img"
@@ -1,4 +1,4 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
3
  <div class="Container pad text Mt Mb">
4
4
  <div class="Annotation">doc.translations</div>
@@ -11,9 +11,9 @@
11
11
  </head>
12
12
 
13
13
  <body>
14
- {% render 'partials/header', doc: doc, site: site %}
14
+ {% render 'partials/header', doc: doc %}
15
15
  {% block -%}
16
16
  {%- endblock %}
17
- {% render 'partials/footer', doc: doc, site: site %}
17
+ {% render 'partials/footer', doc: doc %}
18
18
  </body>
19
19
  </html>
@@ -9,26 +9,26 @@
9
9
 
10
10
  <div class="DocHeader-bottomLeft Flex">
11
11
  <div class="Flex column">
12
+ {% set previous = doc(doc.siblings.previous) %}
13
+ {% set next = doc(doc.siblings.next) %}
12
14
  <span class="Annotation">
13
- {% if doc.siblings.previous and doc.siblings.next %}
14
- doc.siblings.previous and next
15
- {% elsif doc.siblings.previous %}
16
- doc.siblings.previous
17
- {% elsif doc.siblings.next %}
18
- doc.siblings.next
15
+ {% if previous and next %}
16
+ doc(doc.siblings.previous) and doc(doc.siblings.next)
17
+ {% elsif previous %}
18
+ doc(doc.siblings.previous)
19
+ {% elsif next %}
20
+ doc(doc.siblings.next)
19
21
  {% endif %}
20
22
  </span>
21
23
 
22
24
  <div class="Flex spaceBetween">
23
- {% if doc.siblings.previous %}
24
- <a href="{{ doc.siblings.previous.url }}" title="{{ doc.siblings.previous.title }}"
25
- >← {{ 'previous' | t -}}
26
- </a>
25
+ {% if previous %}
26
+ <a href="{{ previous.url }}" title="{{ previous.title }}">← {{ 'previous' | t -}}</a>
27
27
  {% else %}
28
28
  <span></span>
29
29
  {% endif %}
30
- {% if doc.siblings.next %}
31
- <a href="{{ doc.siblings.next.url }}" title="{{ doc.siblings.next.title }}">{{ 'next' | t }} →</a>
30
+ {% if next %}
31
+ <a href="{{ next.url }}" title="{{ next.title }}">{{ 'next' | t }} →</a>
32
32
  {% endif %}
33
33
  </div>
34
34
  </div>
@@ -41,7 +41,7 @@
41
41
  <div class="Tile-tags">
42
42
  Tags:
43
43
  {% for tag in doc.field.tags %}
44
- <span class="Tag">{{ tag.title }}</span>
44
+ <a class="Tag" href="{{ tag.url }}">{{ tag.title }}</a>
45
45
  {% endfor %}
46
46
  </div>
47
47
  {% endif %}
@@ -50,10 +50,7 @@
50
50
  {% if doc.featuredImage %}
51
51
  <div class="DocHeader-right">
52
52
  <div class="Annotation">doc.featuredImage</div>
53
- {%
54
- useImage img image: doc.featuredImage
55
- , resize: "x200"
56
- %}
53
+ {% set img = image(doc.featuredImage, resize: "x200") %}
57
54
  <img
58
55
  class="Block"
59
56
  src="{{ img.url }}"
@@ -6,10 +6,7 @@
6
6
  </div>
7
7
  <div class="Tile-right">
8
8
  {% if doc.defaultImage %}
9
- {%
10
- useImage im image: doc.defaultImage
11
- , resize: "x250x"
12
- %}
9
+ {% set im = image(doc.defaultImage, resize: "x250x") %}
13
10
  <img
14
11
  class="Img"
15
12
  src="{{ im.url }}"
@@ -1,8 +1,8 @@
1
1
  <div class="_revertedColors PageFooterArea">
2
2
  <footer class="PageFooter Container pad">
3
3
  <div class="Text">{{ site.field.footerMention | raw }}</div>
4
- {% if site.home.contactPage %}
5
- {% assign contactPage = site.home.contactPage.doc %}
4
+ {% set contactPage = doc(site.home.contactPage) %}
5
+ {% if contactPage %}
6
6
  <a class="Btn" href="{{ contactPage.url }}">{{ contactPage.title }}</a>
7
7
  {% endif %}
8
8
  </footer>
@@ -5,10 +5,7 @@
5
5
  {% if site.field.logo %}
6
6
  <span class="Flex column center">
7
7
  <span class="Annotation">site.field.logo</span>
8
- {%
9
- useImage im image: site.field.logo
10
- , resize: "x80x"
11
- %}
8
+ {% set im = image(site.field.logo, resize: "x80x") %}
12
9
  <img
13
10
  src="{{ im.url }}"
14
11
  alt=""
@@ -41,7 +38,7 @@
41
38
  </li>
42
39
 
43
40
  {% if site.home.pages %}
44
- {% getDocs pages, parentId: site.home.pages.id %}
41
+ {% set pages = docs(site.home.pages.children) %}
45
42
  <li>
46
43
  <span class="Btn disabled">Pages</span>
47
44
  <ul class="Menu sub">
@@ -60,8 +57,8 @@
60
57
  </li>
61
58
  {% endif %}
62
59
 
63
- {% if site.home.posts %}
64
- {% assign postsPage = site.home.posts.doc %}
60
+ {% set postsPage = doc(site.home.posts) %}
61
+ {% if postsPage %}
65
62
  <li>
66
63
  <a
67
64
  class="Btn"
@@ -73,8 +70,8 @@
73
70
  </li>
74
71
  {% endif %}
75
72
 
76
- {% if site.home.aboutPage %}
77
- {% assign aboutPage = site.home.aboutPage.doc %}
73
+ {% set aboutPage = doc(site.home.aboutPage) %}
74
+ {% if aboutPage %}
78
75
  <li>
79
76
  <a
80
77
  class="Btn"
@@ -86,8 +83,8 @@
86
83
  </li>
87
84
  {% endif %}
88
85
 
89
- {% if site.home.contactPage %}
90
- {% assign contactPage = site.home.contactPage.doc %}
86
+ {% set contactPage = doc(site.home.contactPage) %}
87
+ {% if contactPage %}
91
88
  <li>
92
89
  <a
93
90
  class="Btn"
@@ -101,17 +98,13 @@
101
98
  </ul>
102
99
  </nav>
103
100
 
104
- {% if site.home.searchPage %}
105
- {% assign searchPage = site.home.searchPage.doc %}
106
- <div>
107
- <div
108
- data-effect="paSearchOpener"
109
- data-icon-color=""
110
- data-search-url="{{ searchPage.url }}"
111
- ></div>
112
- <div data-mobile-menu="button"></div>
113
- </div>
114
- {% endif %}
101
+ <div>
102
+ {% set searchPage = doc(site.home.searchPage) %}
103
+ {% if searchPage %}
104
+ {% out searchOpener(url: searchPage.url) %}
105
+ {% endif %}
106
+ <div data-mobile-menu="button"></div>
107
+ </div>
115
108
  </header>
116
109
  </div>
117
110
  <div
@@ -17,7 +17,7 @@
17
17
  </div>
18
18
  <div class="Tile-right">
19
19
  {% if doc.defaultImage %}
20
- {% useImage im image: doc.defaultImage, resize: "x250x" %}
20
+ {% set im = image(doc.defaultImage, resize: "x250x") %}
21
21
 
22
22
  <img
23
23
  class="Img"
@@ -22,10 +22,7 @@
22
22
  </div>
23
23
  <div class="Tile-right">
24
24
  {% if doc.defaultImage %}
25
- {%
26
- useImage im image: doc.defaultImage
27
- , resize: "x250x"
28
- %}
25
+ {% set im = image(doc.defaultImage, resize: "x250x") %}
29
26
  <img
30
27
  class="Img"
31
28
  src="{{ im.url }}"
@@ -1,22 +1,13 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {%
4
- getDocs tags
5
- , parentId: site.home.posts.tags.id
6
- %}
7
- {%
8
- getPaginatedDocs posts
9
- , parentId: doc.id
10
- , pageSize: 4
11
- %}
12
-
13
- {% render 'partials/breadcrumb', doc: doc, site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
14
4
 
5
+ {% set tags = docs(site.home.posts.tags.children) %}
15
6
  {% if tags %}
16
7
  <div class="Bg2 Pt Pb">
17
8
  <div class="Container pad">
18
9
  <hr class="Hr">
19
- <div class="Annotation">getDocs tags, parentId: site.home.posts.tags.id</div>
10
+ <div class="Annotation">set tags = docs(site.home.posts.tags.children)</div>
20
11
 
21
12
  Tags:
22
13
  {% for tag in tags %}
@@ -26,24 +17,13 @@
26
17
  </div>
27
18
  {% endif %}
28
19
 
29
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
20
+ {% render 'partials/doc-header.liquid', doc: doc %}
30
21
 
31
22
  <div class="Container pad Mt Mb">
23
+ {% set posts = paginatedDocs(doc.routing.children, by: 4) %}
32
24
  <div class="Grid12">
33
- <div class="Annotation Column4 Span6">getPaginatedDocs posts, parentId: doc.id, pageSize: 4</div>
34
- </div>
35
- <div
36
- class="Grid12"
37
- data-effect="paInfiniteLoading"
38
- data-parent-id="{{ doc.id }}"
39
- data-start="{{ posts.pageSize }}"
40
- data-limit="{{ posts.pageSize }}"
41
- data-total="{{ posts.total }}"
42
- data-template="post-tile"
43
- >
44
- {% for post in posts.items %}
45
- {% render 'partials/post-tile.public.liquid', doc: post %}
46
- {% endfor %}
25
+ <div class="Annotation Column4 Span6">set posts = paginatedDocs(doc.routing.children, by: 4)</div>
47
26
  </div>
27
+ {% out infiniteLoading(class: "Grid12", paginatedDocs: posts, template: "partials/post-tile.public") %}
48
28
  </div>
49
29
  {% endblock %}
@@ -1,7 +1,7 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% render 'partials/breadcrumb', doc: doc, site: site %}
4
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
4
+ {% render 'partials/doc-header.liquid', doc: doc %}
5
5
 
6
6
  <div class="Container pad text Mt Mb">
7
7
  {% if doc.field.htmlContent %}
@@ -14,10 +14,5 @@
14
14
  {% endif %}
15
15
  </div>
16
16
 
17
- <div
18
- class="Container text pad"
19
- data-effect="paSearchApp"
20
- data-template="result-item"
21
- data-limit="4"
22
- ></div>
17
+ {% out searchApp(template: "partials/result-item.public", by: 4, class: "Container text pad") %}
23
18
  {% endblock %}
@@ -1,9 +1,7 @@
1
- {% layout "layouts/main-layout.liquid" doc: doc site: site %}
1
+ {% layout 'layouts/main-layout.liquid' %}
2
2
  {% block %}
3
- {% getPaginatedDocs posts, parentId: site.home.posts.id, labeledById: doc.id, labeledByField: "tags", pageSize: 4 %}
4
-
5
- {% render 'partials/breadcrumb', doc: doc, site: site %}
6
- {% render 'partials/doc-header.liquid', doc: doc, site: site %}
3
+ {% render 'partials/breadcrumb', doc: doc %}
4
+ {% render 'partials/doc-header.liquid', doc: doc %}
7
5
 
8
6
  {% if doc.field.htmlContent %}
9
7
  <div class="Container text TextPage Bg Mt Mb">
@@ -14,24 +12,13 @@
14
12
  </div>
15
13
  {% endif %}
16
14
 
15
+ {% set posts = paginatedDocs(site.home.posts.children, by: 4, term: doc, labeledWith: "tags") %}
17
16
  <div class="Container pad Mt Mb">
18
17
  <div class="Grid12">
19
18
  <div class="Annotation Column4 Span6">
20
- getPaginatedDocs posts, parentId: site.home.posts.id, labeledById: doc.id, labeledByField: "tags", pageSize: 4
19
+ set posts = paginatedDocs(site.home.posts.children, by: 4, term: doc, labeledWith: "tags")
21
20
  </div>
22
21
  </div>
23
- <div
24
- class="Grid12"
25
- data-effect="paInfiniteLoading"
26
- data-parent-id="{{ doc.id }}"
27
- data-start="{{ posts.pageSize }}"
28
- data-limit="{{ posts.pageSize }}"
29
- data-total="{{ posts.total }}"
30
- data-template="post-tile"
31
- >
32
- {% for post in posts.items %}
33
- {% render 'partials/post-tile.public.liquid', doc: post %}
34
- {% endfor %}
35
- </div>
22
+ {% out infiniteLoading(class: "Grid12", paginatedDocs: posts, template: "partials/post-tile.public") %}
36
23
  </div>
37
24
  {% endblock %}