chatty gpt
1.0.0
وهو يعمل باستخدام واجهة برمجة تطبيقات إكمال الدردشة OpenAI (على سبيل المثال gpt-3.5-turbo، وgpt-4، وما إلى ذلك). ستحتاج إلى الوصول (المدفوع) إلى واجهة برمجة التطبيقات هذه.
يعد استخدام gpt-4 من خلال واجهة برمجة التطبيقات (API) أسرع بكثير من استخدام ChatGPT plus وليس له حدود للرسائل.
يتم الاحتفاظ بجميع الدردشات في التخزين المحلي، لذلك لن تتمكن من الوصول إليها من أي متصفح أو جهاز آخر، إلا إذا كنت تستخدم وظيفة التصدير / الاستيراد.
والمقصود بهذا هو تجربة التعلم.
كنت أرغب في تجربة واجهة برمجة تطبيقات OpenAI وفي الوقت نفسه، أردت أن أرى مدى سهولة كتابة واجهة في مكونات الويب البسيطة باستخدام Tailwind CSS.
أردت أن يكون التطوير بسيطًا قدر الإمكان، ويفضل أن يكون بدون أي خطوات بناء وبالتأكيد بدون حزم npm.
لذا، ما عليك سوى تحميل ملف في متصفحك والبدء في البرمجة.
الهيكل حاليًا فوضوي بعض الشيء، حيث كنت أحاول تجربة أشياء مختلفة.
هذه هي النتيجة!
يتم تشغيله بالكامل من صفحات GitHub، داخل المتصفح، بدون مكالمات خارجية، باستثناء OpenAI API.
لسوء الحظ، يتطلب TailwindCSS خطوة إنشاء، إلا إذا كنت تريد تحميل مكتبة CSS بالكامل في متصفحك.
لذلك قبلت أنه يجب علي تشغيل واجهة سطر أوامر (CLI) صغيرة لـ tailwindcss، والتي تراقب الكود وتعيد بناء ملف CSS عند التغييرات.
ولاستخدام الواردات، يجب تقديم كل شيء كموقع ويب مناسب - على سبيل المثال: http://، وليس file:/// .
لذلك لا بد لي من تشغيل خادم ويب صغير (npx http-server) في هذا الدليل، عند التطوير.
تعتبر هذه الميزات سريعة على الأقل مقارنة باستخدام أي شيء مثل Webpack وVite وما إلى ذلك.
ولا توجد خطوة بناء - إنها مجرد بضع خدمات تطوير صغيرة.
في حين أنه من الممكن تجنب الأطر، فقط باستخدام مكونات الويب، لن تحتاج إلى الكثير من التبعيات الخارجية، قبل أن تصبح حياتك أسهل بكل بساطة. على سبيل المثال باستخدام شيء مثل Vite.
سيساعدك Vite في الحفاظ على جميع التبعيات الخارجية محلية (التي تخدمها أنت) وتحديثها وتمكين إعادة التحميل السريع.
إن استخدام مكونات الويب وحدها، لن يعمل إلا مع المتصفحات الحديثة، لذا يمكنك أيضًا التسوق في إطار العمل، إذا كنت بحاجة إلى دعم أي متصفح لم يعد مدعومًا من قبل منشئيه (مثل Internet Explorer، وChrome الأقدم، وSafari، وما إلى ذلك).
