@kosdev-code/kos-codegen-core 3.0.0 → 3.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kosdev-code/kos-codegen-core",
-  "version": "3.0.0",
+  "version": "3.0.2",
   "type": "commonjs",
   "main": "./index.js",
   "module": "./index.mjs",
@@ -24,7 +24,7 @@
   },
   "kos": {
     "build": {
-      "gitHash": "681d3ed1315f7d905a8749f448fcc230639ed4a5"
+      "gitHash": "c361188e6e049be5caaf953b41a50d2e6e12786d"
     }
   }
 }

package/templates/kos-component/control-pour/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { ControlPourStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { ControlPourStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/cui/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { CUIStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { CUIStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/nav/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { NavStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { NavStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/setting/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { SettingStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { SettingStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/setup/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { SetupStepStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { SetupStepStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/trouble-action/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { UtilityStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { UtilityStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-component/utility/__nameDashCase__.stories.tsx__template__

@@ -2,7 +2,7 @@
  * Note: The plugin project Storybook configuration requires that the Studio
  * Simulator is running in order to retrieve model data...
  */
-import { UtilityStoryContainer } from "@kosdev-code/kos-ui-plugin-dev";
+import { UtilityStoryContainer } from "@kosdev-code/kos-ddk-story-containers";
 import type { Meta, StoryObj } from "@storybook/react";
 import { <%= namePascalCase %> } from "./<%= nameDashCase %>";
 

package/templates/kos-hook/with-__nameDashCase__.tsx.template

@@ -11,18 +11,24 @@ interface Identifiable {
 }
 <% } %>
 
-type HoC<%= nameProperCase %>Props = <%= nameProperCase %>Props<% if (!singleton) { %> & Identifiable<% } %>;
 // react HOC to provide a <%= nameProperCase %> to a component
-export function with<%= nameProperCase %><T extends HoC<%= nameProperCase %>Props = HoC<%= nameProperCase %>Props>(
+export function with<%= nameProperCase %><T extends <%= nameProperCase %>Props<% if (!singleton) { %> & Identifiable<% } %>>(
   WrappedComponent: React.ComponentType<T>
 ) {
-  return (props: Omit<T, keyof <%= nameProperCase %>Props>) => {
+  const ComponentWith<%= nameProperCase %> = (props: Omit<T, keyof <%= nameProperCase %>Props>) => {
     const { model, status, KosModelLoader } = use<%= nameProperCase %>(<% if (!singleton) { %>props.id<% } %>);
 
     return (
       <KosModelLoader {...status}>
-        <WrappedComponent {...(props as T)} <%= nameCamelCase %>={model} />
+        <WrappedComponent
+          {...(props as any)}
+          <%= nameCamelCase %>={model}
+        />
       </KosModelLoader>
     );
   };
-}
+
+  ComponentWith<%= nameProperCase %>.displayName = `With<%= nameProperCase %>(${WrappedComponent.displayName || WrappedComponent.name || "Component"})`;
+
+  return ComponentWith<%= nameProperCase %>;
+}