Flash support in modern browsers

[po5]

Makes the booru able to generate thumbnails for any SWF supported by Ruffle, and adds a polyfill for modern browsers.

For non-docker setups, build ruffle's exporter binary with cargo build --release --package=exporter.

This also fixes uploading of all SWF files submitted in #427.
Closes #541.

[CrawlerBleak]

I think the javascript library should be vendored like the other libraries

szurubooru/client/build.js

Lines 23 to 31 in 46e3295

	const external_js = [
	'dompurify',
	'js-cookie',
	'marked',
	'mousetrap',
	'nprogress',
	'superagent',
	'underscore',
	];

[po5]

If anyone wants to help, all that's left before merging is adding the ruffle exporter to the Docker install.

[CrawlerBleak]

If anyone wants to help, all that's left before merging is adding the ruffle exporter to the Docker install.

Are you planning on bundling the JS?

[po5]

I'd love to, I'll definitely merge if such a PR ends up on my repo :^)

[CrawlerBleak]

Hmm… I'm unable to get the build.js script to work. Here's what I have so far: CrawlerBleak@1d40ff1

I get this error when running ./build.js in the client directory (with or without the --debug flag):

node:internal/errors:541
      throw error;
      ^

TypeError [ERR_INVALID_ARG_TYPE]: The "data" argument must be of type string or an instance of Buffer, TypedArray, or DataView. Received undefined
    at Object.writeFileSync (node:fs:2376:5)
    at WriteStream.<anonymous> (/home/user/code/vcs/git/com/github/@/rr-/szurubooru/client/build.js:167:16)
    at WriteStream.emit (node:events:536:35)
    at finish (node:internal/streams/writable:955:10)
    at node:internal/streams/writable:936:13
    at process.processTicksAndRejections (node:internal/process/task_queues:82:21) {
  code: 'ERR_INVALID_ARG_TYPE'
}

Node.js v20.19.0

[po5]

Getting the ruffle exporter to work in an Alpine docker was much less trivial than I thought, but it's done now. (:
Also committed an important change I forgot to carry over.

[CrawlerBleak]

Suggested change

	"-g",
	"gl",

Error I got with this flag left in:

szurubooru.func.posts Error while processing image.
Error: Ruffle requires hardware acceleration, but no compatible graphics device was found supporting Open GL
Traceback (most recent call last):
  File "szurubooru/func/posts.py", line 650, in update_post_content
    image = images.Image(content)
  File "szurubooru/func/images.py", line 31, in __init__
    self.content = self.swf_to_png()
                   ~~~~~~~~~~~~~~~^^
  File "szurubooru/func/images.py", line 79, in swf_to_png
    return self._execute(
           ~~~~~~~~~~~~~^
        [
        ^
    ...<7 lines>...
        program="exporter",
        ^^^^^^^^^^^^^^^^^^^
    )
    ^
  File "szurubooru/func/images.py", line 310, in _execute
    raise errors.ProcessingError(
        "Error while processing image.\n" + err.decode("utf-8")
    )
szurubooru.errors.ProcessingError: Error while processing image.

[po5]

Refer to the Docker install, we expect to have mesa-dri-gallium (software OpenGL rendering) and mesa-egl for systems without a GPU. This is necessary as Ruffle uses wgpu, which has no software renderer. I'm following their advice of using something to translate GPU APIs to software.
I don't mind this approach, as it means there is no need to configure anything within szurubooru. If the GPU can be used, it will be.
Please let me know what you think should be done instead. If you're on Mac, it can work without changes with ANGLE. I don't remember exactly why I'm forcing OpenGL rather than letting it use whatever, but I think there was a reason (for the GPU-less case, anyway).

[CrawlerBleak]

I'm not sure I understand the question. I don't understand the details. All I know is that it worked for me on Debian 13 without the flag.

[CrawlerBleak]

This background image needs to be unset when the flash object is played, otherwise you run into this:

Screen.Recording.2026-05-20.at.02.14.45.mov

[CrawlerBleak]

This should be vendored (as discussed, sorry).

[CrawlerBleak]

Minor nitpick:

Suggested change

	"Failed to execute {program} command (cli=%r, err=%r)".format(program=program),
	" ".join(shlex.quote(arg) for arg in cli),
	err,
	"Failed to execute %s command (cli=%r, err=%r)",
	program,
	" ".join(shlex.quote(arg) for arg in cli),
	err,

[po5]

@CrawlerBleak Thank you the the review, I will address the issues when I can.

[CrawlerBleak]

I took a stab at taking my own advice: po5#4