Table Column Generator

VSCode extension that automatically generates table column definitions from images using OCR technology.

Features

• 🖼️ Image to Table Columns: Upload an image of a table and automatically generate column definitions
• 🔧 AG-Grid Support: Generates ready-to-use AG-Grid column definitions
• 🌐 i18n JSON: Creates internationalization JSON files for table headers
• 🎯 Checkbox Detection: Automatically detects checked/unchecked columns and sets visibility
• 🇹🇷 Turkish OCR: Supports Turkish language recognition using Tesseract.js

Installation

1. Open VS Code
2. Go to Extensions (Ctrl+Shift+X)
3. Search for "Table Column Generator"
4. Click Install

Usage

1. Open Command Palette (Ctrl+Shift+P)
2. Run command: Clipboard'dan Görüntüden Tablo Kolonu Oluştur
3. Or use shortcut: Ctrl+Shift+V
4. Fill in the form fields:
   • HeaderName Ana Dosya Adı: Main file name (e.g., stockholmExposes)
   • HeaderName Dosya Adı: Component name (e.g., TedaviPlanlama)
   • Ag-Table Kolonları Dosya Adı: AG-Grid columns file name (e.g., TedaviPlanlamaFormTabloKolonlari)
5. Click "📁 Görsel Dosyası Seç" to select your table image
6. Click "🚀 Tablo Kolonları Oluştur" to generate the code

Example

Input Image

A table with checkboxes like:

☑ Id
☑ Tedavi Adı  
☐ Gizli Kolon

Generated Output

i18n JSON:

{
  "TedaviPlanlama": {
    "TableColumns": {
      "id": "Id",
      "tedaviadi": "Tedavi Adı",
      "gizlikolon": "Gizli Kolon"
    }
  }
}

AG-Grid Columns:

import { AgColumnsModel } from "hisnext-core-ui";

const TedaviPlanlamaFormTabloKolonlari: AgColumnsModel = [
    {
      "field": "id",
      "headerName": "stockholmExposes:TedaviPlanlama.TableColumns.id"
    },
    {
      "field": "tedaviadi", 
      "headerName": "stockholmExposes:TedaviPlanlama.TableColumns.tedaviadi"
    },
    {
      "field": "gizlikolon",
      "headerName": "stockholmExposes:TedaviPlanlama.TableColumns.gizlikolon",
      "hide": true
    }
];

export default TedaviPlanlamaFormTabloKolonlari;

Requirements

• Visual Studio Code 1.74.0 or higher
• Internet connection for OCR processing

Known Issues

• OCR accuracy depends on image quality
• Works best with clear, high-contrast table images

Release Notes

1.0.0

Initial release of Table Column Generator

• Basic OCR functionality
• AG-Grid column generation
• i18n JSON creation
• Checkbox visibility detection

Development

npm install
npm run compile

Press F5 to test the extension.

License

MIT

Contributing

Issues and feature requests are welcome on GitHub.