headmin 0.2.9 → 0.3.1

data/src/js/headmin/headmin.js

@@ -1,158 +0,0 @@
-import 'ckeditor5-build-classic-simple-upload-adapter-image-resize';
-import TomSelect from "tom-select";
-import bootstrap from "bootstrap/dist/js/bootstrap.bundle";
-import Rails from "@rails/ujs";
-
-import {Application} from "@hotwired/stimulus"
-import {definitionsFromContext} from "@hotwired/stimulus-webpack-helpers"
-
-export class Headmin {
-    static start() {
-        // Init Rails UJS
-        Rails.start()
-
-        // Set locale
-        this.setLocale()
-
-        // Init Stimulus
-        const application = Application.start()
-        const context = require.context("./controllers", true, /\.js$/)
-        application.load(definitionsFromContext(context))
-
-        // Init Plugins
-        this.initPlugins()
-
-        // Listen for a headmin:reinit event
-        document.addEventListener('headmin:reinit', (e) => {
-            this.initPlugins()
-        })
-
-    }
-
-    static setLocale() {
-        const locale = document.querySelector('html').getAttribute('lang')
-        window.I18n = {}
-        I18n.locale = locale || 'en'
-    }
-
-    static initPlugins() {
-        this.initTomSelects()
-        this.initToasts()
-        this.initPopovers()
-        this.initCKEditors()
-        this.initRedactorX()
-    }
-
-    static initRedactorX() {
-        document.querySelectorAll('.redactorx').forEach((element) => {
-            if (typeof RedactorX == 'undefined') {
-                console.error("RedactorX is a paid module and is not included in Headmin. Please purchase it and import it as a JS module")
-                return false;
-            }
-
-            const options = JSON.parse(element.getAttribute('data-redactor-options'))
-            RedactorX(element, options);
-        })
-    }
-
-    static initCKEditors() {
-        document.querySelectorAll('.ckeditor').forEach((element) => {
-            this.initCKEditor(element)
-        })
-    }
-
-    static csrfToken() {
-        return document.querySelector('meta[name="csrf-token"]').content
-    }
-
-    static initCKEditor(element) {
-
-        // Check if CKEditor is already initialized
-        if (element.nextElementSibling && element.nextElementSibling.classList.contains('ck-editor')) return
-
-        const defaultToolbarItems = [
-            'heading', '|', 'bold', 'italic', 'bulletedList', 'numberedList', '|', 'outdent',
-            'indent', '|', 'link', 'imageUpload', 'blockQuote', 'insertTable', 'mediaEmbed', '|', 'undo', 'redo'
-        ]
-        const requestedToolbarItems = element.dataset.ckeditorToolbar ? JSON.parse(element.dataset.ckeditorToolbar) : undefined
-        const toolbarItems = requestedToolbarItems ? requestedToolbarItems : defaultToolbarItems
-        const uploadPath = element.dataset.ckeditorUploadPath
-
-        ClassicEditor.create(
-            element,
-            {
-                toolbar: {
-                    items: toolbarItems
-                },
-                language: 'en',
-                image: {
-                    toolbar: [
-                        'imageTextAlternative',
-                        'imageStyle:full',
-                        'imageStyle:side'
-                    ]
-                },
-                table: {
-                    contentToolbar: [
-                        'tableColumn',
-                        'tableRow',
-                        'mergeTableCells'
-                    ]
-                },
-
-                simpleUpload: {
-                    uploadUrl: uploadPath,
-                    withCredentials: true,
-                    headers: {
-                        'X-CSRF-TOKEN': this.csrfToken(),
-                    }
-                }
-
-            })
-    }
-
-    static initTomSelects() {
-        const defaultOptions = {
-            en: {
-                render: {
-                    option_create: function (data, escape) {
-                        return '<div class="create">Add <strong>' + escape(data.input) + '</strong>&hellip;</div>';
-                    },
-                    no_results: function (data, escape) {
-                        return '<div class="no-results">No results found</div>';
-                    }
-                }
-            },
-            nl: {
-                render: {
-                    option_create: function (data, escape) {
-                        return '<div class="create">Voeg <strong>' + escape(data.input) + '</strong> toe &hellip;</div>';
-                    },
-                    no_results: function (data, escape) {
-                        return '<div class="no-results">Geen resultaten gevonden</div>';
-                    }
-                }
-            }
-        }
-
-        document.querySelectorAll('select[multiple]').forEach((select) => {
-            const withTags = select.dataset['tags'] === "true"
-            const options = {create: withTags}
-
-            new TomSelect(select, {...defaultOptions[I18n.locale], ...options});
-        })
-    }
-
-    static initToasts() {
-        document.querySelectorAll('.toast').forEach((toast) => {
-            new bootstrap.Toast(toast, {})
-        })
-    }
-
-    static initPopovers() {
-        var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
-        var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
-            return new bootstrap.Popover(popoverTriggerEl, {sanitize: false})
-        })
-    }
-}

data/src/scss/headmin/utilities.scss

@@ -1,19 +0,0 @@
-.btn-link {
-  text-decoration: none;
-}
-
-.h-btn-light {
-  color: $form-text-color;
-  background-color: $gray-200;
-}
-
-.h-btn-outline-light {
-  background-color: $white;
-  color: $form-text-color;
-  border-color: $input-border-color;
-}
-
-.h-btn-outline-transparent {
-  color: $form-text-color;
-  border: 1px solid $input-border-color;
-}

data/webpack.config.js

@@ -1,30 +0,0 @@
-const path = require("path");
-
-module.exports = {
-    mode: 'development',
-    entry: `./src/js/headmin.js`,
-    output: {
-        path: path.join(__dirname, 'dist/js'),
-        filename: 'headmin.js'
-    },
-    module: {
-        rules: [
-            {
-                test:/\.css$/,
-                use:['style-loader','css-loader']
-            },
-            {
-                test: /\.js$/,
-                exclude: /node_modules\/(?!bullets-js)/,
-                use: {
-                    loader: 'babel-loader',
-                    options: {
-                        presets: [
-                            ['@babel/preset-env', { targets: "defaults" }]
-                        ]
-                    }
-                }
-            }
-        ]
-    }
-};