@ktjs/core 0.16.0 → 0.16.1

package/dist/index.d.ts

@@ -168,7 +168,7 @@ type HTML<T extends (HTMLTag | SVGTag) & otherstring> = T extends SVGTag ? SVGEl
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -248,11 +248,11 @@ interface KTForProps<T> {
      * Key function to uniquely identify each item
      * Using stable keys enables efficient DOM reuse and updates
      */
-    key: (item: T, index: number) => string | number;
+    key: (item: T, index: number, array: T[]) => string | number;
     /**
      * Mapper function to render each item
      */
-    mapper: (item: T, index: number) => HTMLElement;
+    mapper: (item: T, index: number, array: T[]) => HTMLElement;
 }
 /**
  * Extended Comment node with redraw capability for KTFor
@@ -260,7 +260,7 @@ interface KTForProps<T> {
 interface KTForAnchor extends Comment {
     redraw: (newProps?: {
         list?: any[];
-        mapper?: (item: any, index: number) => HTMLElement;
+        mapper?: (item: any, index: number, array: any[]) => HTMLElement;
     }) => void;
 }
 /**
@@ -292,13 +292,13 @@ declare function KTFor<T>(props: KTForProps<T>): KTForAnchor;
  *
  * @example
  * ```tsx
- * const listAnchor = <KTForStatic
+ * const listAnchor = <KTForConst
  *   list={items}
  *   mapper={(item) => <div>{item}</div>}
  * /> as KTForAnchor;
  * ```
  */
-declare function KTForStatic<T>(props: Omit<KTForProps<T>, 'key'>): KTForAnchor;
+declare function KTForConst<T>(props: Omit<KTForProps<T>, 'key'>): KTForAnchor;
 
-export { Fragment, KTAsync, KTFor, KTForStatic, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };
+export { Fragment, KTAsync, KTFor, KTForConst, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };
 export type { EventHandler, HTMLTag, KTAttribute, KTForAnchor, KTForProps, KTHTMLElement, KTRawAttr, KTRawContent, KTRawContents, KTRef };

package/dist/index.iife.js

