denwa-web-shared 1.0.53 → 1.0.54

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "denwa-web-shared",
   "private": false,
-  "version": "1.0.53",
+  "version": "1.0.54",
   "type": "module",
   "author": "Denwa",
   "main": "dist/denwa-web-shared.cjs.js",

package/skills/infinity-list/SKILL.md

@@ -5,9 +5,9 @@ description: >
   Load when implementing infinite scroll, lazy loading, or pagination lists.
 type: core
 library: denwa-web-shared
-library_version: "1.0.51"
+library_version: '1.0.54'
 sources:
-  - "src/client/ui/infinity-list.tsx"
+  - 'src/client/ui/infinity-list.tsx'
 ---
 
 # denwa-web-shared — Implement infinite lists
@@ -17,13 +17,15 @@ sources:
 ```tsx
 import { InfinityList } from 'denwa-web-shared/client';
 
-<InfinityList 
-  isNext={hasNextPage} 
-  onIntersection={fetchNextPage} 
+<InfinityList
+  isNext={hasNextPage}
+  onIntersection={fetchNextPage}
   intersectionElement={() => <div>Loading...</div>}
 >
-  {items.map(item => <Item key={item.id} {...item} />)}
-</InfinityList>
+  {items.map((item) => (
+    <Item key={item.id} {...item} />
+  ))}
+</InfinityList>;
 ```
 
 ## Core Patterns
@@ -42,7 +44,7 @@ export const Feed = ({ items, hasNext, loadMore }) => {
       intersectionElement={() => <Spinner />}
       intersectionElementClassName="py-4"
     >
-      {items.map(item => (
+      {items.map((item) => (
         <FeedItem key={item.id} data={item} />
       ))}
     </InfinityList>
@@ -65,9 +67,13 @@ Correct:
 ```tsx
 import { InfinityList } from 'denwa-web-shared/client';
 
-<InfinityList isNext={hasNextPage} onIntersection={fetchNextPage} intersectionElement={() => <Spinner />}>
+<InfinityList
+  isNext={hasNextPage}
+  onIntersection={fetchNextPage}
+  intersectionElement={() => <Spinner />}
+>
   {items}
-</InfinityList>
+</InfinityList>;
 ```
 
 Agents might manually write intersection observers instead of using InfinityList.

package/skills/render-picture/SKILL.md

@@ -5,10 +5,10 @@ description: >
   Load when generating images, using getImageData, IPreparedServerImage, or IPreparedServerImageWithAlt.
 type: core
 library: denwa-web-shared
-library_version: "1.0.51"
+library_version: '1.0.54'
 sources:
-  - "src/server/ui/image.tsx"
-  - "src/server/lib/utils.ts"
+  - 'src/server/ui/image.tsx'
+  - 'src/server/lib/utils.ts'
 ---
 
 # denwa-web-shared — Render responsive images
@@ -22,7 +22,7 @@ import { getImageData } from 'denwa-web-shared/server';
 // Assuming serverImage is of type IPreparedServerImage
 const pictureData = getImageData(serverImage);
 
-<BasePicture data={pictureData} alt="alt text" type={serverImage.type} />
+<BasePicture data={pictureData} alt="alt text" type={serverImage.type} />;
 ```
 
 ## Core Patterns
@@ -35,7 +35,7 @@ import type { IPreparedServerImage } from 'denwa-web-shared/server';
 
 export const MyComponent = ({ image }: { image: IPreparedServerImage }) => {
   const data = getImageData(image);
-  
+
   return <BasePicture data={data} alt="Responsive image" type={image.type} />;
 };
 ```
@@ -49,7 +49,7 @@ Wrong:
 ```tsx
 import Image from 'next/image';
 
-<Image src={src} alt={alt} />
+<Image src={src} alt={alt} />;
 ```
 
 Correct:
@@ -58,7 +58,7 @@ Correct:
 import { BasePicture, getImageData } from 'denwa-web-shared/server';
 
 const pictureData = getImageData(serverImage);
-<BasePicture data={pictureData} alt="alt text" type={serverImage.type} />
+<BasePicture data={pictureData} alt="alt text" type={serverImage.type} />;
 ```
 
 Agents default to next/image instead of using the custom BasePicture component.
@@ -72,7 +72,7 @@ Wrong:
 ```tsx
 import { BasePicture } from 'denwa-web-shared/server';
 
-<BasePicture data={{ image1x: item.path }} alt="alt text" type="image/jpeg" />
+<BasePicture data={{ image1x: item.path }} alt="alt text" type="image/jpeg" />;
 ```
 
 Correct:
@@ -81,7 +81,7 @@ Correct:
 import { BasePicture, getImageData } from 'denwa-web-shared/server';
 
 const pictureData = getImageData(item);
-<BasePicture data={pictureData} alt="alt text" type={item.type} />
+<BasePicture data={pictureData} alt="alt text" type={item.type} />;
 ```
 
 Agents try to construct paths manually instead of using the getImageData helper to generate PictureData.

package/skills/shared-constants/SKILL.md

@@ -5,9 +5,9 @@ description: >
   Load when hardcoding time durations, milliseconds, breakpoints, or offsets.
 type: core
 library: denwa-web-shared
-library_version: "1.0.51"
+library_version: '1.0.54'
 sources:
-  - "src/server/constants/index.ts"
+  - 'src/server/constants/index.ts'
 ---
 
 # denwa-web-shared — Use library constants
@@ -31,7 +31,7 @@ import { TIME } from 'denwa-web-shared/server';
 export const fetchWithTimeout = async (url: string) => {
   const controller = new AbortController();
   setTimeout(() => controller.abort(), TIME.milliseconds.seconds5);
-  
+
   return fetch(url, { signal: controller.signal });
 };
 ```

package/skills/viewport-hooks/SKILL.md

@@ -5,9 +5,9 @@ description: >
   Load when writing responsive behavior, using useMedia, useLaptopBigViewPort, useMobileViewPort.
 type: core
 library: denwa-web-shared
-library_version: "1.0.51"
+library_version: '1.0.54'
 sources:
-  - "src/client/hooks/use-view-port.ts"
+  - 'src/client/hooks/use-view-port.ts'
 ---
 
 # denwa-web-shared — Use custom viewport hooks
@@ -33,7 +33,7 @@ export const ResponsiveLayout = () => {
 
   if (isMobileMaxWidth) return <MobileMenu />;
   if (isLaptopMinWidth) return <DesktopMenu />;
-  
+
   return <DefaultMenu />;
 };
 ```

package/skills/yandex-feed/SKILL.md

@@ -5,9 +5,9 @@ description: >
   Load when creating RSS feeds or Yandex XML exports.
 type: core
 library: denwa-web-shared
-library_version: "1.0.51"
+library_version: '1.0.54'
 sources:
-  - "src/server/lib/utils.ts"
+  - 'src/server/lib/utils.ts'
 ---
 
 # denwa-web-shared — Generate Yandex Feed XML
@@ -32,9 +32,9 @@ import { generateYandexFeedXML } from 'denwa-web-shared/server';
 export async function GET() {
   const data = await getFeedData();
   const xml = generateYandexFeedXML(data);
-  
+
   return new Response(xml, {
-    headers: { 'Content-Type': 'application/xml' }
+    headers: { 'Content-Type': 'application/xml' },
   });
 }
 ```