nuxodin

name	description
cms	Wichtigste funktionen für das arbeiten mit dem vanilla-cms

---

name: qg-cms description: > Understanding and working with the qg CMS (PHP-based). Use this skill whenever you're editing, creating, or debugging template/module files for this CMS —

nuxodin

(function() {
    // Prüfe ob UI bereits existiert
    if (document.getElementById('avatar-tool-ui')) {
        document.getElementById('avatar-tool-ui').remove();
        return;
    }

    // Erstelle UI Container
    const ui = document.createElement('div');
    ui.id = 'avatar-tool-ui';

nuxodin

function tryAgain(fn, times = 2){
    try {
        return fn(times);
    } catch (e) {
        if (times > 1) return tryAgain(fn, times-1);
        throw e;
    }
}

nuxodin

// better a "WordObserver" that can better handle chanching targets?
let word = '';
let wordClearTimeout = null;
let wordTarget = null;
addEventListener('keyup', e=>{

    const isChar = /^.$/u.test(e.key);

    // if (wordTarget !== e.target) { // clear if target changes

nuxodin

function computedLang(el){

  let root = el.closest('[lang]');
  let lang = root ? root.getAttribute('lang') : navigator.language;

  if (!el.matches(':lang('+lang+')')) {
    console.warn('lang missmatch!');
    for (let l of ['de','en','it','es', /*...*/ ]) if (el.matches(':lang('+l+')')) return l;
  }
  

nuxodin

c1.c1Use('onElement',function(){ 'use strict';

    // check supported

    var x = document.createElement('input');
    x.type = 'datetime-local';
    if (x.type === 'datetime-local') return;

    document.head.insertAdjacentHTML(
        'afterbegin',

nuxodin

if (!('onscrollend' in document.documentElement)) {
  document.addEventListener('scroll',function(e){
    var scrollPort = e.target
    clearTimeout(scrollPort._scrollEndTimeout);
    scrollPort._scrollEndTimeout = setTimeout(function () {
      const event = new Event('scrollend');

      Object.defineProperty(event,'snapTarget',{
        get(){
          return 'todo';

nuxodin

document.addEventListener('load',function(e){
    if (e.target.tagName !== 'LINK') return;
    if (e.target.rel !== 'stylesheet') return;
    console.log(e.target.sheet)
},true);

nuxodin

const selector = 'link[rel="stylesheet"], style';

onElement(selector, function(el){ // NOT IMPLEMENTED IN THIS SCRIPT
    // checks all styleSheets and importRules, todo store urls global and check all if used url found
    // console.log(el.sheet)
    checkAllSheets()
});

function checkAllSheets(){
    const urls = {};

nuxodin

/* ussage 
<div flex-gap=fallback-margin style="--x-gap:10px">
  <span>a</span>
  <span>b</span>
</div>
*/

var div = document.createElement('div');
div.innerHTML = '<i></i><i></i>';
div.style.display = 'inline-flex';