چیزهای جدید در Svelte: آگوست 2022

این ماه چیزهای زیادی برای پوشش دادن وجود دارد… تغییرات عمده طراحی SvelteKit قبل از تکمیل نسخه 1.0 در راه است. اگر قبلاً این کار را نکردهاید، بحث Rich، Fixing را بررسی کنید load، و سفت کردن طراحی SvelteKit قبل از 1.0 #5748.
همچنین، @dummdidumm (سایمون اچ) به Vercel پیوست تا تمام وقت در Svelte کار کند و @tcc-sejohnson به گروه پشتیبانی SvelteKit پیوسته است! ما بسیار هیجانزده هستیم که نگهدارندههای دیگری را به کار بر روی Svelte و SvelteKit اختصاص دادهاند، و در حال حاضر تأثیر آنها را میبینیم. جولای سومین ماه تغییر بزرگ برای SvelteKit از زمان شروع آن بود!
حالا بریم بقیه آپدیت ها…
چیزهای جدید در SvelteKit
- سبک های وارد شده به صورت پویا اکنون در طول SSR گنجانده شده اند (#5138)
- بهبود مسیر و بهروزرسانیهای پایه برای جلوگیری از رندر غیرضروری (#5654، #5671)
- بسیاری از بهبودهای مدیریت خطا (#4665، #5622، #5619، #5616)
- حالتهای سفارشی Vite اکنون در ساختهای SSR رعایت میشوند (#5602)
- مکانهای پیکربندی سفارشی Vite اکنون پشتیبانی میشوند (#5705)
- متغیرهای محیط خصوصی (معروف به “اسرار”) اکنون بسیار امن تر هستند. اکنون اگر به طور تصادفی آنها را به کد سمت سرویس گیرنده وارد کنید، با یک خطا مواجه خواهید شد (#5663، Docs)
- API خروجی Vercel v3 اکنون استفاده می شود
adapter-vercel(#5514) vite-plugin-svelteبه 1.0 رسیده و اکنون از Vite 3 پشتیبانی می کند. شما متوجه پورت های پیش فرض جدید برای آن خواهید شدdev(پورت 5173) وpreview(پورت 4173) (#5005، vite-plugin-svelte CHANGES)
تغییرات مخرب:
mode،prodوserverدیگر در دسترس نیستند$app/env(#5602)svelte-kitدستورات CLI اکنون با استفاده ازviteفرمان وvite.config.jsمورد نیاز است. این امکان پشتیبانی ممتاز را با پروژههای دیگر در اکوسیستم Vite مانند Vitest و Storybook (#5332، Docs) فراهم میکند.endpointExtensionsاکنون استmoduleExtensionsو می توان از آن برای فیلتر کردن تطابق پارامترها استفاده کرد (#5085، Docs)- Node 16.9 اکنون حداقل نسخه SvelteKit است (#5395)
- نام فایل های رمزگذاری شده ٪ اکنون مجاز هستند. اگر داشته اید
%در مسیر خود، اکنون باید آن را با کدنویسی کنید%25(#5056) - نامهای روش نقطه پایان اکنون برای مطابقت با مشخصات HTTP (#5513، Docs) با حروف بزرگ نوشته میشوند.
writeStaticبرای تراز کردن با پیکربندی Vite حذف شد (#5618)transformPageاکنون استtransformPageChunk(#5657، اسناد)- را
prepareدیگر به اسکریپت نیازی نیستpackage.json(#5760) adapter-nodeدر حالی که منتظر رفع اشکال هستیم، دیگر هیچ فشرده سازی انجام نمی دهدcompressionکتابخانه (#5560)
برای فهرست کامل تغییرات، به CHANGELOG مجموعه مراجعه کنید.
- را
@layerCSS at-rule اکنون در مؤلفه های Svelte پشتیبانی می شود (3.49.0، روابط عمومی) - را
inertویژگی HTML اکنون در ابزارها و افزونه های زبان Svelte پشتیبانی می شود (105.20.0، روابط عمومی) - افزونه Svelte اکنون استفاده خواهد شد
SvelteComponentTypedانواع در صورت وجود (105.19.0، روابط عمومی)
- PocketBase یک فایل منبع باز Go و پنل مدیریتی است که با Svelte ساخته شده است
- هوندو یک بازی حدس کلمه با چند دور است
- Hexapipes یک سایت بازی پازل لوله شش ضلعی است
- Mail Must Move ایمیلی است که برای کسانی که می خواهند کارهای بیشتری انجام دهند ساخته شده است
- Jot Down یک افزونه کد ویژوال استودیو برای یادداشت برداری سریع و آسان است
- Kadium یک برنامه ردیابی آپلود کانال یوتیوب است
- Samen zjin we #1metS10 یک وب سایت کمپین برای حمایت از S10، فینالیست هلندی یوروویژن، با ارسال یک نقاشی یا یک آرزو است.
- On Writing Code یک وب سایت تعاملی برای یادگیری الگوهای طراحی برنامه نویسی است
- Svelte-In-Motion به شما امکان می دهد با Svelte در مرورگر خود ویدیوهای متحرک ایجاد کنید
- Svelte Terminal یک وب سایت ترمینال مانند است
- Bulletlist یک ابزار ساده با یک هدف واحد است: ایجاد لیست
- Remind Me Again یک برنامه یادآوری جابجایی در مک، لینوکس و ویندوز است
- Heyweek یک برنامه ردیابی زمان است که برای فریلنسرهایی که هوس آن پیتزا اضافی را دارند ساخته شده است
با حضور تیم Svelte
برای تماشا
برای خواندن
نمایش های فنی
- لوسیا یک کتابخانه ساده احراز هویت مبتنی بر JWT برای SvelteKit است که برنامه SvelteKit شما را به پایگاه داده شما متصل می کند.
- Skeleton یک کتابخانه مؤلفه UI برای استفاده با Svelte + Tailwind است
- pass-composer به شما کمک می کند تا پاس های پس از پردازش خود را برای صحنه های سوم بنویسید
- @crikey/stores-* مجموعه ای از کتابخانه ها برای گسترش فروشگاه های Svelte برای موارد استفاده رایج است
- Svelte Chrome Storage یک انتزاع سبک وزن بین فروشگاه های Svelte و افزونه ذخیره سازی Chrome است
- Svelte Schema Form یک مولد فرم طرحواره JSON است
- svelte-gesture کتابخانه ای است که به شما امکان می دهد رویدادهای غنی تر ماوس و لمس را به هر مؤلفه یا نما متصل کنید.
- Snap Layout و Universal-Title-bar ویژگی های طرح بندی و عنوان Snap ویندوز 11 را به برنامه های وب و PWA ها می آورند. هر دو را می توان به عنوان یک وارد کرد
.svelteماژول یا به عنوان یک جزء وب - svelte-adapter-bun یک آداپتور برنامه SvelteKit است که یک سرور Bun مستقل تولید می کند.
- json2dir اشیاء JSON را به درخت دایرکتوری تبدیل می کند
- پالت فرمان Svelte یک جزء پالت فرمان است
- svelte-use-drop-outside یک عمل Svelte برای رها کردن یک عنصر در خارج از یک منطقه است
- PowerTable یک جزء جاوا اسکریپت است که داده های JSON را به یک جدول HTML تعاملی تبدیل می کند
- svelte-slides یک الگوی نمایش اسلاید برای Svelte با استفاده از Reveal.js است.
- Svelte Theme Light یک تم کد ویژوال استودیو بر اساس Svelte REPL است
چیزی را از دست دادیم؟ در Reddit یا Discord به ما اطلاع دهید!
هنوز به دنبال کاری برای انجام در سپتامبر هستید؟ در اجلاس Svelte در استکهلم به ما بپیوندید! بلیط های خود را همین حالا تهیه کنید.
ماه آینده می بینمت!



