Sisypi - otomasyon asistanı

Sisypi, web sayfalarında tekrarlayan ve zaman alan görevleri kolayca otomatikleştirmek için tasarlanmış güçlü bir krom uzantısıdır. Herhangi bir kodlama bilgisi gerektirmeden Sezgisel Bir Arayüz üzerinden Web Otomasyon Senaryoları oluşturmanıza, düzenlemenize ve çalıştırmanıza olanak tanır. Günlük iş akışlarınızı hızlandırın, veri toplama işlemlerini otomatikleştirin ve manuel hataları en aza indirerek verimliliğinizi artırın.

Özellikler

Sisypi, web otomasyon ihtiyaçlarınız için zengin ve esnek bir özellik sunuyor:

Görsel senaryo oluşturma: Web sayfasındaki öğeleri doğrudan seçerek otomasyon adımları ekleyin. Tıklama, metni yazma ve veri kopyalama gibi temel etkileşimleri kolayca yapılandırın. Gelişmiş Araç Kutusu: Senaryolarınıza karmaşıklık ve esneklik eklemek için çeşitli araçlar sağlar: Bekle: Belirli bir süreyi bekleyerek senaryo akışını kontrol edin (milisaniye cinsinden). Sayfa yükleri veya dinamik içeriğin görünmesi için önemlidir. Yorum: Senaryonuza açıklayıcı notlar ekleyinokunabilirliği ve bakımını geliştirme adımları. Ekran görüntüsü: Senaryodaki belirli anlarda sayfanın bir ekran görüntüsünü otomatik olarak yakalayın. Hata ayıklama veya işlem takibi için kullanışlıdır. Koşullu mantık (if/else): Sayfada belirli bir öğenin var olup olmadığına bağlı olarak farklı adımlar çalıştırın. Senaryolarınızı daha dinamik ve hataya dayanıklı hale getirir. Döngüler (n kez): Belirli bir adımı veya basamak bloğunu önceden tanımlanmış bir kez tekrarlayın. Özellikle liste öğelerini işlerken kullanışlıdır. Kaydırma: Yeni içerik yüklemek veya görünmez öğeleri erişilebilir hale getirmek için sayfayı aşağı kaydırın. Değişken Destek: Web sayfasından adlandırılan değişkenlere kopyalanan değerleri kaydedin ve bu değişkenleri sonraki adımlarda metin girişleri veya diğer eylemler için kullanın (örn. variable ). Senaryolarınızı daha genel ve yeniden kullanılabilir hale getirir. URL Kısıtlaması: Senaryoların yalnızca belirli URL kalıplarıyla eşleşen sayfalarda çalıştırılmasını sağlayarak yanlış sayfalarda kazara veya istenmeyen yürütmeyi önleyin. Senaryo Yönetimi: Sezgisel bir arayüz aracılığıyla senaryolarınızı kolayca oluşturun, düzenleyin ve silin. Tüm senaryolarınızı tek bir JSON dosyası olarak yedekleyebilir ve daha sonra geri yükleyebilirsiniz. Çok dilli destek: Kullanıcı arayüzü Türk ve İngilizce dillerini destekler.

Mimari

Sisypi, Chrome Uzatma Mimarisinin temel bileşenlerini kullanarak çalışır. Bu bileşenler, uzantının farklı işlevlerini yerine getirmek için tasarlanmıştır:

Popup ( açılır/ ): Kullanıcı uzantı simgesini tıkladığında açılan ana arabirim. Senaryolar oluşturma, düzenleme ve yönetme gibi tüm kullanıcı etkileşimleri burada gerçekleşir. Arka plan komut dosyası ( scripts/background.js ): Uzatmanın” beyni “. Tarayıcı etkinliklerini dinler, senaryo verilerini depolar ve açılır ve içerik komut dosyaları arasındaki iletişimi koordine eder. İçerik komut dosyaları ( content/content_script.js , content/selector_generator.js ): doğrudan web sayfasına enjekte edilen komut dosyaları. Erişerler veWeb sayfasının DOM ile etkileşime geçin. Eleman seçimi modunu etkinleştirir, senaryo adımlarını yürütürler ve arka plan komut dosyasına durum güncellemeleri gönderirler. Web Erişilebilir Kaynaklar ( Content/Seçim.css ): Eleman seçim modu sırasında web sayfasına enjekte edilen CSS dosyası.

