שיתוף | פונטסי - אתר פונטים ברשיון חופשי.

הישבשר המלומד

האתר כרגע לא עובד לי...

טופ שבמתמחים

@הישבשר-המלומד כנראה @css-0 באמצע לעדכן את האתר

לשכת הרב

בנאדם עבד קשה, והקים אתר יפה,
יש לך ביקורת, אתה יכול לכתוב, וזה בסדר,
אבל אין טעם מתחילת האשכול רק 'להוריד' לו.

ניכר שלא עברת על הפוסטים שלי היטב. חבל לכתוב סתם דברים.
אני מפרגן לו לאורך כל הדרך, ובכל הפרויקטים, הוא יודע את זה. אבל מרוב שאני מעריך את עבודתו, אני לא רוצה שהוא ינזק כתוצאה מכך.
אני מכיר טוב את תחום הפונטים. ויש אנשים שנתבעים ביום בהיר על מאות אלפי שקלים!!! אז אם אתה מעדיף את הנאתך האישית שהוא יבנה אתר אבל ינזק במאות אלפי שקלים. אני לא הייתי רוצה דבר כזה שיהיה לו נזק.

לשכת הרב

@הישבשר-המלומד כתב:

האתר כרגע לא עובד לי...

גם לי.
כנראה בעקבות מה שכתבתי, אז כעת הוא עובר פונט פונט ובודק ברשיון, לפני שהוא מעלה את האתר לאויר

Tיו_

פוסט זה נמחק!

שמח 0

@הישבשר-המלומד
גם לי לא עובד!
מה האתר הושבת?

טופ שבמתמחים

@שמח-0 אין צורך שכל אחד יכתוב

צול גאה

@טופ-שבמתמחים עובד לי

סתם.
זה שלא עובד זה בגלל שגיאות בקוד HTML
והייתי צריך דחוף איזה פונט
אז יצרתי בקלוד סקריפט טפרומנקי שמתקן את זה
לא לשכוח להסיר כשיחזור לעבוד זה לא יעבוד לכם!

// ==UserScript==
// @name         פונטסי - שחזור תצוגת קטלוג (זמני)
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  בונה מחדש את אלמנטי ה-HTML החסרים (קטלוג, חיפוש, פילטרים) כדי שהאתר יעבוד חלקית עד שהמנהל יתקן את הדף
// @match        *://iosii123212-hub.github.io/pontesi*
// @run-at       document-start
// @grant        none
// ==/UserScript==

