Web insert-tool

Gearchiveerd, mijn eerste tool — een regex-gedreven input filter die rommelige gekopieerde webdata omzette in SQL INSERT-statements voor schoolopdrachten met databases.

Gearchiveerd en verouderd — ergens tussen 2012 en 2015, toen ik net begon met mijn IT-reis, bouwde ik een kleine JavaScript-tool voor een ergernis die steeds terugkwam bij schoolprojecten: het omzetten van rommelige gekopieerde webdata naar SQL INSERT-statements.

Database-opdrachten betekenden vaak informatie verzamelen van willekeurige websites — tabellen, lijsten, contactblokken — elk anders geformatteerd. Dat in een insert krijgen betekende eindeloos handmatig bijknippen: karakters strippen, komma's en aanhalingstekens op de juiste plekken toevoegen, en het geheel verpakken in een geldig statement.

Aanvullende informatie

Steekpunten

  • Primitieve web UI — erin plakken, regex-opschoning, INSERT eruit.
  • Probeerde de bron te detecteren en slim komma's te plaatsen voordat het statement werd verpakt.
  • Sleur en pleur kopieerworkflow; geen inspect element nodig.
  • Bespaarde uren op schoolprojecten met databases; verouderd sinds sites verder evolueerden.

De tool was bewust simpel: één tekstvak voor input, één voor output, en een Convert-knop. Het haalde de geplakte selectie door een regex-pass om onnodige rommel te strippen, probeerde te herkennen van welke bron het kwam, en plaatste komma's op logische plekken voordat alles verpakt werd in een INSERT die je rechtstreeks vanuit de UI kon kopiëren.

Het werkte de meeste tijd verrassend goed, met slechts kleine gebreken — en het bespaarde uren. Het beste deel was de workflow: geen inspect element nodig. Klikken, selecteer wat je wil, kopiëren, plakken in het invoerveld, converteren, klaar.

Achteraf gezien zou een lokaal script dat gekopieerde HTML accepteerde misschien netter geweest zijn dan selecteren vanuit de gerenderde pagina — daar had ik destijds niet aan gedacht.

Tegenwoordig gaat het over het algemeen makkelijker: webstandaarden zijn wijder verspreid, en in het slechtste geval kun je je data in een AI plakken en binnen een minuut een insert-statement krijgen. Deze tool is al lang geleden kapotgegaan doordat websites lichtjes veranderden, en omdat er geen behoefte meer aan was, dus heb ik hem nooit meer bijgehouden.