☰

Vocabulary Builder

Vocabulary to Anki Cards.

// ==UserScript==
// @name         Vocabulary Builder
// @namespace    derjoker
// @version      0.0.6
// @description  Vocabulary to Anki Cards.
// @author       Feng Ya
// @match        https://www.duden.de/rechtschreibung/*
// @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js
// ==/UserScript==

(function() {
  'use strict';

  // Your code here...
  /* global $ */

  const KEY_ID = 'kvb';

  $(`button.${KEY_ID}`).remove();

  // storage
  function storage() {
    function get(key) {
      const item = window.localStorage.getItem(key) || '[]';
      return new Set(JSON.parse(item));
    }

    function set(key, item) {
      window.localStorage.setItem(key, JSON.stringify(Array.from(item)));
    }

    function add(key, value) {
      const item = get(key);
      item.add(value);
      set(key, item);
    }

    function remove(key, value) {
      const item = get(key);
      item.delete(value);
      if (item.size) set(key, item);
      else window.localStorage.removeItem(key);
    }

    function keys() {
      const keys = [];
      for (let i = 0; i < window.localStorage.length; i++) {
        const key = window.localStorage.key(i);
        if (key.startsWith(KEY_ID)) keys.push(key);
      }
      return keys;
    }

    function items() {
      return keys().map(key => ({
        key,
        value: JSON.parse(window.localStorage.getItem(key)),
      }));
    }

    function clear() {
      keys().forEach(key => {
        window.localStorage.removeItem(key);
      });
    }

    return { add, remove, items, clear };
  }

  // const names = window.location.pathname.split('/')
  // const stem = names[names.length - 1]
  const stem = window.location.pathname.split('/').pop();
  const word = $('section#block-system-main > h1')
    .text()
    .replace(/\u00AD/g, '');

  let contents = [];

  const section = $('h2:contains("Bedeutungsübersicht")').parents('section');

  section.find('div.entry').each((_, entry) => {
    const clone = $(entry).clone();
    clone.find('figure').remove();
    clone.find('.term-section').remove();
    const definition = clone.text().trim();

    $(entry)
      .find('.term-section')
      .each((_, el) => {
        const b = $(el).find('h3:contains("Beispiel") + span');
        if (b.length) {
          contents.push({
            definition,
            example: b.text().trim(),
          });
        }

        const w = $(el).find(
          'h3:contains("Wendungen, Redensarten, Sprichwörter") + span'
        );
        const clone = w.parent().clone();
        clone.find('h3').remove();
        if (w.length) {
          contents.push({
            definition,
            example: clone.text().trim(),
          });
        }

        $(el)
          .find('ul > li')
          .each((_, li) => {
            const example = $(li)
              .text()
              .trim();
            contents.push({
              definition,
              example,
            });
          });
      });
  });

  section.find('ol > li > a').each((_, a) => {
    const definition = $(a)
      .text()
      .trim();
    const href = $(a).attr('href');
    // $(href).prepend('<input type="checkbox" />')
    $(href)
      .find('.term-section')
      .each((_, el) => {
        const b = $(el).find('h3:contains("Beispiel") + span');
        if (b.length) {
          contents.push({
            definition,
            example: b.text().trim(),
          });
        }

        const w = $(el).find(
          'h3:contains("Wendungen, Redensarten, Sprichwörter") + span'
        );
        const clone = w.parent().clone();
        clone.find('h3').remove();
        if (w.length) {
          contents.push({
            definition,
            example: clone.text().trim(),
          });
        }

        $(el)
          .find('ul > li')
          .each((_, li) => {
            const example = $(li)
              .text()
              .trim();
            contents.push({
              definition,
              example,
            });
          });
      });
  });

  const key = KEY_ID + '-' + stem;
  window.localStorage.setItem(
    key,
    JSON.stringify(contents.map(data => Object.assign({ word }, data)))
  );
  console.log(key);

  const save = $(`<button class="${KEY_ID}">Save</button>`).click(() => {
    const s = storage();
    console.log('click');
    console.log(s.items());
    const items = [].concat(...s.items().map(item => item.value));
    console.log(items);
    const csv = new CsvWriter();
    const encodedUri =
      'data:text/csv;charset=utf-8,' +
      encodeURIComponent(
        csv.arrayToCSV(items.map(item => Object.values(item)))
      );

    const w = window.open(null, 'CSV');
    w.location.href = encodedUri;

    s.clear();
  });

  $('body').prepend(save);

  // CSV Writer
  function CsvWriter(del, enc) {
    this.del = del || ','; // CSV Delimiter
    this.enc = enc || '"'; // CSV Enclosure

    // Convert Object to CSV column
    this.escapeCol = function(col) {
      if (isNaN(col)) {
        // is not boolean or numeric
        if (!col) {
          // is null or undefined
          col = '';
        } else {
          // is string or object
          col = String(col);
          if (col.length > 0) {
            // use regex to test for del, enc, \r or \n
            // if(new RegExp( '[' + this.del + this.enc + '\r\n]' ).test(col)) {

            // escape inline enclosure
            col = col.split(this.enc).join(this.enc + this.enc);

            // wrap with enclosure
            col = this.enc + col + this.enc;
          }
        }
      }
      return col;
    };

    // Convert an Array of columns into an escaped CSV row
    this.arrayToRow = function(arr) {
      var arr2 = arr.slice(0);

      var i;

      var ii = arr2.length;
      for (i = 0; i < ii; i++) {
        arr2[i] = this.escapeCol(arr2[i]);
      }
      return arr2.join(this.del);
    };

    // Convert a two-dimensional Array into an escaped multi-row CSV
    this.arrayToCSV = function(arr) {
      var arr2 = arr.slice(0);

      var i;

      var ii = arr2.length;
      for (i = 0; i < ii; i++) {
        arr2[i] = this.arrayToRow(arr2[i]);
      }
      return arr2.join('\r\n');
    };
  }
})();