(function () {
  'use strict';

  // ---- 1. משתנים גלובליים שהקוד המקורי מצפה להם ----
  window.favoritedFamilies = window.favoritedFamilies || new Set();
  window.activeLayers = window.activeLayers || [];
  window.selectedLayerId = window.selectedLayerId || null;
  window.fontFilesPromiseAll = window.fontFilesPromiseAll || function () { return []; };

  // ---- 2. מיכל שורש שמוזרק לעמוד, גם אם ה-body עוד לא קיים ----
  let root = document.createElement('div');
  root.id = 'tm-fontsy-root';
  root.style.cssText = 'direction:rtl;max-width:1100px;margin:24px auto;padding:0 16px;font-family:system-ui,sans-serif;';

  function attachRoot() {
    if (document.body && !document.body.contains(root)) {
      document.body.prepend(root);
    }
  }
  // ננסה לצרף מיד לתוך ה-<html>, ונעביר ל-body ברגע שהוא נוצר
  document.documentElement.appendChild(root);
  const bodyObserver = new MutationObserver(() => {
    if (document.body) {
      attachRoot();
      bodyObserver.disconnect();
    }
  });
  bodyObserver.observe(document.documentElement, { childList: true, subtree: true });

  // ---- 3. בנק אלמנטים מדומים אך אמיתיים, עם cache לפי id ----
  const elCache = {};
  const knownIds = new Set([
    'fonts-grid', 'empty-state', 'loading-state', 'global-preview-text',
    'search-input', 'font-size-slider', 'font-size-val', 'font-upload',
    'drop-zone', 'upload-count', 'reset-preview-text', 'selection-bar',
    'selection-count', 'clear-selection-btn', 'download-zip-btn',
    'toast', 'toast-message', 'toast-icon', 'canvas-layers-container'
  ]);

  function buildKnownElement(id) {
    let el;
    switch (id) {
      case 'search-input':
        el = document.createElement('input');
        el.type = 'text';
        el.placeholder = 'חפש פונט...';
        el.style.cssText = 'width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:12px;margin:12px 0;';
        break;
      case 'global-preview-text':
        el = document.createElement('input');
        el.type = 'text';
        el.value = 'זה אתר של פונטים בעברית';
        el.style.cssText = 'width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:10px;margin:6px 0;';
        break;
      case 'font-size-slider':
        el = document.createElement('input');
        el.type = 'range';
        el.min = '14'; el.max = '120'; el.value = '40';
        break;
      case 'font-size-val':
        el = document.createElement('span');
        el.textContent = '40px';
        break;
      case 'font-upload':
        el = document.createElement('input');
        el.type = 'file';
        el.accept = '.ttf,.otf,.woff,.woff2';
        el.style.display = 'none';
        break;
      case 'drop-zone':
        el = document.createElement('div');
        el.textContent = 'גרור קובץ פונט לכאן או לחץ להעלאה';
        el.style.cssText = 'border:2px dashed #bbb;border-radius:14px;padding:20px;text-align:center;cursor:pointer;margin:12px 0;color:#666;';
        break;
      case 'upload-count':
        el = document.createElement('span');
        el.textContent = '0';
        break;
      case 'reset-preview-text':
        el = document.createElement('button');
        el.textContent = 'איפוס טקסט';
        el.style.cssText = 'padding:6px 12px;border-radius:8px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;';
        break;
      case 'fonts-grid':
        el = document.createElement('div');
        el.style.cssText = 'display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px;';
        break;
      case 'empty-state':
        el = document.createElement('div');
        el.textContent = 'לא נמצאו פונטים תואמים';
        el.style.cssText = 'text-align:center;padding:40px;color:#888;';
        break;
      case 'loading-state':
        el = document.createElement('div');
        el.textContent = 'טוען פונטים...';
        el.style.cssText = 'text-align:center;padding:20px;color:#888;';
        break;
      case 'selection-bar':
        el = document.createElement('div');
        el.style.cssText = 'position:fixed;bottom:16px;left:50%;transform:translateX(-50%);background:#222;color:#fff;padding:10px 18px;border-radius:14px;display:flex;gap:12px;align-items:center;z-index:9999;';
        break;
      case 'selection-count':
        el = document.createElement('span');
        el.textContent = '0';
        break;
      case 'clear-selection-btn':
        el = document.createElement('button');
        el.textContent = 'נקה בחירה';
        el.style.cssText = 'color:#fff;background:transparent;border:1px solid #fff;border-radius:8px;padding:4px 10px;cursor:pointer;';
        break;
      case 'download-zip-btn':
        el = document.createElement('button');
        el.textContent = 'הורד נבחרים';
        el.style.cssText = 'background:#3b82f6;color:#fff;border:none;border-radius:8px;padding:4px 12px;cursor:pointer;';
        break;
      case 'toast':
        el = document.createElement('div');
        el.style.cssText = 'position:fixed;bottom:16px;right:16px;background:#333;color:#fff;padding:10px 16px;border-radius:10px;z-index:9999;display:flex;gap:8px;align-items:center;';
        break;
      case 'toast-message':
        el = document.createElement('span');
        break;
      case 'toast-icon':
        el = document.createElement('span');
        break;
      case 'canvas-layers-container':
        el = document.createElement('div');
        el.style.display = 'none'; // עורך הקנבס לא פעיל בגרסה הזו
        break;
      default:
        el = document.createElement('div');
    }
    el.id = id;
    return el;
  }

  function getOrCreate(id) {
    if (elCache[id]) return elCache[id];
    const el = buildKnownElement(id);
    elCache[id] = el;
    root.appendChild(el);
    return el;
  }

  // ---- 4. עטיפת getElementById / querySelector / querySelectorAll ----
  const origGetById = document.getElementById.bind(document);
  document.getElementById = function (id) {
    const real = origGetById(id);
    if (real) return real;
    if (knownIds.has(id)) return getOrCreate(id);
    return null; // לכל שאר ה-id-ים (כמו style-*, layer-*) מתנהגים רגיל
  };

  let categoryBarBuilt = false;
  function ensureCategoryBar() {
    if (categoryBarBuilt) return;
    categoryBarBuilt = true;
    const categories = [
      { label: 'הכל', value: 'all' },
      { label: 'מסחרי', value: 'לשימוש מסחרי' },
      { label: 'אישי', value: 'לשימוש אישי' },
      { label: 'מועדפים', value: 'Favorites' },
      { label: 'ההעלאות שלי', value: 'My Uploads' }
    ];
    const bar = document.createElement('div');
    bar.style.cssText = 'display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;';
    categories.forEach(c => {
      const btn = document.createElement('button');
      btn.className = 'category-btn' + (c.value === 'My Uploads' ? ' hidden' : '');
      btn.setAttribute('data-category', c.value);
      btn.textContent = c.label;
      btn.style.cssText = 'padding:8px 16px;border-radius:10px;border:1px solid #ddd;background:#f5f5f5;cursor:pointer;';
      if (c.value === 'My Uploads') btn.style.display = 'none';
      bar.appendChild(btn);
    });
    root.appendChild(bar);
  }

  const origQS = document.querySelector.bind(document);
  document.querySelector = function (sel) {
    const real = origQS(sel);
    if (real) return real;
    if (sel === '[data-category="My Uploads"]') {
      ensureCategoryBar();
      return origQS(sel);
    }
    return null;
  };

  const origQSA = document.querySelectorAll.bind(document);
  document.querySelectorAll = function (sel) {
    let result = origQSA(sel);
    if (result.length === 0 && sel === '.category-btn') {
      ensureCategoryBar();
      result = origQSA(sel);
    }
    return result;
  };

  // ---- 5. שמות גלובליים "חשופים" (themeToggleBtn, playgroundView וכו') ----
  const bareGlobalNames = [
    'themeToggleBtn', 'catalogView', 'playgroundView',
    'noLayerSelectedEl', 'layerControlsEl', 'layerTextInput', 'layerSizeSlider',
    'layerSizeVal', 'layerSpacingSlider', 'layerRotationSlider', 'layerBoldBtn',
    'layerItalicBtn', 'deleteLayerBtn', 'designCanvas', 'backToCatalogBtn',
    'addTextLayerBtn', 'modalFontsList', 'addLayerModal', 'closeModalBtn'
  ];
  bareGlobalNames.forEach((name) => {
    Object.defineProperty(window, name, {
      configurable: true,
      get() {
        if (!elCache['__bare_' + name]) {
          const el = document.createElement('div');
          el.style.display = 'none';
          elCache['__bare_' + name] = el;
        }
        return elCache['__bare_' + name];
      }
    });
  });
})();

|

CSS 0

עדכון אתר:

האתר חזר עם מגוון אופציות נוספות.

לילה/ יום.
עם לוחצים על פנוט זה נותן למשתמש קנבס שבו הוא יוכל לבחור את צבע הרקע וצבע הפונט והגודל שלו כדי לבדוק איך זה יראה בפועל, ויש אפשרות לשלב כמה פונטים בקנבס אחת כדי לראות איך יראו ביחד
פונטים מועדפים.

CSS 0

יש שגיאה מסוימת שהפונטים לא מוצגים תוך כמה דק' יעלה עדכון.

צדיק 0

@צול-גאה אתה גם יכול להוריד הכל הריפו בגיטהאב לבד http://github.com/iosii123212-hub/pontesi

צול גאה

@צדיק-0 רציתי את הממשק שלו
וגם שיעמם לי ולקלוד