Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add the Quotebacks plugin #359

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 21 additions & 0 deletions v8/quotebacks/LICENSE
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
MIT License

Copyright (c) 2020 Matt Webb

Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
48 changes: 48 additions & 0 deletions v8/quotebacks/README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,48 @@
# The Quotebacks Markdown Extension Plugin

## Description

[Quotebacks](https://quotebacks.net) is a recently-developed JavaScript library for applying a standard styling to blockquotes on web pages. As released, it also includes a browser plugin for Chrome, that helps with capturing the quotes and applying the correct HTML.

However, if you don't use Chrome, and/or you prefer to write in Markdown, it's not ideal.

Luckily [Matt Webb](http://interconnected.org/home/2020/06/16/quotebacks) has written an [extension for Python-Markdown](https://github.com/genmon/quotebacks-mdx) which allows the writer to activate the Quotebacks styling using simple Markdown.

This plugin incorporates that extension into Nikola. The original code is MIT-licensed, which allows us to use it freely.

You'll have to have the `quotebacks.js` file installed, and have code in your `config.py` to import it from the CDN or reference it directly. See below.

## Usage

To use it you'll need to make the `quoteback.js` library accessible to your site. You can either download it and keep a local copy, and then include something like the following in your `EXTRA_HEAD_DATA` constant in `conf.py`:

```
EXTRA_HEAD_DATA = """
<script src="/js/quoteback.js"></script>
"""
```

Or you can access it using the CDN, in which case you'll want the following:

```
EXTRA_HEAD_DATA = """
<script src="https://cdn.jsdelivr.net/gh/Blogger-Peer-Review/quotebacks@1/quoteback.js">
"""
```

To quote something using Quotebacks, include Markdown like this:

```

What is Nikola? The answer is here:

> Nikola is a static website and blog generator. The very short explanation is that it takes some texts you wrote, and uses them to create a folder full of HTML files. If you upload that folder to a server, you will have a rather full-featured website, done with little effort.
>
> -- Roberto Alsina and the Nikola contributors, [The Nikola Handbook](https://getnikola.com/handbook.html)

```

You need to format the footer of the blockquote as shown above:

* a blank, quoted line;
* followed by a quoted line with two hyphens, a space, the name of the author or authors, a comma and a space, then a Markdown-formatted link to the source.
14 changes: 14 additions & 0 deletions v8/quotebacks/quotebacks_mdx.plugin
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
[Core]
name = quotebacks_mdx
module = quotebacks_mdx

[Nikola]
compiler = markdown
PluginCategory = CompilerExtension

[Documentation]
author = Matt Webb (tweaked by Martin McCallion for Nikola compatibility)
version = 0.1
website = https://github.com/genmon/quotebacks-mdx
description = Markdown extension for simpler Quotebacks support (https://quotebacks.net/).

178 changes: 178 additions & 0 deletions v8/quotebacks/quotebacks_mdx.py
Original file line number Diff line number Diff line change
@@ -0,0 +1,178 @@
# -*- coding: utf-8 -*-
devilgate marked this conversation as resolved.
Show resolved Hide resolved

# MIT License
#
# Copyright (c) 2020 Matt Webb
#
# Permission is hereby granted, free of charge, to any person obtaining a copy
# of this software and associated documentation files (the "Software"), to deal
# in the Software without restriction, including without limitation the rights
# to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
# copies of the Software, and to permit persons to whom the Software is
# furnished to do so, subject to the following conditions:
#
# The above copyright notice and this permission notice shall be included in all
# copies or substantial portions of the Software.
#
# THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
# IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
# FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
# AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
# LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
# OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
# SOFTWARE.

"""
# Quotebacks extension for Python-Markdown

Use by including `QuotebacksExtension()` in the extensions list.

Converts Markdown of the form:

```markdown
> QUOTED-CONTENT
>
> -- AUTHOR, [LINKTEXT](URL)
```

to the quotebacks format.
"""


import logging
import markdown
import re
import sys
import xml.etree.ElementTree as ET

from markdown import Extension

from nikola.plugin_categories import MarkdownExtension

LOGGER = logging.getLogger("quotebacks-mdx")

# If required, add this at the bottom of the page
QUOTEBACKS_SCRIPT_TAG = """<script note="" src="https://cdn.jsdelivr.net/gh/Blogger-Peer-Review/quotebacks@1/quoteback.js"></script>"""


class QuotebacksExtension(MarkdownExtension, Extension):
"""Python-Markdown extension that wraps QuotebacksProcessor and
makes it available to transform HTML docs.
"""

def extendMarkdown(self, md):
# Run with a priority of 19.
# Needs to run:
# - AFTER a tags have been created
# - BEFORE smartypants
# Pass in the dictionary of config variables: this tree processor has overridden
# its init to accept these.
md.treeprocessors.register(
QuotebacksProcessor(md, self.getConfigs()), "quotebacks", 19
)


class QuotebacksProcessor(markdown.treeprocessors.Treeprocessor):
"""Python-Markdown processor that changes the blockquotes in the output document to
match the Quotebacks format.

Rules:

- there must be more than one child of the blockquote
- the final child must be a p element
- the p element must have the pattern:

<p>-- AUTHOR, <a href="CITE_URL">TITLE</a></p>

The source Markdown format for this is:

> ...
>
> -- AUTHOR, [TITLE](CITE_URL)
"""

def __init__(self, md, config):
""" Usually a tree processor won't take a config dict, but here
we're overriding init to accept one. This is for future options.

Stash the markdown instance for later.
"""
self.config = config
self.md = md

# We record whether there were quotebacks found
self.md.quotebacks_found = False

super().__init__(md)

def run(self, root):
# Iterate over all blockquote elements
for bq in root.iter("blockquote"):
# blockquote must have >1 children
if len(bq) <= 1:
LOGGER.info("blockquote must have >1 children")
continue

# blockquote's final child must be a paragraph
if bq[-1].tag != "p":
LOGGER.info("blockquote's final child must be a p tag")
continue

# Keep the paragraph element handy. It must look like
# '-- AUTHOR <a href="CITE_URL">TITLE</a>'
p_elem = bq[-1]

if not (len(p_elem) == 1 and p_elem[0].tag == "a"):
LOGGER.info("Final p must have one child and it must be an a tag")
continue

a_elem = p_elem[0]
title = a_elem.text
cite_url = a_elem.get("href", None)

if not title:
LOGGER.info("Final a tag must have text for the title")
continue

if not cite_url:
LOGGER.info("Final a tag must have an href for the cite URL")
continue

# There must be no tail text
if p_elem.tail is not None:
LOGGER.info("p must have no tail text")
continue

# The start text must follow a strict pattern
if not p_elem.text:
LOGGER.info("p must have start text")

m = re.match(r"^-- (?P<author>.+),\s+$", p_elem.text)
if not m:
LOGGER.info("p must match the pattern '-- AUTHOR, '")
continue

author = m.groupdict()["author"]

# Time to change the document!
# First, remove the original element
bq.remove(p_elem)

# Build the replacement tag, using the original elements where possible
footer = ET.SubElement(bq, "footer",)
footer.text = p_elem.text
cite = ET.SubElement(footer, "cite")
cite.append(a_elem)

# Set bq Attributes
attrib = {
"class": "quoteback",
"data-title": title,
"data-author": author,
"cite": cite_url,
}

[bq.set(k, v) for k, v in attrib.items()]

LOGGER.info("Successful: blockquote -> quoteback")
self.md.quotebacks_found = True