PyPI - wagtail-tw-blocks - Versions diffs - 0.1.1__tar.gz → 0.2.0__tar.gz - Mend

wagtail-tw-blocks 0.1.1tar.gz → 0.2.0tar.gz

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.

Files changed (30) hide show

{wagtail_tw_blocks-0.1.1 → wagtail_tw_blocks-0.2.0}/PKG-INFO RENAMED Viewed

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: wagtail-tw-blocks
-Version: 0.1.1
+Version: 0.2.0
 Summary: A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI.
 License: MIT
 License-File: LICENSE
@@ -44,6 +44,13 @@ Description-Content-Type: text/markdown
 - **Carousel:** Image or content slider with responsive design.
 - **Code:** Syntax-highlighted code snippets for technical content (Requires `highlight.js` and `clipboard.js` to be included in your page).
 - **Diff:** Side-by-side or inline difference highlighting for image comparisons.
+- **FAB:** Floating Action Button with multiple action items.
+- **Hover Gallery:** Image gallery with hover effects.
+- **List:** Ordered lists with custom styling.
+- **Steps:** Step-by-step process indicators.
+- **Tabs:** Tabbed content sections.
+- **Timeline:** Chronological event listings.
+- **Toast:** Temporary notification messages.
 ---
@@ -122,6 +129,7 @@ class Article(Page):
             ("carousel", blocks.CarouselBlock()),
             ("code", blocks.CodeBlock()),
             ("diff", blocks.DiffBlock()),
+            # ...
         ],
         help_text=_("Article content"),
     )
@@ -135,8 +143,6 @@ class Article(Page):
 ```html
 <!-- blog/base.html -->
-{% load static %}
 <!doctype html>
 <html data-theme="luxury">
@@ -144,15 +150,45 @@ class Article(Page):
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wagtail Blocks Usage Example</title>
-    <!-- You also may want to include TailwindCSS and daisyUI -->
+    <!--
+      Do not use in production.
+      See:
+        - https://tailwindcss.com/docs/installation
+    -->
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <!-- Code highlighting for CodeBlock -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github-dark.min.css"
+    />
+    <script>hljs.highlightAll();</script>
+    <!-- If you already using TailwindCSS and daisyUI you can include -->
+    {% load static %}
     <link href="{% static 'wagtail_blocks/css/styles.css' %}" rel="stylesheet" type="text/css" />
   </head>
   <body>
-    <!-- ... -->
-     <main>
-       {{ article.content }}
-     </main>
+    <!--
+      Requires TailwindCSS Typography plugin.
+      "@tailwindcss/typography": https://github.com/tailwindlabs/tailwindcss-typography
+    -->
+    <main class="prose mx-auto prose-sm prose-video:rounded-box xl:prose-lg 2xl:prose-xl prose-headings:text-primary prose-img:rounded-box prose-img:w-full">
+      {{ article.content }}
+    </main>
+    <!-- Lucide icons -->
+    <script src="https://unpkg.com/lucide@latest"></script>
+    <script>lucide.createIcons();</script>
+    <!-- For copy buttons in CodeBlock -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
+    <script>const btns = new ClipboardJS(".btn-copy");</script>
   </body>
 </html>
 ```
@@ -172,6 +208,23 @@ class Article(Page):
 ---
+## Extending
+You can easily extend or customize the provided blocks by subclassing them. For example, to create a custom alert block with additional styles:
+```python
+from wagtail_blocks import blocks
+class CustomAlertBlock(blocks.AlertBlock):
+    class Meta:
+        template = "path/to/your/custom_alert_template.html"
+        icon = "warning"
+        label = "Custom Alert"
+```
+---
 ## Contributing
 We welcome community contributions. See the [CONTRIBUTING](CONTRIBUTING.md) guide for setup instructions, coding standards, and workflow. Opening an issue before major changes helps align on scope and direction.

{wagtail_tw_blocks-0.1.1 → wagtail_tw_blocks-0.2.0}/README.md RENAMED Viewed

@@ -24,6 +24,13 @@
 - **Carousel:** Image or content slider with responsive design.
 - **Code:** Syntax-highlighted code snippets for technical content (Requires `highlight.js` and `clipboard.js` to be included in your page).
 - **Diff:** Side-by-side or inline difference highlighting for image comparisons.
+- **FAB:** Floating Action Button with multiple action items.
+- **Hover Gallery:** Image gallery with hover effects.
+- **List:** Ordered lists with custom styling.
+- **Steps:** Step-by-step process indicators.
+- **Tabs:** Tabbed content sections.
+- **Timeline:** Chronological event listings.
+- **Toast:** Temporary notification messages.
 ---
