// var/themes/parkur1/tiny-settings.js
//
// ──────────────────────────────────────────────────────────────────────────────
// TinyMCE – Theme-level shared base configuration (applies to Vue + legacy)
// ──────────────────────────────────────────────────────────────────────────────
//
// PURPOSE
//   • Provide a single, theme-scoped TinyMCE base config that both Vue editors
//     and legacy editors will inherit, so the UI/behavior is consistent.
//   • Enforce default font family and size (e.g., Arial 12pt) everywhere.
//
// WHERE TO PUT THIS FILE
//   • One copy per active theme:
//       var/themes/<theme-name>/tiny-settings.js
//     Example used here: var/themes/parkur1/tiny-settings.js
//
// HOW IT IS LOADED
//   • The base template includes (with fallback):
//       <script src="{{ theme_asset('tiny-settings.js') }}" ...></script>
//   • Both Vue and legacy editors then call window.buildTinyMceConfig(localCfg)
//     to merge their local config with this base, respecting merge policies.
//
// HOW TO ENFORCE “ARIAL 12PT EVERYWHERE”
//   1) Set `font_family_formats` with Arial first (so it’s the default choice).
//   2) Set `font_size_formats` to include 12pt.
//   3) Use `content_style` to render Arial 12pt in the editing area, even for
//      content with no inline styles.
//   4) In `setup(init)` force the editor body to Arial 12pt at initialization,
//      which also helps legacy forms or empty documents.
//   5) Keep TOOLBAR_POLICY = "base" so the toolbar layout from this file wins.
//      (Plugins use union so features added elsewhere are preserved.)
//
// MULTI-THEME NOTE
//   • If you use multiple themes (e.g., chamilo + parkur1), copy this file into
//     each theme to ensure consistent behavior across the whole platform.
//
// CLEARING CACHES / VERIFYING
//   • Clear Symfony/Chamilo caches and your browser cache.
//   • Check a Vue editor (e.g., Social) and a legacy editor (e.g., Tickets):
//     both should show and render Arial 12pt by default.
//
// TROUBLESHOOTING
//   • If the toolbar still shows “Times New Roman” as the *label* when the
//     cursor is on old content, that is just the label reflecting inline styles
//     of existing HTML. New text and overall rendering will follow Arial 12pt.
//   • If your local component explicitly overrides `content_style` or `setup`,
//     both are merged here (base runs, then local).
//
;(function () {
  "use strict"

  // ── Basic TinyMCE path/suffix (self-hosted)
  var BASE_URL_TINYMCE = "/libs/editor"
  var SUFFIX = ".min"

  // (Helper functions may already exist in your current version. Keep them.)
  function normalizePlugins(p) {
    if (!p) return []
    if (Array.isArray(p)) return p.flatMap((s) => String(s).split(/\s+/)).filter(Boolean)
    return String(p).split(/\s+/).filter(Boolean)
  }
  function unionPlugins(a, b) {
    var set = new Set()
    normalizePlugins(a).forEach((x) => set.add(x))
    normalizePlugins(b).forEach((x) => set.add(x))
    return Array.from(set)
  }
  function dedupeToolbar(a, b) {
    const tok = (t) =>
      (t || "")
        .split("|")
        .map((s) => s.trim())
        .filter(Boolean)
    const norm = (s) => s.replace(/\s+/g, " ")
    const seen = new Set()
    const out = []
    for (const block of [...tok(a), ...tok(b)]) {
      const k = norm(block)
      if (!seen.has(k)) {
        seen.add(k)
        out.push(block)
      }
    }
    return out.join(" | ")
  }

  // ── Merge policies (how base + local config are combined)
  // TOOLBAR: "base" → the toolbar defined here wins (ensures consistent UI).
  // PLUGINS: "union" → combine base + local (keeps extra features).
  const TOOLBAR_POLICY = "base"
  const PLUGINS_POLICY = "union"

  // ── THEME-LEVEL BASE CONFIG (applies to all editors)
  var BASE = {
    height: 320,
    menubar: false,
    branding: false,
    statusbar: true,
    toolbar_mode: "wrap",
    language: "auto",

    // Core plugin set. Local configs can add more; we’ll union them below.
    plugins: [
      "advlist anchor autolink charmap code codesample directionality",
      "fullscreen emoticons image insertdatetime link lists media",
      "paste preview print pagebreak save searchreplace table template",
      "visualblocks wordcount",
    ].join(" "),

    // Keep font selectors visible so users can see/select Arial 12pt.
    toolbar: [
      "undo redo | styles | bold italic underline strikethrough |",
      "alignleft aligncenter alignright alignjustify | bullist numlist outdent indent |",
      "fontselect fontsizeselect forecolor backcolor removeformat |",
      "link image media table | pagebreak charmap emoticons |",
      "preview save print | code fullscreen | ltr rtl",
    ].join(" "),

    // 1) Fonts menu: put Arial first to make it the natural default.
    font_family_formats: [
      "Arial=Arial, Helvetica, sans-serif",
      "Helvetica=Helvetica, Arial, sans-serif",
      "Times New Roman='Times New Roman', Times, serif",
      "Georgia=Georgia, serif",
      "Tahoma=Tahoma, Geneva, sans-serif",
      "Verdana=Verdana, Geneva, sans-serif",
      "Courier New='Courier New', Courier, monospace",
    ].join(";"),

    // 2) Size menu: ensure 12pt is available and visible.
    font_size_formats: "8pt 9pt 10pt 11pt 12pt 14pt 16pt 18pt 24pt 36pt",

    // 3) Render default face/size in the editor body for new/unstyled content.
    //    This ensures both Vue and legacy widgets show Arial 12pt consistently.
    content_style: [
      "html,body{font-family: Arial, Helvetica, sans-serif; font-size:12pt;}",
      ".tiny-content{font-family: Arial, Helvetica, sans-serif; font-size:12pt;}",
    ].join(" "),

    base_url: BASE_URL_TINYMCE,
    suffix: SUFFIX,

    // 4) Enforce Arial 12pt on init (helps empty docs and legacy forms).
    setup: function (editor) {
      editor.on("init", function () {
        const body = editor.getBody()
        if (body) {
          body.style.fontFamily = "Arial, Helvetica, sans-serif"
          body.style.fontSize = "12pt"
        }
      })
    },
  }

  // ── Autogenerate external_plugins map for self-hosted plugins
  ;(function ensureExternalPluginsMap(cfg) {
    var baseUrl = cfg.base_url || BASE_URL_TINYMCE
    var list = ("" + cfg.plugins).split(/\s+/).filter(Boolean)
    var map = Object.assign({}, cfg.external_plugins || {})
    list.forEach(function (name) {
      if (!map[name]) {
        map[name] = baseUrl + "/plugins/" + name + "/plugin" + (cfg.suffix || SUFFIX) + ".js"
      }
    })
    cfg.external_plugins = map
  })(BASE)

  // Expose the base object globally so local configs can merge with it.
  window.CHAMILO_TINYMCE_BASE_CONFIG = BASE

  // ── Builder: merges local editor config with this base, per policy
  window.buildTinyMceConfig = function (local) {
    var base = window.CHAMILO_TINYMCE_BASE_CONFIG || {}
    var merged = Object.assign({}, base, local || {})

    // PLUGINS policy (union by default)
    var basePlugins = base.plugins || ""
    var localPlugins = (local && local.plugins) || ""
    merged.plugins =
      PLUGINS_POLICY === "base"
        ? basePlugins
        : Array.from(new Set((basePlugins + " " + localPlugins).trim().split(/\s+/))).join(" ")

    // external_plugins (local can override/add specific URLs)
    merged.external_plugins = Object.assign({}, base.external_plugins || {}, (local && local.external_plugins) || {})

    // TOOLBAR policy
    if (TOOLBAR_POLICY === "base" && base.toolbar) {
      merged.toolbar = base.toolbar
    } else if (base.toolbar && local && local.toolbar) {
      // If you ever switch to "concat", we dedupe blocks here:
      merged.toolbar = dedupeToolbar(base.toolbar, local.toolbar)
    }

    // content_style: keep base + also allow local additions
    var csBase = base.content_style || ""
    var csLocal = (local && local.content_style) || ""
    merged.content_style = (csBase + " " + csLocal).trim()

    // setup: run base first, then local
    var baseSetup = base.setup
    var localSetup = local && local.setup
    merged.setup = function (ed) {
      if (typeof baseSetup === "function") {
        try {
          baseSetup(ed)
        } catch (e) {}
      }
      if (typeof localSetup === "function") {
        try {
          localSetup(ed)
        } catch (e) {}
      }
    }

    return merged
  }
})()