Enhance README with development setup instructions and improve clarity; fix import path in index.ts

Author: agjs

README.md

@@ -218,3 +218,99 @@ You can customize `useAJVForm` using the following options:
 ## Usage in Practice
 
 To see `useAJVForm` in action, visit our [Yail Storybook](https://yail.programmer.network/?path=/docs/input-forms--docs). Click on `Show code` to explore practical usage examples of the hook.
+
+
+Sure! Your explanation and example are already clear, but it could be slightly improved for clarity, readability, and providing additional flexibility. Here's an improved version that is concise, polished, and includes a few additional tips.
+
+---
+
+## Development
+
+To continuously improve or extend this library during development, the most efficient approach is to configure a **Vite alias** within your main project. This allows you to reference the library’s source code (`index.ts`) directly, skipping the need to build or publish it repeatedly.
+
+#### Step 1: Setup Conditional Alias in `vite.config.ts`
+
+Update your Vite configuration to conditionally alias the library path when using your local version:
+
+```ts
+import path from "path";
+import { defineConfig } from "vite";
+
+export default defineConfig(() => {
+  // Check if the USE_LOCAL_AJV environment variable is true
+  const useLocalAjv = process.env.USE_LOCAL_AJV === "true";
+
+  return {
+    resolve: {
+      alias: {
+        // Use a local alias only when USE_LOCAL_AJV is enabled
+        ...(useLocalAjv && {
+          "@programmer_network/use-ajv-form": path.resolve(
+            __dirname,
+            "../use-ajv-form/src"
+          ),
+        }),
+      },
+    },
+    // Other Vite configurations go here
+  };
+});
+```
+
+This configuration will:
+- Use the **published library** (from npm) by default.
+- Use the **local library's source code** (`../use-ajv-form/src`) only when `USE_LOCAL_AJV` is set to `true`.
+
+---
+
+#### Step 2: Add a Development Script
+
+Add a new script to your `package.json` to launch the dev server while referencing the local version of the library:
+
+```json
+"scripts": {
+  "dev": "vite",
+  "dev:with-local-ajv": "USE_LOCAL_AJV=true vite"
+}
+```
+
+- Run `npm run dev` (or `pnpm dev`) for the default behavior (using the npm version).
+- Run `npm run dev:with-local-ajv` (or `pnpm dev:with-local-ajv`) to reference the **local source code** of the library.
+
+---
+
+#### Step 3: Development Workflow
+
+- **Directory Setup**: Ensure your library (`../use-ajv-form/`) exists in the same flat-level directory as your main project.
+  ```
+  projects/
+  ├── main-project/
+  └── use-ajv-form/  <-- The library
+  ```
+
+- **To Use the Local Library**: Start your dev server with:
+  ```bash
+  npm run dev:with-local-ajv
+  ```
+
+- **To Switch to Published Library**: Start your dev server normally:
+  ```bash
+  npm run dev
+  ```
+
+---
+
+#### Bonus: Cross-Platform Compatibility (Windows-Friendly)
+To ensure the `USE_LOCAL_AJV=true` works across all platforms (including Windows, where `export` syntax doesn’t work), install `cross-env`:
+
+```bash
+npm install -D cross-env
+```
+
+Then update your `package.json` scripts:
+
+```json
+"scripts": {
+  "dev:with-local-ajv": "cross-env USE_LOCAL_AJV=true vite"
+}
+```

src/index.ts

@@ -11,8 +11,7 @@ import {
   UseFormReturn,
   useFormErrors,
 } from './utils/types';
-import Logger from 'utils/Logger';
-
+import Logger from './utils/Logger';
 const useAJVForm = <T extends Record<string, any>>(
   initial: T,
   schema: JSONSchemaType<T> | SchemaObject,
@@ -27,7 +26,6 @@ const useAJVForm = <T extends Record<string, any>>(
   },
 ): UseFormReturn<T> => {
   const ajvInstance = options?.ajv || ajvInternal;
-
   const initialStateRef = useRef<IState<T>>(getInitial(initial));
 
   const [state, setState] = useState<IState<T>>(getInitial(initial));