punkweb-bb 0.2.3__py3-none-any.whl → 0.4.0__py3-none-any.whl

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/grammar.js

@@ -0,0 +1,300 @@
+// const replacements = {
+//   ASCIIPunctuation: '!"#$%&\'()*+,\\-./:;<=>?@\\[\\]^_`{|}~',
+//   TriggerChars: '`_\*\[\]\(\)',
+//   Scheme: `[A-Za-z][A-Za-z0-9\+\.\-]{1,31}`,
+//   Email: `[a-zA-Z0-9.!#$%&'*+/=?^_\`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*`, // From CommonMark spec
+
+// }
+const replacements = {
+  ASCIIPunctuation: /[!"#$%&'()*+,\-./:;<=>?@[\]^_`{|}~\\]/,  
+  NotTriggerChar: /[^`_*[\]()<>!~]/,
+  Scheme: /[A-Za-z][A-Za-z0-9+.-]{1,31}/,
+  Email: /[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*/, // From CommonMark spec
+  HTMLOpenTag: /<HTMLTagName(?:HTMLAttribute)*\s*\/?>/,
+  HTMLCloseTag: /<\/HTMLTagName\s*>/,
+  HTMLTagName: /[A-Za-z][A-Za-z0-9-]*/, 
+  HTMLComment: /<!--(?:[^>-]|(?:[^>-](?:[^-]|-[^-])*[^-]))-->/,
+  HTMLPI: /<\?(?:|.|(?:[^?]|\?[^>])*)\?>/,
+  HTMLDeclaration: /<![A-Z]+\s[^>]*>/,
+  HTMLCDATA: /<!\[CDATA\[.*?\]\]>/,
+  HTMLAttribute: /\s+[A-Za-z_:][A-Za-z0-9_.:-]*(?:HTMLAttValue)?/,
+  HTMLAttValue: /\s*=\s*(?:(?:'[^']*')|(?:"[^"]*")|(?:[^\s"'=<>`]+))/,
+  KnownTag: /address|article|aside|base|basefont|blockquote|body|caption|center|col|colgroup|dd|details|dialog|dir|div|dl|dt|fieldset|figcaption|figure|footer|form|frame|frameset|h1|h2|h3|h4|h5|h6|head|header|hr|html|iframe|legend|li|link|main|menu|menuitem|nav|noframes|ol|optgroup|option|p|param|section|source|summary|table|tbody|td|tfoot|th|thead|title|tr|track|ul/
+}
+
+// From CommonMark.js. 
+const punctuationLeading = new RegExp(/^(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])/);
+
+const punctuationTrailing = new RegExp(/(?:[!"#$%&'()*+,\-./:;<=>?@[\]\\^_`{|}~\xA1\xA7\xAB\xB6\xB7\xBB\xBF\u037E\u0387\u055A-\u055F\u0589\u058A\u05BE\u05C0\u05C3\u05C6\u05F3\u05F4\u0609\u060A\u060C\u060D\u061B\u061E\u061F\u066A-\u066D\u06D4\u0700-\u070D\u07F7-\u07F9\u0830-\u083E\u085E\u0964\u0965\u0970\u0AF0\u0DF4\u0E4F\u0E5A\u0E5B\u0F04-\u0F12\u0F14\u0F3A-\u0F3D\u0F85\u0FD0-\u0FD4\u0FD9\u0FDA\u104A-\u104F\u10FB\u1360-\u1368\u1400\u166D\u166E\u169B\u169C\u16EB-\u16ED\u1735\u1736\u17D4-\u17D6\u17D8-\u17DA\u1800-\u180A\u1944\u1945\u1A1E\u1A1F\u1AA0-\u1AA6\u1AA8-\u1AAD\u1B5A-\u1B60\u1BFC-\u1BFF\u1C3B-\u1C3F\u1C7E\u1C7F\u1CC0-\u1CC7\u1CD3\u2010-\u2027\u2030-\u2043\u2045-\u2051\u2053-\u205E\u207D\u207E\u208D\u208E\u2308-\u230B\u2329\u232A\u2768-\u2775\u27C5\u27C6\u27E6-\u27EF\u2983-\u2998\u29D8-\u29DB\u29FC\u29FD\u2CF9-\u2CFC\u2CFE\u2CFF\u2D70\u2E00-\u2E2E\u2E30-\u2E42\u3001-\u3003\u3008-\u3011\u3014-\u301F\u3030\u303D\u30A0\u30FB\uA4FE\uA4FF\uA60D-\uA60F\uA673\uA67E\uA6F2-\uA6F7\uA874-\uA877\uA8CE\uA8CF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA95F\uA9C1-\uA9CD\uA9DE\uA9DF\uAA5C-\uAA5F\uAADE\uAADF\uAAF0\uAAF1\uABEB\uFD3E\uFD3F\uFE10-\uFE19\uFE30-\uFE52\uFE54-\uFE61\uFE63\uFE68\uFE6A\uFE6B\uFF01-\uFF03\uFF05-\uFF0A\uFF0C-\uFF0F\uFF1A\uFF1B\uFF1F\uFF20\uFF3B-\uFF3D\uFF3F\uFF5B\uFF5D\uFF5F-\uFF65]|\uD800[\uDD00-\uDD02\uDF9F\uDFD0]|\uD801\uDD6F|\uD802[\uDC57\uDD1F\uDD3F\uDE50-\uDE58\uDE7F\uDEF0-\uDEF6\uDF39-\uDF3F\uDF99-\uDF9C]|\uD804[\uDC47-\uDC4D\uDCBB\uDCBC\uDCBE-\uDCC1\uDD40-\uDD43\uDD74\uDD75\uDDC5-\uDDC9\uDDCD\uDDDB\uDDDD-\uDDDF\uDE38-\uDE3D\uDEA9]|\uD805[\uDCC6\uDDC1-\uDDD7\uDE41-\uDE43\uDF3C-\uDF3E]|\uD809[\uDC70-\uDC74]|\uD81A[\uDE6E\uDE6F\uDEF5\uDF37-\uDF3B\uDF44]|\uD82F\uDC9F|\uD836[\uDE87-\uDE8B])$/);
+
+// export const inlineTriggerChars = new RegExp(`[${replacements.TriggerChars}]`);
+
+/**
+ * This is CommonMark's block grammar, but we're ignoring nested blocks here.  
+ */ 
+const lineGrammar = { 
+  TMH1: { 
+    regexp: /^( {0,3}#\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH1">$1</span>$$2<span class="TMMark TMMark_TMH1">$3</span>'
+  },
+  TMH2: { 
+    regexp: /^( {0,3}##\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH2">$1</span>$$2<span class="TMMark TMMark_TMH2">$3</span>'
+  },
+  TMH3: { 
+    regexp: /^( {0,3}###\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH3">$1</span>$$2<span class="TMMark TMMark_TMH3">$3</span>'
+  },
+  TMH4: { 
+    regexp: /^( {0,3}####\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH4">$1</span>$$2<span class="TMMark TMMark_TMH4">$3</span>'
+  },
+  TMH5: { 
+    regexp: /^( {0,3}#####\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH5">$1</span>$$2<span class="TMMark TMMark_TMH5">$3</span>'
+  },
+  TMH6: { 
+    regexp: /^( {0,3}######\s)(.*?)((?:\s+#+\s*)?)$/, 
+    replacement: '<span class="TMMark TMMark_TMH6">$1</span>$$2<span class="TMMark TMMark_TMH6">$3</span>'
+  },
+  TMBlockquote: { 
+    regexp: /^( {0,3}>[ ]?)(.*)$/, 
+    replacement: '<span class="TMMark TMMark_TMBlockquote">$1</span>$$2'
+  },
+  TMCodeFenceBacktickOpen: { 
+    regexp: /^( {0,3}(?<seq>````*)\s*)([^`]*?)(\s*)$/, 
+    replacement: '<span class="TMMark TMMark_TMCodeFenceBacktick">$1</span><span class="TMInfoString">$3</span>$4'
+  },
+  TMCodeFenceTildeOpen: { 
+    regexp: /^( {0,3}(?<seq>~~~~*)\s*)(.*?)(\s*)$/, 
+    replacement: '<span class="TMMark TMMark_TMCodeFenceTilde">$1</span><span class="TMInfoString">$3</span>$4'
+  },
+  TMCodeFenceBacktickClose: { 
+    regexp: /^( {0,3}(?<seq>````*))(\s*)$/, 
+    replacement: '<span class="TMMark TMMark_TMCodeFenceBacktick">$1</span>$3'
+  },
+  TMCodeFenceTildeClose: { 
+    regexp: /^( {0,3}(?<seq>~~~~*))(\s*)$/, 
+    replacement: '<span class="TMMark TMMark_TMCodeFenceTilde">$1</span>$3'
+  },
+  TMBlankLine: { 
+    regexp: /^([ \t]*)$/, 
+    replacement: '$0'
+  },
+  TMSetextH1Marker: { 
+    regexp: /^ {0,3}=+\s*$/, 
+    replacement: '<span class="TMMark TMMark_TMSetextH1Marker">$0</span>'
+  },
+  TMSetextH2Marker: { 
+    regexp: /^ {0,3}-+\s*$/, 
+    replacement: '<span class="TMMark TMMark_TMSetextH1Marker">$0</span>'
+  },
+  TMHR: { 
+    regexp: /^( {0,3}(\*[ \t]*\*[ \t]*\*[ \t*]*)|(-[ \t]*-[ \t]*-[ \t-]*)|(_[ \t]*_[ \t]*_[ \t_]*))$/, 
+    replacement: '<span class="TMMark TMMark_TMHR">$0</span>'
+  },
+  TMUL: { 
+    regexp: /^( {0,3}[+*-] {1,4})(.*)$/, 
+    replacement: '<span class="TMMark TMMark_TMUL">$1</span>$$2'
+  },
+  TMOL: { 
+    regexp: /^( {0,3}\d{1,9}[.)] {1,4})(.*)$/, 
+    replacement: '<span class="TMMark TMMark_TMOL">$1</span>$$2'
+  },
+  // TODO: This is currently preventing sublists (and any content within list items, really) from working
+  TMIndentedCode: { 
+    regexp: /^( {4}|\t)(.*)$/, 
+    replacement: '<span class="TMMark TMMark_TMIndentedCode">$1</span>$2'
+  },
+  TMLinkReferenceDefinition: {
+    // TODO: Link destination can't include unbalanced parantheses, but we just ignore that here 
+    regexp: /^( {0,3}\[\s*)([^\s\]](?:[^\]]|\\\])*?)(\s*\]:\s*)((?:[^\s<>]+)|(?:<(?:[^<>\\]|\\.)*>))?(\s*)((?:\((?:[^()\\]|\\.)*\))|(?:"(?:[^"\\]|\\.)*")|(?:'(?:[^'\\]|\\.)*'))?(\s*)$/, 
+    replacement: '<span class="TMMark TMMark_TMLinkReferenceDefinition">$1</span><span class="TMLinkLabel TMLinkLabel_Definition">$2</span><span class="TMMark TMMark_TMLinkReferenceDefinition">$3</span><span class="TMLinkDestination">$4</span>$5<span class="TMLinkTitle">$6</span>$7',
+    labelPlaceholder: 2, // this defines which placeholder in the above regex is the link "label"
+  },
+};
+
+/**
+ * HTML blocks have multiple different classes of opener and closer. This array defines all the cases
+ */
+var htmlBlockGrammar = [
+  { start: /^ {0,3}<(?:script|pre|style)(?:\s|>|$)/i, end: /(?:<\/script>|<\/pre>|<\/style>)/i, paraInterrupt: true },
+  { start: /^ {0,3}<!--/, end: /-->/, paraInterrupt: true },
+  { start: /^ {0,3}<\?/, end: /\?>/, paraInterrupt: true },
+  { start: /^ {0,3}<![A-Z]/, end: />/, paraInterrupt : true},
+  { start: /^ {0,3}<!\[CDATA\[/, end: /\]\]>/, paraInterrupt : true},
+  { start: /^ {0,3}(?:<|<\/)(?:KnownTag)(?:\s|>|\/>|$)/i, end: false, paraInterrupt: true},
+  { start: /^ {0,3}(?:HTMLOpenTag|HTMLCloseTag)\s*$/, end: false, paraInterrupt: false},
+];
+
+/**
+ * Structure of the object:
+ * Top level entries are rules, each consisting of a regular expressions (in string format) as well as a replacement.
+ * In the regular expressions, replacements from the object 'replacements' will be processed before compiling into the property regexp.
+ */
+var inlineGrammar = {
+  escape : {
+    regexp: /^\\(ASCIIPunctuation)/,
+    replacement : '<span class="TMMark TMMark_TMEscape">\\</span>$1'
+  },
+  code : {
+    regexp: /^(`+)((?:[^`])|(?:[^`].*?[^`]))(\1)/,
+    replacement : '<span class="TMMark TMMark_TMCode">$1</span><code class="TMCode">$2</code><span class="TMMark TMMark_TMCode">$3</span>' 
+  },
+  autolink : {
+    regexp: /^<((?:Scheme:[^\s<>]*)|(?:Email))>/,
+    replacement: '<span class="TMMark TMMark_TMAutolink">&lt;</span><span class="TMAutolink">$1</span><span class="TMMark TMMark_TMAutolink">&gt;</span>'
+  },
+  html : {
+    regexp: /^((?:HTMLOpenTag)|(?:HTMLCloseTag)|(?:HTMLComment)|(?:HTMLPI)|(?:HTMLDeclaration)|(?:HTMLCDATA))/,
+    replacement: '<span class="TMHTML">$1</span>',
+  },
+  linkOpen : {
+    regexp: /^\[/,
+    replacement: ''
+  },
+  imageOpen : {
+    regexp: /^!\[/,
+    replacement : ''
+  },
+  linkLabel : {
+    regexp: /^(\[\s*)([^\]]*?)(\s*\])/,
+    replacement: '',
+    labelPlaceholder: 2
+  },
+  default : {
+    regexp: /^(.|(?:NotTriggerChar+))/,
+    replacement: '$1'
+  }
+};
+
+// Process replacements in regexps
+const replacementRegexp = new RegExp(Object.keys(replacements).join('|'));
+
+// Inline
+const inlineRules =[...Object.keys(inlineGrammar)];
+for (let rule of inlineRules) {
+  let re = inlineGrammar[rule].regexp.source;
+  // Replace while there is something to replace. This means it also works over multiple levels (replacements containing replacements)
+  while (re.match(replacementRegexp)) {
+    re = re.replace(replacementRegexp, (string) => { return replacements[string].source; });
+  }
+  inlineGrammar[rule].regexp = new RegExp(re, inlineGrammar[rule].regexp.flags);
+}
+
+// HTML Block (only opening rule is processed currently)
+for (let rule of htmlBlockGrammar) {
+  let re = rule.start.source;
+  // Replace while there is something to replace. This means it also works over multiple levels (replacements containing replacements)
+  while (re.match(replacementRegexp)) {
+    re = re.replace(replacementRegexp, (string) => { return replacements[string].source; });
+  }
+  rule.start = new RegExp(re, rule.start.flags);
+}
+
+/**
+ * Escapes HTML special characters (<, >, and &) in the string.
+ * @param {string} string The raw string to be escaped
+ * @returns {string} The string, ready to be used in HTML
+ */
+function htmlescape(string) {
+  return (string ? string : '')
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+/**
+ * Contains the commands that can be sent to the editor. Contains objects with a name representing the name of the command.
+ * Each of the objects contains the following keys:
+ * 
+ *   - type: Can be either inline (for inline formatting) or line (for block / line formatting).
+ *   - className: Used to determine whether the command is active at a given position. 
+ *     For line formatting, this looks at the class of the line element. For inline elements, tries to find an enclosing element with that class.
+ *   - set / unset: Contain instructions how to set and unset the command. For line type commands, both consist of a pattern and replacement that 
+ *     will be applied to each line (using String.replace). For inline type commands, the set object contains a pre and post string which will
+ *     be inserted before and after the selection. The unset object contains a prePattern and a postPattern. Both should be regular expressions and 
+ *     they will be applied to the portion of the line before and after the selection (using String.replace, with an empty replacement string).
+ */
+const commands = {
+  // Replacements for unset for inline commands are '' by default
+  bold: {
+    type: 'inline', 
+    className: 'TMStrong', 
+    set: {pre: '**', post: '**'}, 
+    unset: {prePattern: /(?:\*\*|__)$/, postPattern: /^(?:\*\*|__)/}
+  }, 
+  italic: {
+    type: 'inline', 
+    className: 'TMEm', 
+    set: {pre: '*', post: '*'}, 
+    unset: {prePattern: /(?:\*|_)$/, postPattern: /^(?:\*|_)/}
+  },
+  code: {
+    type: 'inline', 
+    className: 'TMCode', 
+    set: {pre: '`', post: '`'}, 
+    unset: {prePattern: /`+$/, postPattern: /^`+/} // FIXME this doesn't ensure balanced backticks right now
+  }, 
+  strikethrough: {
+    type: 'inline', 
+    className: 'TMStrikethrough', 
+    set: {pre: '~~', post: '~~'}, 
+    unset: {prePattern:/~~$/, postPattern: /^~~/ }
+  },
+  h1: {
+    type: 'line', 
+    className: 'TMH1', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '# $2'}, 
+    unset: {pattern: /^( {0,3}#\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  h2: {
+    type: 'line', 
+    className: 'TMH2', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '## $2'}, 
+    unset: {pattern: /^( {0,3}##\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  h3: {
+    type: 'line', 
+    className: 'TMH3', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '### $2'}, 
+    unset: {pattern: /^( {0,3}###\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  h4: {
+    type: 'line', 
+    className: 'TMH4', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '#### $2'}, 
+    unset: {pattern: /^( {0,3}####\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  h5: {
+    type: 'line', 
+    className: 'TMH5', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '##### $2'}, 
+    unset: {pattern: /^( {0,3}#####\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  h6: {
+    type: 'line', 
+    className: 'TMH6', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '###### $2'}, 
+    unset: {pattern: /^( {0,3}######\s+)(.*?)((?:\s+#+\s*)?)$/, replacement: '$2'}
+  },
+  ul: {
+    type: 'line', 
+    className: 'TMUL', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '- $2'}, 
+    unset: {pattern: /^( {0,3}[+*-] {1,4})(.*)$/, replacement: '$2'}
+  },
+  ol: {
+    type: 'line', 
+    className: 'TMOL', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '$#. $2'}, 
+    unset: {pattern: /^( {0,3}\d{1,9}[.)] {1,4})(.*)$/, replacement: '$2'}
+  }, 
+  blockquote: {
+    type: 'line', 
+    className: 'TMBlockquote', 
+    set: {pattern: /^( {0,3}(?:(?:#+|[0-9]{1,9}[).]|[>\-*+])\s+)?)(.*)$/, replacement: '> $2'}, 
+    unset: {pattern: /^( {0,3}>[ ]?)(.*)$/, replacement: '$2'}
+  },
+};
+
+export { lineGrammar, inlineGrammar, punctuationLeading, punctuationTrailing, htmlescape, htmlBlockGrammar, commands };

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/html/blank.html

@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TinyMDE demo</title>
+    <script src="./tiny-mde.js"></script>
+    <link rel="stylesheet" type="text/css" href="./tiny-mde.min.css" />
+    <meta name="viewport" content="initial-scale=1.0">
+    <style type="text/css">
+      html, body, div {
+        margin: 0px;
+        padding: 0px;
+      }</style>
+  </head>
+  <body>
+    <div id="tinymde_commandbar"></div>
+    <div id="tinymde" style="height:300px; overflow-y:scroll; border:1px solid #c0c0c0"></div>
+  </body>
+</html>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/html/demo.html

@@ -0,0 +1,126 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>TinyMDE demo</title>
+    <script src="./tiny-mde.js"></script>
+    <link rel="stylesheet" type="text/css" href="./tiny-mde.min.css" />
+    <meta name="viewport" content="initial-scale=1.0">
+  </head>
+  <body>
+    <h1>TinyMDE demo</h1>
+        
+    <div id="tinymde_commandbar"></div>
+    <div id="tinymde" style="height:300px; overflow-y:scroll; border:1px solid #c0c0c0">
+      <textarea id="txt"># Hello TinyMDE
+[ref]: https://www.jefago.com
+[ref link]: </this has spaces> "and a title"
+
+
+Some <html> </tags> right here
+<html a="b" >
+
+More <html    a="b c"    d  =  'e f'  h = i j /> here
+Comment <!-- here --> and <!-- not -- a --> comment and neither here <!---->
+Test <a foo="bar" bam = 'baz <em>"</em>' _boolean zoop:33=zoop:33 /> case
+Illegal HTML <__> <33> <a h*ref="hi"> <a href="hi'> <a href=hi'> < a> <a/ > <foo bar=baz bim!bop /> <a href='a'title=title>
+Processing instructions <?here?> and <? h e r e ?> and <?a?> here and <??> here and <? here ? here > here ?> yup
+Declarations <!DOCTYPE html> and <!DECLARE > and <!DO the OK@#( fwekof'230-2= πππ> here but <!NOT> here
+A <![CDATA[section right ] freak > ing ]] here]]> but not anymore
+Autolink, not inline link: [this <https://]()>
+HTML, not inline link: [this <html a="]()">
+More `complex`  line with *one **style** within* another.
+Code `ends here\` not here`
+More ``difficult `code`` spans \`not code` \\"
+Code `` `that starts `` with a backtick
+This is [not `a ](link) right` here.
+
+[ref]: https://www.jefago.com
+[ref link]: </this has spaces> "and a title"
+[  link label  ]: "Only title, spaces in the label"
+
+
+Autolinks
+---------
+<mail@jefago.com> <https://www.jefago.com/> <a+b:>
+
+
+[invalid] 
+[invalid][]
+[in-valid][invalid]
+This foo-_(bar)_ should
+THis _(also)_ should
+Only _underscores_ in this line
+There's <html><like><tags><over><here>
+A [ref link] in here.
+And another [ref link][].
+A valid [link to a ref][ref] here.
+An invalid [ref link][nope].
+An [inline link](/inline) here.
+Some [inline](<links>) [inline](<link link> "title title") [inline](<link link> (title title)) [inline](  <link link>   'title \\' title') ss
+[Inline](  /with invalid title text  ) here.
+[Inline]( </with (complex) dest>  (and title text) ) here.
+[Inline](<> "") link with empty delimiters
+[Inline]() link completely empty
+[Valid link](")))") here
+[Valid link](<)))>) here
+[Invalid](  ( ) here
+This one [is *a](link) over* here, but not an emphasis.
+Here [the [inner](one) is] the valid link.
+An ![image [can](have) a](link) inside it.
+This **is** a test.
+
+*Full line emphasized*
+Open ***without* close
+Both __types__ of *delimiters*
+__*Mixed* and matched__
+__mixed*_ and *unmatched_
+Close **without* open** test
+ab**cd*e*f*g*h**i*j*k
+Several *em* phasized *words and* some *phrases*.
+Triple ***emphasis***. 
+One *emphasis *within* another*.
+
+H1
+==
+Hello *there*.
+~~~
+Code
+block
+~~~
+
+
+> Quote and
+    Indented code block
+
+  * * * 
+  
+- UL
+- UL (and an empty one below)
+- 
+
+1) OL
+2) OL</textarea>
+    </div>
+    <div id="status" style="text-align:right">- : -</div>
+    <script>
+      // Create editor element, initialized to a textarea
+      tinyMDE = new TinyMDE.Editor({textarea: 'txt'});
+
+      // Create a command bar for that editor
+      cmdBar = new TinyMDE.CommandBar({
+        element: 'tinymde_commandbar', 
+        editor: tinyMDE,
+      });
+
+      // Add a custom selection event listener
+      tinyMDE.addEventListener('selection', (e) => { 
+        let st = `${e.focus ? e.focus.row : '–'} : ${e.focus ? e.focus.col : '–'}`;
+        for (let command in e.commandState) {
+          if (e.commandState[command]) st = command.concat(' ', st);
+        }
+        document.getElementById('status').innerHTML = st; 
+      });
+    </script>
+
+  </body>
+</html>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/index.js

@@ -0,0 +1,4 @@
+import CommandBar from "./TinyMDECommandBar";
+import Editor from "./TinyMDE";
+
+export {Editor, CommandBar};

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/blockquote.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM320-500q25 0 42.5-17.5T380-560q0-25-17.5-42.5T320-620q-25 0-42.5 17.5T260-560q0 25 17.5 42.5T320-500Zm360 0q25 0 42.5-17.5T740-560q0-25-17.5-42.5T680-620q-25 0-42.5 17.5T620-560q0 25 17.5 42.5T680-500Zm0-60Zm-360 0Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/bold.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/clear_formatting.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="m528-546-93-93-121-121h486v120H568l-40 94ZM792-56 460-388l-80 188H249l119-280L56-792l56-56 736 736-56 56Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/code.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M320-240 80-480l240-240 57 57-184 184 183 183-56 56Zm320 0-57-57 184-184-183-183 56-56 240 240-240 240Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/h1.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-280v-400h80v160h160v-160h80v400h-80v-160H280v160h-80Zm480 0v-320h-80v-80h160v400h-80Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/h2.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M120-280v-400h80v160h160v-160h80v400h-80v-160H200v160h-80Zm400 0v-160q0-33 23.5-56.5T600-520h160v-80H520v-80h240q33 0 56.5 23.5T840-600v80q0 33-23.5 56.5T760-440H600v80h240v80H520Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/hr.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M160-440v-80h640v80H160Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/image.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/italic.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/link.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/ol.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/strikethrough.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M80-400v-80h800v80H80Zm340-160v-120H200v-120h560v120H540v120H420Zm0 400v-160h120v160H420Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/svg.js

@@ -0,0 +1,17 @@
+const svg = {
+  blockquote: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="m228-240 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T458-480L320-240h-92Zm360 0 92-160q-66 0-113-47t-47-113q0-66 47-113t113-47q66 0 113 47t47 113q0 23-5.5 42.5T818-480L680-240h-92ZM320-500q25 0 42.5-17.5T380-560q0-25-17.5-42.5T320-620q-25 0-42.5 17.5T260-560q0 25 17.5 42.5T320-500Zm360 0q25 0 42.5-17.5T740-560q0-25-17.5-42.5T680-620q-25 0-42.5 17.5T620-560q0 25 17.5 42.5T680-500Zm0-60Zm-360 0Z"/></svg>`,
+  bold: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M272-200v-560h221q65 0 120 40t55 111q0 51-23 78.5T602-491q25 11 55.5 41t30.5 90q0 89-65 124.5T501-200H272Zm121-112h104q48 0 58.5-24.5T566-372q0-11-10.5-35.5T494-432H393v120Zm0-228h93q33 0 48-17t15-38q0-24-17-39t-44-15h-95v109Z"/></svg>`,
+  clear_formatting: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="m528-546-93-93-121-121h486v120H568l-40 94ZM792-56 460-388l-80 188H249l119-280L56-792l56-56 736 736-56 56Z"/></svg>`,
+  code: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M320-240 80-480l240-240 57 57-184 184 183 183-56 56Zm320 0-57-57 184-184-183-183 56-56 240 240-240 240Z"/></svg>`,
+  h1: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-280v-400h80v160h160v-160h80v400h-80v-160H280v160h-80Zm480 0v-320h-80v-80h160v400h-80Z"/></svg>`,
+  h2: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M120-280v-400h80v160h160v-160h80v400h-80v-160H200v160h-80Zm400 0v-160q0-33 23.5-56.5T600-520h160v-80H520v-80h240q33 0 56.5 23.5T840-600v80q0 33-23.5 56.5T760-440H600v80h240v80H520Z"/></svg>`,
+  hr: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M160-440v-80h640v80H160Z"/></svg>`,
+  image: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm40-80h480L570-480 450-320l-90-120-120 160Zm-40 80v-560 560Z"/></svg>`,
+  italic: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M200-200v-100h160l120-360H320v-100h400v100H580L460-300h140v100H200Z"/></svg>`,
+  link: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M440-280H280q-83 0-141.5-58.5T80-480q0-83 58.5-141.5T280-680h160v80H280q-50 0-85 35t-35 85q0 50 35 85t85 35h160v80ZM320-440v-80h320v80H320Zm200 160v-80h160q50 0 85-35t35-85q0-50-35-85t-85-35H520v-80h160q83 0 141.5 58.5T880-480q0 83-58.5 141.5T680-280H520Z"/></svg>`,
+  ol: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M120-80v-60h100v-30h-60v-60h60v-30H120v-60h120q17 0 28.5 11.5T280-280v40q0 17-11.5 28.5T240-200q17 0 28.5 11.5T280-160v40q0 17-11.5 28.5T240-80H120Zm0-280v-110q0-17 11.5-28.5T160-510h60v-30H120v-60h120q17 0 28.5 11.5T280-560v70q0 17-11.5 28.5T240-450h-60v30h100v60H120Zm60-280v-180h-60v-60h120v240h-60Zm180 440v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360Z"/></svg>`,
+  strikethrough: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M80-400v-80h800v80H80Zm340-160v-120H200v-120h560v120H540v120H420Zm0 400v-160h120v160H420Z"/></svg>`,
+  ul: `<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm0-240q-33 0-56.5-23.5T120-720q0-33 23.5-56.5T200-800q33 0 56.5 23.5T280-720q0 33-23.5 56.5T200-640Z"/></svg>`
+};
+
+export default svg;

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/svg/ul.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="#5f6368"><path d="M360-200v-80h480v80H360Zm0-240v-80h480v80H360Zm0-240v-80h480v80H360ZM200-160q-33 0-56.5-23.5T120-240q0-33 23.5-56.5T200-320q33 0 56.5 23.5T280-240q0 33-23.5 56.5T200-160Zm0-240q-33 0-56.5-23.5T120-480q0-33 23.5-56.5T200-560q33 0 56.5 23.5T280-480q0 33-23.5 56.5T200-400Zm0-240q-33 0-56.5-23.5T120-720q0-33 23.5-56.5T200-800q33 0 56.5 23.5T280-720q0 33-23.5 56.5T200-640Z"/></svg>

punkweb_bb/static/punkweb_bb/vendor/tiny-markdown-editor/src/tiny.js

@@ -0,0 +1,3 @@
+import Editor from "./TinyMDE";
+
+export {Editor};

punkweb_bb/templates/punkweb_bb/base_delete_modal.html

@@ -0,0 +1,13 @@
+{% extends 'punkweb_bb/base_modal.html' %}
+
+{% block content %}
+<p>
+  Are you sure you want to delete this {% block object_type %}{% endblock %}?
+  <br />
+  <b>This action cannot be undone!</b>
+</p>
+<div class="modal__actions">
+  <button class="modal__cancel pw-button default">Cancel</button>
+  <button class="pw-button raised danger" hx-delete="{% block delete_url %}{% endblock %}">Delete</button>
+</div>
+{% endblock %}

punkweb_bb/templates/punkweb_bb/bbcode.html

@@ -1,6 +1,5 @@
 {% extends "punkweb_bb/base.html" %}
-
-{% load bbcode_tags %}
+{% load render %}
 
 {% block content %}
 
@@ -11,7 +10,7 @@
     <div>
       <h4>{{ code.0 }}</h4>
       <pre>{{ code.1 }}</pre>
-      {% bbcode code.1 %}
+      {{ code.1|render }}
     </div>
     {% endfor %}
   </div>

punkweb_bb/templates/punkweb_bb/index.html

@@ -1,6 +1,6 @@
 {% extends 'punkweb_bb/base.html' %}
 
-{% load static bbcode_tags styled_username %}
+{% load static render styled_username %}
 
 {% block extra_head %}
 <link rel="stylesheet" href="{% static 'punkweb_bb/css/index.css' %}" />
@@ -75,7 +75,7 @@
                 <td>
                   <a href="{{subcategory.get_absolute_url}}" title="{{subcategory.name}}">{{subcategory.name}}</a>
                   <div>
-                    {{subcategory.description.rendered}}
+                    {{subcategory.description|render}}
                   </div>
                 </td>
                 <td>{{subcategory.thread_count}}</td>

punkweb_bb/templates/punkweb_bb/partials/category_delete.html

@@ -1,11 +1,7 @@
-{% extends 'punkweb_bb/base_modal.html' %}
+{% extends 'punkweb_bb/base_delete_modal.html' %}
 
 {% block title %}Delete Category{% endblock %}
 
-{% block content %}
-<p>Are you sure you want to delete this category? This action cannot be undone!</p>
-<div class="modal__actions">
-  <button class="modal__cancel pw-button default">Cancel</button>
-  <button class="pw-button raised danger" hx-delete="{% url 'punkweb_bb:category_delete' category.slug %}">Delete</button>
-</div>
-{% endblock %}
+{% block object_type %}category{% endblock %}
+
+{% block delete_url %}{% url 'punkweb_bb:category_delete' category.slug %}{% endblock %}

punkweb_bb/templates/punkweb_bb/partials/post_delete.html

@@ -1,11 +1,7 @@
-{% extends 'punkweb_bb/base_modal.html' %}
+{% extends 'punkweb_bb/base_delete_modal.html' %}
 
 {% block title %}Delete Post{% endblock %}
 
-{% block content %}
-<p>Are you sure you want to delete this post? This action cannot be undone!</p>
-<div class="modal__actions">
-  <button class="modal__cancel pw-button default">Cancel</button>
-  <button class="pw-button raised danger" hx-delete="{% url 'punkweb_bb:post_delete' post.id %}">Delete</button>
-</div>
-{% endblock %}
+{% block object_type %}post{% endblock %}
+
+{% block delete_url %}{% url 'punkweb_bb:post_delete' post.id %}{% endblock %}

punkweb_bb/templates/punkweb_bb/partials/shout_delete.html

@@ -1,11 +1,7 @@
-{% extends 'punkweb_bb/base_modal.html' %}
+{% extends 'punkweb_bb/base_delete_modal.html' %}
 
 {% block title %}Delete Shout{% endblock %}
 
-{% block content %}
-<p>Are you sure you want to delete this shout? This action cannot be undone!</p>
-<div class="modal__actions">
-  <button class="modal__cancel pw-button default">Cancel</button>
-  <button class="pw-button raised danger" hx-delete="{% url 'punkweb_bb:shout_delete' shout.id %}">Delete</button>
-</div>
-{% endblock %}
+{% block object_type %}shout{% endblock %}
+
+{% block delete_url %}{% url 'punkweb_bb:shout_delete' shout.id %}{% endblock %}