Kurulum

Sisypi bir krom uzantısıdır. Geliştirme ortamınıza yüklemek ve çalıştırmak için bu adımları izleyin:

1. Depoyu klonlayın: Bu GitHub deposunu bilgisayarınıza klonlayın veya bir fermuarlı olarak indirin ve istediğiniz dizine çıkarın. Bash git klonu https://github.com/ademisler/sisypi.git

2. Krom uzantıları açın: Chrome tarayıcınızı açın ve adres çubuğuna chrome: // extensions ‘yazın.

3. Geliştirici modunu etkinleştir: Sağ üst köşede “Geliştirici Modu” geçişini etkinleştirin.

4. Paketlenmemiş Uzantı Yükle: “Yüklemeden Yükle” düğmesini tıklayın.

5. Klasör seçin: Klonladığınız veya çıkardığınız Sisypi ‘klasörünü seçin.

Şimdi Sisypi uzantısı kurulacakve tarayıcınızda kullanıma hazır. Uzatma simgesini tarayıcı çubuğunuza sabitlemek isteyebilirsiniz.

Kullanım

Sisypi kullanarak web otomasyon senaryoları oluşturmak ve çalıştırmak oldukça basittir. İşte adım adım bir kılavuz:

1. Uzantıyı açın: Uzantı penceresini açmak için Chrome tarayıcınızın sağ üst köşesindeki SISYPI simgesini tıklayın.
2. Yeni senaryo oluşturun: Ana ekranda “Yeni Senaryo Oluştur” düğmesini tıklayın. Bu sizi senaryo editörü ekranına götürecektir.
3. Senaryo Bilgileri Girin:
   Senaryo Adı: Senaryonuza açıklayıcı bir isim verin (örneğin, “Google’da Ara”). URL Kısıtlaması (isteğe bağlı): Senaryonun yalnızca belirli bir URL veya URL modelinde çalışmasını istiyorsanız, bir URL veya bir kısmı buraya girin (örneğin, google.com/haritalar ’). Bu, senaryonuzun yanlış sayfalarda çalışmasını önler.
4. Adımlar ekle:
   öğeyi seçerek adım ekleyin: Web sayfasındaki bir öğeyle etkileşim kurmak için bu düğmeyi tıklayın. Uzantı öğeyi başlatacakEtkin sekmede seçim modu. Farenizi elemanlara kaydırdığınızda, numaralı kutular göreceksiniz. İstenen öğenin numarasını girin ve “Seç” i tıklayın. Ardından, öğede gerçekleştirmek istediğiniz eylemi seçin (tıklayın, yazın, kopyala) ve gerekli parametreleri girin (ör. Metin yazın, değişken adı). Toolbox: Editör ekranının altındaki “Araç Kutusu” bölümünden, “bekle”, “yorum”, “ekran görüntüsü”, “if”, “else”, “End”, “n Times”, “End Loop” ve “Scroll” gibi gelişmiş adımlar ekleyebilirsiniz. Her araç senaryonuza farklı bir işlevsellik ve kontrol katmanı ekler.
5. Senaryoyu Kaydet: Adım eklemeyi bitirdikten sonra, senaryonunuzu kaydetmek için “Kaydet” düğmesini tıklayın.
6. Senaryo Çalıştır: Kaydedilen senaryoyu çalıştırmak için “Run” düğmesini tıklayın. Senaryo, Etkin Tarayıcı sekmesinde otomatik olarak yürütülecektir. Yürütme durumu uzantı penceresinde görüntülenir.
7. Yedek ve Geri Yükle: Ana ekrandan tüm senarınızı indirebilirsiniz “Yedekleme” ile bilgisayarınıza tek bir JSON dosyası olarak iOS ve “Yedeklemeden Yük” ile daha önce yedeklenmiş senaryoları geri yükleyin. Bu özellik, senaryolarınızı güvende tutmanıza ve farklı cihazlar arasında aktarmanıza olanak tanır.

