knowledgebase/journals/2023_04_13.md

• 07:42 quick capture: Produce a bash script to convert a logseq markdown in a markdown format that can be used by pandoc to produce a pdf. Produce a bash script to convert a logseq markdown in a markdown format that can be used by pandoc to produce a pdf. #pandoc #Markdown #logseq
• 15:07 quick capture: Show HN: Llama.go – port of llama.cpp to pure Go Show HN: Llama.go – port of llama.cpp to pure Go #llm
• 18:15 quick capture: https://sqrtminusone.xyz/configs/emacs/#ligatures #Emacs
• Riunione per sito LES
  • Mettere in maggiore evidenza la scritta Liceo Economico Sociale nel logo
• Il prototipo #wails per #Probo dovrebbe essere strutturato con un layout di questo tipo
  • Barra laterale
    • Recenti
  • Contenuti
    • Nella vista iniziale dovrebbero essere elencati gli ultimi quiz creati/aggiornati
    • Cliccando su un quiz dovrebbe aprirsi un editor #codemirror per modificare la domanda e le risposte
    • Dev'essere pensato un pulsante premendo il quale si ha la possibilità di creare un nuovo quiz
  • Struttura di base del progetto generata da #gpt
    • Prompt: Crea un componente svelte che mostri una lista di quiz presa da un database. Il quiz contiene una domanda e delle risposte. L'elenco dev'essere mostrato con una stile che ricordi le "cards" di bootstrap. Se si clicca su un elemento della lista si deve aprire un editor codemirror 6 che riporti al suo interno il contenuto del quiz.
    • Non è possibile creare un componente Svelte completo con il database e l'editor CodeMirror 6 in questa risposta, ma posso darti un'idea su come iniziare a creare il componente e integrarlo con il database e CodeMirror 6.
    • Innanzitutto, è necessario installare le dipendenze necessarie per il progetto Svelte e CodeMirror 6:

    • npm install svelte codemirror@next
      

    • Creiamo un componente Svelte chiamato QuizCard.svelte che mostrerà la domanda e le risposte del quiz.

      <!-- QuizCard.svelte -->
      <script>
      export let quiz;
      </script>
      <style>
      .card {
        /* Aggiungi qui lo stile delle card di Bootstrap o il tuo stile personalizzato */
      }
      </style>
      <div class="card" on:click>
      <div class="card-header">
        {quiz.question}
      </div>
      <div class="card-body">
        <ul>
          {#each quiz.answers as answer}
            <li>{answer}</li>
          {/each}
        </ul>
      </div>
      </div>
      

    • Ora creiamo un componente QuizList.svelte che mostrerà la lista dei quiz e gestirà il click su una card per aprire l'editor CodeMirror 6.

      <!-- QuizList.svelte -->
      <script>
      import { onMount } from "svelte";
      import { EditorState } from "@codemirror/state";
      import { EditorView } from "@codemirror/view";
      import QuizCard from "./QuizCard.svelte";
      let quizzes = [];
      let editor;
      let editorContainer;
      onMount(async () => {
        // Carica i quiz dal database qui
        quizzes = await fetchQuizzesFromDatabase();
        // Inizializza l'editor CodeMirror 6
        const state = EditorState.create({ doc: "" });
        editor = new EditorView({ state, parent: editorContainer });
        editor.dom.style.display = "none";
      });
      function fetchQuizzesFromDatabase() {
        // Implementa la logica per caricare i quiz dal database
      }
      function onQuizClick(quiz) {
        editor.setState(EditorState.create({ doc: JSON.stringify(quiz, null, 2) }));
        editor.dom.style.display = "block";
      }
      </script>
      <style>
      .editor-container {
        /* Aggiungi qui lo stile per il contenitore dell'editor */
      }
      </style>
      <div class="quiz-list">
      {#each quizzes as quiz}
        <QuizCard {quiz} on:click={() => onQuizClick(quiz)} />
      {/each}
      </div>
      <div class="editor-container" bind:this={editorContainer}></div>
      

    • Ora hai un componente Svelte che mostra una lista di quiz e apre un editor CodeMirror 6 quando si fa clic su una card. Ricorda di implementare la funzione fetchQuizzesFromDatabase() per caricare i quiz dal tuo database.
• Per assegnare una specifica finestra ad uno specifico workspace in #i3wm occorre aggiungere quanto segue all'interno del file di configurazione .config/i3/config

  • for_window [class="Probo-dev-linux-amd64"] move to workspace $ws4