68c92b4536
Fix site Javascript failing to load in Seamonkey, Palemoon, and other
older browsers.
The @alpinejs/morph library uses public instance fields, which is ES2022
syntax not supported in older browsers. This is the code:
var DomManager = class {
el = void 0; // `el` is a public instance field
}
// => SyntaxError: bad method definition
The fix here is to separate the Alpine code into a separate bundle so
that a failure to load it doesn't cause the rest of the site's
Javascript to fail to load.
A better fix would be to either transpile the @alpinejs/morph library to
ES5 (which seems difficult to do in webpacker), or to fix the library
upstream to not use this syntax.
* https://inspiredwebdev.com/everything-new-in-es2022/
* https://blog.saeloun.com/2021/10/21/ecmacscript-public-instance-fields-and-private-instance-fields.html
* https://caniuse.com/?search=public%20class%20fields
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Classes/Public_class_fields#public_instance_fields
97 lines
4.0 KiB
JavaScript
97 lines
4.0 KiB
JavaScript
/* eslint no-console:0 */
|
|
function importAll(r) {
|
|
r.keys().forEach(r);
|
|
}
|
|
|
|
// XXX for dropzone.
|
|
import "core-js/web/dom-collections";
|
|
|
|
require('@rails/ujs').start();
|
|
require('hammerjs');
|
|
require('jquery-hotkeys');
|
|
import morphdom from 'morphdom';
|
|
|
|
// should start looking for nodejs replacements
|
|
importAll(require.context('../vendor', true, /\.js$/));
|
|
|
|
import jQuery from 'jquery';
|
|
require("jquery-ui/ui/widgets/autocomplete");
|
|
require("jquery-ui/ui/widgets/button");
|
|
require("jquery-ui/ui/widgets/dialog");
|
|
require("jquery-ui/themes/base/core.css");
|
|
require("jquery-ui/themes/base/autocomplete.css");
|
|
require("jquery-ui/themes/base/button.css");
|
|
require("jquery-ui/themes/base/dialog.css");
|
|
require("jquery-ui/themes/base/theme.css");
|
|
|
|
require("@fortawesome/fontawesome-free/css/fontawesome.css");
|
|
require("@fortawesome/fontawesome-free/css/solid.css");
|
|
require("@fortawesome/fontawesome-free/css/regular.css");
|
|
|
|
importAll(require.context('../src/javascripts', true, /\.js(\.erb)?$/));
|
|
importAll(require.context('../src/styles', true, /\.s?css(?:\.erb)?$/));
|
|
importAll(require.context('../../components', true, /\.s?css(?:\.erb)?$/));
|
|
|
|
import Autocomplete from "../src/javascripts/autocomplete.js";
|
|
import Blacklist from "../src/javascripts/blacklists.js";
|
|
import CommentComponent from "../src/javascripts/comment_component.js";
|
|
import CommentVotesTooltipComponent from "../src/javascripts/comment_votes_tooltip_component.js";
|
|
import CurrentUser from "../src/javascripts/current_user.js";
|
|
import Dtext from "../src/javascripts/dtext.js";
|
|
import FavoritesTooltipComponent from "../src/javascripts/favorites_tooltip_component.js";
|
|
import FileUploadComponent from "../src/javascripts/file_upload_component.js";
|
|
import ForumPostComponent from "../src/javascripts/forum_post_component.js";
|
|
import IqdbQuery from "../src/javascripts/iqdb_queries.js";
|
|
import Note from "../src/javascripts/notes.js";
|
|
import MediaAssetComponent from "../src/javascripts/media_asset_component.js";
|
|
import PopupMenuComponent from "../src/javascripts/popup_menu_component.js";
|
|
import Post from "../src/javascripts/posts.js";
|
|
import PostModeMenu from "../src/javascripts/post_mode_menu.js";
|
|
import PostTooltip from "../src/javascripts/post_tooltips.js";
|
|
import PostVotesTooltipComponent from "../src/javascripts/post_votes_tooltip_component.js";
|
|
import PreviewSizeMenuComponent from "../src/javascripts/preview_size_menu_component.js";
|
|
import RelatedTag from "../src/javascripts/related_tag.js";
|
|
import Shortcuts from "../src/javascripts/shortcuts.js";
|
|
import TagCounter from "../src/javascripts/tag_counter.js";
|
|
import Upload from "../src/javascripts/uploads.js";
|
|
import UserTooltip from "../src/javascripts/user_tooltips.js";
|
|
import Utility from "../src/javascripts/utility.js";
|
|
import Ugoira from "../src/javascripts/ugoira.js"
|
|
import NewRelic from "../src/javascripts/new_relic.js";
|
|
|
|
let Danbooru = {};
|
|
Danbooru.Autocomplete = Autocomplete;
|
|
Danbooru.Blacklist = Blacklist;
|
|
Danbooru.CommentComponent = CommentComponent;
|
|
Danbooru.CommentVotesTooltipComponent = CommentVotesTooltipComponent;
|
|
Danbooru.CurrentUser = CurrentUser;
|
|
Danbooru.Dtext = Dtext;
|
|
Danbooru.FavoritesTooltipComponent = FavoritesTooltipComponent;
|
|
Danbooru.FileUploadComponent = FileUploadComponent;
|
|
Danbooru.ForumPostComponent = ForumPostComponent;
|
|
Danbooru.IqdbQuery = IqdbQuery;
|
|
Danbooru.MediaAssetComponent = MediaAssetComponent;
|
|
Danbooru.Note = Note;
|
|
Danbooru.PopupMenuComponent = PopupMenuComponent;
|
|
Danbooru.Post = Post;
|
|
Danbooru.PostModeMenu = PostModeMenu;
|
|
Danbooru.PostTooltip = PostTooltip;
|
|
Danbooru.PostVotesTooltipComponent = PostVotesTooltipComponent;
|
|
Danbooru.PreviewSizeMenuComponent = PreviewSizeMenuComponent;
|
|
Danbooru.RelatedTag = RelatedTag;
|
|
Danbooru.Shortcuts = Shortcuts;
|
|
Danbooru.TagCounter = TagCounter;
|
|
Danbooru.Upload = Upload;
|
|
Danbooru.UserTooltip = UserTooltip;
|
|
Danbooru.Utility = Utility;
|
|
Danbooru.Ugoira = Ugoira;
|
|
Danbooru.NewRelic = NewRelic;
|
|
|
|
Danbooru.notice = Utility.notice;
|
|
Danbooru.error = Utility.error;
|
|
|
|
window.$ = jQuery;
|
|
window.jQuery = jQuery;
|
|
window.morphdom = morphdom;
|
|
window.Danbooru = Danbooru;
|