@@ -102,6 +109,7 @@ class Article(Page):
             ("carousel", blocks.CarouselBlock()),
             ("code", blocks.CodeBlock()),
             ("diff", blocks.DiffBlock()),
+            # ...
         ],
         help_text=_("Article content"),
     )
@@ -115,8 +123,6 @@ class Article(Page):
 ```html
 <!-- blog/base.html -->
-{% load static %}
 <!doctype html>
 <html data-theme="luxury">
@@ -124,15 +130,45 @@ class Article(Page):
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Wagtail Blocks Usage Example</title>
-    <!-- You also may want to include TailwindCSS and daisyUI -->
+    <!--
+      Do not use in production.
+      See:
+        - https://tailwindcss.com/docs/installation
+    -->
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@5" rel="stylesheet" type="text/css" />
+    <link href="https://cdn.jsdelivr.net/npm/daisyui@5/themes.css" rel="stylesheet" type="text/css" />
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <!-- Code highlighting for CodeBlock -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/highlight.min.js"></script>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/github-dark.min.css"
+    />
+    <script>hljs.highlightAll();</script>
+    <!-- If you already using TailwindCSS and daisyUI you can include -->
+    {% load static %}
     <link href="{% static 'wagtail_blocks/css/styles.css' %}" rel="stylesheet" type="text/css" />
   </head>
   <body>
-    <!-- ... -->
-     <main>
-       {{ article.content }}
-     </main>
+    <!--
+      Requires TailwindCSS Typography plugin.
+      "@tailwindcss/typography": https://github.com/tailwindlabs/tailwindcss-typography
+    -->
+    <main class="prose mx-auto prose-sm prose-video:rounded-box xl:prose-lg 2xl:prose-xl prose-headings:text-primary prose-img:rounded-box prose-img:w-full">
+      {{ article.content }}
+    </main>
+    <!-- Lucide icons -->
+    <script src="https://unpkg.com/lucide@latest"></script>
+    <script>lucide.createIcons();</script>
+    <!-- For copy buttons in CodeBlock -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.11/clipboard.min.js"></script>
+    <script>const btns = new ClipboardJS(".btn-copy");</script>
   </body>
 </html>
 ```
@@ -152,6 +188,23 @@ class Article(Page):
 ---
+## Extending
+You can easily extend or customize the provided blocks by subclassing them. For example, to create a custom alert block with additional styles:
+```python
+from wagtail_blocks import blocks
+class CustomAlertBlock(blocks.AlertBlock):
+    class Meta:
+        template = "path/to/your/custom_alert_template.html"
+        icon = "warning"
+        label = "Custom Alert"
+```
+---
 ## Contributing
 We welcome community contributions. See the [CONTRIBUTING](CONTRIBUTING.md) guide for setup instructions, coding standards, and workflow. Opening an issue before major changes helps align on scope and direction.

{wagtail_tw_blocks-0.1.1 → wagtail_tw_blocks-0.2.0}/pyproject.toml RENAMED Viewed

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "wagtail-tw-blocks"
-version = "0.1.1"
+version = "0.2.0"
 description = "A collection of reusable, production-ready content blocks for Wagtail CMS, styled with Tailwind CSS and daisyUI."
 authors = ["Yousef Abu Shanab <josephyousef249@gmail.com>"]
 license = "MIT"

{wagtail_tw_blocks-0.1.1 → wagtail_tw_blocks-0.2.0}/wagtail_blocks/__init__.py RENAMED Viewed

@@ -3,12 +3,12 @@
 from django.utils.translation import gettext_lazy as _
 # Constants
-ACCORDION_STYLE_VARIANTS = [
+ACCORDION_STYLES = [
     ("plus", _("Plus")),
     ("arrow", _("Arrow")),
 ]
-ALERT_STYLE_VARIANTS = [
+ALERT_STYLES = [
     ("soft", _("Soft")),
     ("outline", _("Outline")),
 ]
@@ -20,6 +20,22 @@ ALERT_LEVELS = [
     ("error", _("Error")),
 ]
+COLOR_CHOICES = [
+    ("primary", _("Primary")),
+    ("secondary", _("Secondary")),
+    ("accent", _("Accent")),
+    ("success", _("Success")),
+    ("info", _("Info")),
+    ("warning", _("Warning")),
+    ("error", _("Error")),
+]
+TAB_STYLES = [
+    ("border", _("Border")),
+    ("box", _("Box")),
+    ("lift", _("Lift")),
+]
 # The popular programming languages
 PROGRAMMING_LANGUAGES = [
     ("auto", _("Auto")),

wagtail-tw-blocks 0.1.1__tar.gz → 0.2.0__tar.gz

wagtail-tw-blocks 0.1.1tar.gz → 0.2.0tar.gz