Gelişim

Bu proje modern web geliştirme araçları kullanılarak geliştirilmiştir: Vite ve TypeScript.

Gerekli Araçlar

[Node.js] (https://nodejs.org/) (v18 veya daha yüksek önerilen) [npm] (https://www.npmjs.com/) veya [iplik] (https://yarpkg.com/)

Kurulum ve Koşu

1. Depoyu klonlayın ve proje dizinine gidin: Bash git klonu https://github.com/ademisler/sisypi.git CD Sisypi

2. Bağımlılıkları yükleyin: Bash NPM kurulumu

3. Geliştirme sunucusunu başlatın. Bu komut, hızlı bir yeniden yükleme ve geliştirme deneyimi sağlayan Popup.html ‘ve ilgili dosyalar için VITE kullanır: Bash NPM Run Dev

4. Uzantıyı Chrome’a kurmak için yukarıdaki “kurulum” adımlarını izleyin. D’de yapılan değişikliklerEvelopment modu otomatik olarak algılanamayabilir, bu nedenle değişiklikleri görmek için uzantıyı Chrome: // Extensions sayfasından (uzantının kartındaki yenileme simgesini tıklayarak) manuel olarak yenilemeniz gerekebilir.

   Proje Yapısı

Bu bölümde projenin ana dizin yapısı ve her klasörün/dosyanın amacı açıklanmaktadır. Bu yapı, geliştiricilerin gezinmesini ve projeye katkıda bulunmasını kolaylaştırır.

Sisypi/ ├enk Git tarafından yok sayılacak dosyalar ├.Gitignore
├ve index.tsx Main React/TypeScript Giriş Noktası (Vite için) ├yoYAnifest.json Chrome Uzantı Manifest Dosyası (Uzantı Ayarları) ├YADADATA.JSON Proje Meta Veri (Dahili Kullanım için Muhtemel) ├ derecedePactage.json Node.js Proje Bağımlılıkları ve Komut Dosyaları ├enk ├yoster ├ derecede │ ├ derecedeIpt.js Web sayfasına enjekte edilen ana içerik komut dosyası Element Seçim Modu için │ ├yoYection.css CSS Styles CSS Seçicileri Oluşturmak İçin └ └Yorsector_Generator.js Yardımcı Komut Dosyası ├yoikonlar/ │ ├YAICON128.PNG Uzatma simgeleri (farklı boyutlarda) │ ├ derecede │ └ derecede ├ derecede │ ├yoistik. │ └YAWOWESESESTESESTER/ Font Awesome Icon Kütüphanesi │ ├ derecede │ │ └yoall.min.css │ └yal ├ derecedeppup/ Popup arabirimi için │ ├ derecede Popup arayüzünün yapısı ├ ├ derecede Popup arabirimi için │ └ derecede └YArklar/ ├yoboBackground.js Extension’ın Arka Plan Servis Çalışanı └yostercontent.js eski veya gereksiz içerik komut dosyası (kullanılmıyor)

Katkıda bulunuyor

KatkılarHoş geldin! Hata raporları, özellik istekleri veya kod katkıları için lütfen GitHub deposunu ziyaret edin ve bir “sorun” açmaktan veya “çekme isteği” göndermekten çekinmeyin.

Kredi [Adem Işlar] (https://ademisler.com/) tarafından oluşturuldu. Bu projeyi yararlı bulursanız, [Bana bir kahve almayı] düşünün (https://buynaacoffee.com/ademisler).

Lisans

Bu proje MIT lisansı altında lisanslanmıştır. Daha fazla ayrıntı için lisans ” dosyasına bakın.