@ostack.tech/kform-scaffolder 0.31.0 → 0.31.2

package/kform-scaffolder

@@ -1,3 +1,3 @@
 #!/usr/bin/env bash
 
-npx http-server@latest "$(dirname $(realpath -- "$0"))/webapp" -o "$@"
+npx http-server@latest "$(dirname $(realpath -- "$0"))/webapp/" -o "$@"

package/ostack-kform-scaffolder.js

@@ -1,6 +1,6 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useDroppable, useDraggable, useSensors, useSensor, PointerSensor, KeyboardSensor, DndContext, closestCenter, DragOverlay } from "@dnd-kit/core";
-import * as React from "react";
+import { useRef, createContext, useContext, useCallback, useMemo, useLayoutEffect as useLayoutEffect$1, useState } from "react";
 import { create } from "zustand";
 import { persist } from "zustand/middleware";
 import { fileOpen, fileSave, supported } from "browser-fs-access";
@@ -335,7 +335,7 @@ const PACKAGE_PLACEHOLDER = "package.suffix";
 const NAME_PLACEHOLDER = "ClassName";
 function PackageNameInput() {
   const { useSchematic, setSchematic, parentPackage } = useSchematicBuilderContext();
-  const pkgRef = React.useRef(null);
+  const pkgRef = useRef(null);
   const packageSuffix = useSchematic((schematic) => schematic.packageSuffix);
   const name = useSchematic((schematic) => schematic.name);
   return /* @__PURE__ */ jsxs("div", { className: "builder-package-name", children: [
@@ -1097,9 +1097,9 @@ function scaffold(schematic, scaffolders, options) {
     executable: file.executable
   }));
 }
-const SchematicBuilderContext = React.createContext(null);
+const SchematicBuilderContext = createContext(null);
 function useSchematicBuilderContext() {
-  const context = React.useContext(SchematicBuilderContext);
+  const context = useContext(SchematicBuilderContext);
   if (context === null) {
     throw new Error("Schematic builder not in context.");
   }
@@ -1190,7 +1190,7 @@ function useScaffolder() {
     scaffoldingData,
     getRootSchematic
   } = useSchematicBuilderContext();
-  return React.useCallback(() => {
+  return useCallback(() => {
     const schematic = getRootSchematic();
     let actualScaffolders = typeof scaffolders === "function" ? scaffolders(schematic) : scaffolders;
     const actualScaffoldingData = typeof scaffoldingData === "function" ? scaffoldingData(schematic) : scaffoldingData;
@@ -1269,7 +1269,7 @@ function useConfig(configName, defaultValue) {
   const configValue = useSchematic(
     (schematic) => schematic.config?.[configName] ?? defaultValue
   );
-  const setConfigValue = React.useCallback(
+  const setConfigValue = useCallback(
     (configValue2) => setSchematic((schematic) => ({
       config: {
         ...schematic.config,
@@ -1278,7 +1278,7 @@ function useConfig(configName, defaultValue) {
     })),
     [configName, setSchematic]
   );
-  return React.useMemo(
+  return useMemo(
     () => [configValue, setConfigValue],
     [configValue, setConfigValue]
   );
@@ -1369,7 +1369,7 @@ function scaffoldValidator(schematic, data) {
     formClass: schematic.name
   });
 }
-const useLayoutEffect = typeof document !== "undefined" ? React.useLayoutEffect : () => {
+const useLayoutEffect = typeof document !== "undefined" ? useLayoutEffect$1 : () => {
 };
 function useMeasure(element, setMeasurement) {
   useLayoutEffect(() => {
@@ -1392,10 +1392,8 @@ function useMeasure(element, setMeasurement) {
 function SchematicBuilderConfig({
   children
 }) {
-  const [anchorEl, setAnchorEl] = React.useState(
-    null
-  );
-  const [popoverEl, setPopoverEl] = React.useState(null);
+  const [anchorEl, setAnchorEl] = useState(null);
+  const [popoverEl, setPopoverEl] = useState(null);
   useMeasure(anchorEl, (measurement) => {
     if (popoverEl && measurement) {
       popoverEl.style.setProperty("--anchor-top", `${measurement.top}px`);
@@ -1460,7 +1458,7 @@ function SchematicBuilder({
     /* @__PURE__ */ jsx(UseTableValuesSerializerConfig, {})
   ] })
 }) {
-  const [useSchematic] = React.useState(
+  const [useSchematic] = useState(
     () => create(
       persist(
         () => createSchematic({
@@ -1473,14 +1471,16 @@ function SchematicBuilder({
       )
     )
   );
-  const schematicKindsMap = React.useMemo(
+  const schematicKindsMap = useMemo(
     () => new Map(
       schematicKinds.sort((t1, t2) => t1.kind.localeCompare(t2.kind)).map((t) => [t.kind, t])
     ),
     [schematicKinds]
   );
-  const latestSchematicFileHandleRef = React.useRef(null);
-  const [draggedSchematic, setDraggedSchematic] = React.useState(null);
+  const latestSchematicFileHandleRef = useRef(
+    null
+  );
+  const [draggedSchematic, setDraggedSchematic] = useState(null);
   const sensors = useSensors(
     useSensor(PointerSensor, {
       activationConstraint: { distance: 10, delay: 400, tolerance: 20 }