Easier way to manipulate posts

010101

I don't think this exists, but it should. If eventually, you could hook into the posts as easy as this:

<?php

use Flarum\Extend;
use Flarum\Frontend\Document;

return [
    (new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->discussions[] = '<script>alert("Hello, world!")</script>';
        })
];

Or, something similar. Basically, instead of adding scripts to the head and footer which you can already easily do, we need a way to easily do the same for each post like this one that you're reading right now. What would this do? It would allow one to extremely easily, be able to inject code which could be added to all posts. For example, I want to add this simple JavaScript to my Flarum to create hashtags:

<script>
/* 
  Select all paragraphs
  Replace any hashtags with links.
*/

(function (win,doc) {
  'use strict';
  var siteURL = 'https://google.com',
      entries = doc.querySelectorAll('p'),
      i;
  
  if ( entries.length > 0 ) {
    for (i = 0; i < entries.length; i = i + 1) {
      entries[i].innerHTML = entries[i].innerHTML.replace(/#(\S+)/g,'<a href="'+siteURL+'search/$1" title="Find more posts tagged with #$1">#$1</a>');
    }
  }
  
}(this, this.document));
</script>

It would be so amazing and magical, if I could just do:

<?php

use Flarum\Extend;
use Flarum\Frontend\Document;

return [
    (new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->discussions[] = '<script>
(function (win,doc) {
  'use strict';
  var siteURL = 'https://google.com',
      entries = doc.querySelectorAll('p'),
      i;
  
  if ( entries.length > 0 ) {
    for (i = 0; i < entries.length; i = i + 1) {
      entries[i].innerHTML = entries[i].innerHTML.replace(/#(\S+)/g,'<a href="'+siteURL+'search/$1" title="Find more posts tagged with #$1">#$1</a>');
    }
  }
  
}(this, this.document));
</script>';
        })
];

clarkwinkelmann

010101 you can add this code via a javascript extender, or by extending the backend event for the API payload and add your script to the HTML.

This is a "quick and dirty" way to extend the javascript without setting up any compilation:

<?php

use Flarum\Extend;
use Flarum\Frontend\Document;

return [
    // Register extenders here to customize your forum!
(new Extend\Frontend('forum'))
        ->content(function (Document $document) {
            $document->foot[] = <<<HTML
<script>
  flarum.core.compat.extend.extend(flarum.core.compat['components/CommentPost'].prototype, 'config', function(output, isInitialized, context) {
    // context.contentHtml was updated by CommentPost.config() so we can simply compare it again
    if (context.customExtLastContentHtml !== context.contentHtml) {
      var siteURL = 'https://google.com/',
        entries = this.element.querySelectorAll('.Post-body p'),
        i;console.log(entries);
  
      if ( entries.length > 0 ) {
        for (i = 0; i < entries.length; i = i + 1) {
          entries[i].innerHTML = entries[i].innerHTML.replace(/#(\S+)/g,'<a href="'+siteURL+'search/$1"   title="Find more posts tagged with #$1">#$1</a>');
        }
      }
    }

    // We store the new value in our own custom variable so we know if it changes on the next redraw
    context.customExtLastContentHtml = context.contentHtml;
  });
</script>
HTML;
        })
];

The part with the context variables is necessary to update the code when the HTML of the post changes.

And it's not much more complicated to write this as a proper javascript extension with pre-compilation.

010101

clarkwinkelmann I'll have to try this out soon then. I'm not a true developer. I don't have a desire to set up a local environment, download node.js, and do the compilation stuff like I've read in the documentation.

I know, I know, I just need to do it and learn. But, typically, when I have time to mess with code (which is very rare - I'm trying to hurry really fast and type this right now actually because my kids are running around like chickens) I only have time to mess around the old fashion way. A text editor, some HTML, PHP, and me.

But, thank you, thank you, thank you! I will test the above out as soon as I can. If it works, then I'll have a quick and dirty hashtag to link extension.