@@ -206,7 +206,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+     * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -432,8 +432,8 @@ var __ktjs_core__ = (function (exports) {
         const initialize = () => {
             for (let i = 0; i < initList.length; i++) {
                 const item = initList[i];
-                const key = getKey(item, i);
-                const node = mapper(item, i);
+                const key = getKey(item, i, initList);
+                const node = mapper(item, i, initList);
                 nodeCache.set(key, { node, item });
                 currentKeys.push(key);
                 // Append to parent if anchor is already in DOM
@@ -454,7 +454,7 @@ var __ktjs_core__ = (function (exports) {
          */
         const smartUpdate = (newList, newMapper) => {
             const mapperFn = newMapper ?? mapper;
-            const newKeys = newList.map((item, index) => getKey(item, index));
+            const newKeys = newList.map((item, index) => getKey(item, index, newList));
             if (!anchor.parentNode) {
                 // If anchor is not in DOM yet, just update cache
                 nodeCache.clear();
@@ -462,7 +462,7 @@ var __ktjs_core__ = (function (exports) {
                 for (let i = 0; i < newList.length; i++) {
                     const item = newList[i];
                     const key = newKeys[i];
-                    const node = mapperFn(item, i);
+                    const node = mapperFn(item, i, newList);
                     nodeCache.set(key, { node, item });
                     currentKeys.push(key);
                 }
@@ -486,7 +486,7 @@ var __ktjs_core__ = (function (exports) {
                 let cached = nodeCache.get(key);
                 // New item: create and cache
                 if (!cached) {
-                    const node = mapperFn(item, i);
+                    const node = mapperFn(item, i, newList);
                     cached = { node, item };
                     nodeCache.set(key, cached);
                 }
@@ -525,16 +525,16 @@ var __ktjs_core__ = (function (exports) {
      *
      * @example
      * ```tsx
-     * const listAnchor = <KTForStatic
+     * const listAnchor = <KTForConst
      *   list={items}
      *   mapper={(item) => <div>{item}</div>}
      * /> as KTForAnchor;
      * ```
      */
-    function KTForStatic(props) {
+    function KTForConst(props) {
         const { list: initList, mapper } = props;
         // Create anchor comment node
-        const anchor = document.createComment('kt-for-static');
+        const anchor = document.createComment('kt-for-const');
         let nodes = [];
         // Simple rebuild on redraw
         const rebuild = (newList) => {
@@ -550,7 +550,7 @@ var __ktjs_core__ = (function (exports) {
             let previousNode = anchor;
             for (let i = 0; i < newList.length; i++) {
                 const item = newList[i];
-                const node = mapper(item, i);
+                const node = mapper(item, i, newList);
                 nodes.push(node);
                 if (anchor.parentNode) {
                     if (previousNode.nextSibling) {
@@ -577,7 +577,7 @@ var __ktjs_core__ = (function (exports) {
     exports.Fragment = Fragment;
     exports.KTAsync = KTAsync;
     exports.KTFor = KTFor;
-    exports.KTForStatic = KTForStatic;
+    exports.KTForConst = KTForConst;
     exports.createElement = h;
     exports.createRedrawable = createRedrawable;
     exports.createRedrawableNoref = createRedrawableNoref;

package/dist/index.legacy.js

@@ -231,7 +231,7 @@ var __ktjs_core__ = (function (exports) {
      * ## About
      * @package @ktjs/core
      * @author Kasukabe Tsumugi <futami16237@gmail.com>
-     * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+     * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
      * @license MIT
      * @link https://github.com/baendlorel/kt.js
      * @link https://baendlorel.github.io/ Welcome to my site!
@@ -497,8 +497,8 @@ var __ktjs_core__ = (function (exports) {
         var initialize = function () {
             for (var i = 0; i < initList.length; i++) {
                 var item = initList[i];
-                var key = getKey(item, i);
-                var node = mapper(item, i);
+                var key = getKey(item, i, initList);
+                var node = mapper(item, i, initList);
                 nodeCache.set(key, { node: node, item: item });
                 currentKeys.push(key);
                 // Append to parent if anchor is already in DOM
@@ -519,7 +519,7 @@ var __ktjs_core__ = (function (exports) {
          */
         var smartUpdate = function (newList, newMapper) {
             var mapperFn = newMapper !== null && newMapper !== void 0 ? newMapper : mapper;
-            var newKeys = newList.map(function (item, index) { return getKey(item, index); });
+            var newKeys = newList.map(function (item, index) { return getKey(item, index, newList); });
             if (!anchor.parentNode) {
                 // If anchor is not in DOM yet, just update cache
                 nodeCache.clear();
@@ -527,7 +527,7 @@ var __ktjs_core__ = (function (exports) {
                 for (var i = 0; i < newList.length; i++) {
                     var item = newList[i];
                     var key = newKeys[i];
-                    var node = mapperFn(item, i);
+                    var node = mapperFn(item, i, newList);
                     nodeCache.set(key, { node: node, item: item });
                     currentKeys.push(key);
                 }
@@ -551,7 +551,7 @@ var __ktjs_core__ = (function (exports) {
                 var cached = nodeCache.get(key);
                 // New item: create and cache
                 if (!cached) {
-                    var node = mapperFn(item, i);
+                    var node = mapperFn(item, i, newList);
                     cached = { node: node, item: item };
                     nodeCache.set(key, cached);
                 }
@@ -590,16 +590,16 @@ var __ktjs_core__ = (function (exports) {
      *
      * @example
      * ```tsx
-     * const listAnchor = <KTForStatic
+     * const listAnchor = <KTForConst
      *   list={items}
      *   mapper={(item) => <div>{item}</div>}
      * /> as KTForAnchor;
      * ```
      */
-    function KTForStatic(props) {
+    function KTForConst(props) {
         var initList = props.list, mapper = props.mapper;
         // Create anchor comment node
-        var anchor = document.createComment('kt-for-static');
+        var anchor = document.createComment('kt-for-const');
         var nodes = [];
         // Simple rebuild on redraw
         var rebuild = function (newList) {
@@ -615,7 +615,7 @@ var __ktjs_core__ = (function (exports) {
             var previousNode = anchor;
             for (var i = 0; i < newList.length; i++) {
                 var item = newList[i];
-                var node = mapper(item, i);
+                var node = mapper(item, i, newList);
                 nodes.push(node);
                 if (anchor.parentNode) {
                     if (previousNode.nextSibling) {
@@ -642,7 +642,7 @@ var __ktjs_core__ = (function (exports) {
     exports.Fragment = Fragment;
     exports.KTAsync = KTAsync;
     exports.KTFor = KTFor;
-    exports.KTForStatic = KTForStatic;
+    exports.KTForConst = KTForConst;
     exports.createElement = h;
     exports.createRedrawable = createRedrawable;
     exports.createRedrawableNoref = createRedrawableNoref;

package/dist/index.mjs

@@ -203,7 +203,7 @@ let creator = defaultCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!
@@ -429,8 +429,8 @@ function KTFor(props) {
     const initialize = () => {
         for (let i = 0; i < initList.length; i++) {
             const item = initList[i];
-            const key = getKey(item, i);
-            const node = mapper(item, i);
+            const key = getKey(item, i, initList);
+            const node = mapper(item, i, initList);
             nodeCache.set(key, { node, item });
             currentKeys.push(key);
             // Append to parent if anchor is already in DOM
@@ -451,7 +451,7 @@ function KTFor(props) {
      */
     const smartUpdate = (newList, newMapper) => {
         const mapperFn = newMapper ?? mapper;
-        const newKeys = newList.map((item, index) => getKey(item, index));
+        const newKeys = newList.map((item, index) => getKey(item, index, newList));
         if (!anchor.parentNode) {
             // If anchor is not in DOM yet, just update cache
             nodeCache.clear();
@@ -459,7 +459,7 @@ function KTFor(props) {
             for (let i = 0; i < newList.length; i++) {
                 const item = newList[i];
                 const key = newKeys[i];
-                const node = mapperFn(item, i);
+                const node = mapperFn(item, i, newList);
                 nodeCache.set(key, { node, item });
                 currentKeys.push(key);
             }
@@ -483,7 +483,7 @@ function KTFor(props) {
             let cached = nodeCache.get(key);
             // New item: create and cache
             if (!cached) {
-                const node = mapperFn(item, i);
+                const node = mapperFn(item, i, newList);
                 cached = { node, item };
                 nodeCache.set(key, cached);
             }
@@ -522,16 +522,16 @@ function KTFor(props) {
  *
  * @example
  * ```tsx
- * const listAnchor = <KTForStatic
+ * const listAnchor = <KTForConst
  *   list={items}
  *   mapper={(item) => <div>{item}</div>}
  * /> as KTForAnchor;
  * ```
  */
-function KTForStatic(props) {
+function KTForConst(props) {
     const { list: initList, mapper } = props;
     // Create anchor comment node
-    const anchor = document.createComment('kt-for-static');
+    const anchor = document.createComment('kt-for-const');
     let nodes = [];
     // Simple rebuild on redraw
     const rebuild = (newList) => {
@@ -547,7 +547,7 @@ function KTForStatic(props) {
         let previousNode = anchor;
         for (let i = 0; i < newList.length; i++) {
             const item = newList[i];
-            const node = mapper(item, i);
+            const node = mapper(item, i, newList);
             nodes.push(node);
             if (anchor.parentNode) {
                 if (previousNode.nextSibling) {
@@ -571,4 +571,4 @@ function KTForStatic(props) {
     return anchor;
 }
 
-export { Fragment, KTAsync, KTFor, KTForStatic, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };
+export { Fragment, KTAsync, KTFor, KTForConst, h as createElement, createRedrawable, createRedrawableNoref, h, jsx, jsxDEV, jsxs, ref };

package/dist/jsx/index.d.ts

@@ -154,7 +154,7 @@ type HTML<T extends (HTMLTag | SVGTag) & otherstring> = T extends SVGTag ? SVGEl
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/index.mjs

@@ -203,7 +203,7 @@ let creator = defaultCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/jsx-runtime.d.ts

@@ -148,7 +148,7 @@ type HTML<T extends (HTMLTag | SVGTag) & otherstring> = T extends SVGTag ? SVGEl
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/dist/jsx/jsx-runtime.mjs

@@ -203,7 +203,7 @@ let creator = defaultCreator;
  * ## About
  * @package @ktjs/core
  * @author Kasukabe Tsumugi <futami16237@gmail.com>
- * @version 0.16.0 (Last Update: 2026.01.27 17:30:39.673)
+ * @version 0.16.1 (Last Update: 2026.01.28 08:51:19.714)
  * @license MIT
  * @link https://github.com/baendlorel/kt.js
  * @link https://baendlorel.github.io/ Welcome to my site!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ktjs/core",
-  "version": "0.16.0",
+  "version": "0.16.1",
   "description": "Core functionality for kt.js - DOM manipulation utilities with JSX/TSX support",
   "type": "module",
   "module": "./dist/index.mjs",