chore: convert package names

packages/nft-bitmap-kit/src/Position.ts

@@ -0,0 +1 @@
+export type Position = { x: number; y: number };

packages/nft-bitmap-kit/src/colors.ts

@@ -1,4 +1,4 @@
-import type { Position } from "nft-bitmap-react/lib/components/Position";
+import type { Position } from "./Position.ts";
 
 export type Color = {
   key?: string;

packages/nft-bitmap-kit/src/index.ts

@@ -1,3 +1,4 @@
 export * from "./client.js";
 export * from "./colors.js";
+export * from "./Position.js";
 export * from "./transactions.js";

packages/nft-bitmap-kit/tsconfig.build.json

@@ -1,4 +1,4 @@
 {
   "extends": "./tsconfig.json",
-  "exclude": ["./src/**.algo.ts", "./lib/**/*", "./scripts/**/*", "./src/**.spec.ts"]
+  "exclude": ["./src/**.algo.ts", "./lib/**/*", "./scripts/**/*", "./src/**.spec.ts", "vitest.config.ts"]
 }

packages/nft-bitmap-react/lib/components/Bitmap.tsx

@@ -4,8 +4,8 @@ import type {
     CSSProperties,
     MouseEvent as ReactMouseEvent
 } from "react";
-import {type Color, getRandomBitmap} from "nft-bitmap-kit/colors";
-import {type Position} from "./Position";
+import {type Color, getRandomBitmap} from "@nft-bitmap/kit/colors";
+import {type Position} from "@nft-bitmap/kit";
 import {Cell} from './Cell.tsx'
 import {NoOp} from "../controllers/NoOp.ts";
 

packages/nft-bitmap-react/lib/components/BitmapViewer.tsx

@@ -1,4 +1,4 @@
-import {getRandomBitmap} from "nft-bitmap-kit/colors";
+import {getRandomBitmap} from "@nft-bitmap/kit/colors";
 import {Bitmap, BitmapProps} from "./Bitmap.tsx";
 import {useCellSize} from "../hooks/useCellSize.ts";
 

packages/nft-bitmap-react/lib/components/Cell.tsx

@@ -1,5 +1,5 @@
-import type {Color} from "nft-bitmap-kit/colors";
-import {Position} from "./Position";
+import type {Color} from "@nft-bitmap/kit/colors";
+import {Position} from "@nft-bitmap/kit";
 import {CSSProperties, HTMLAttributes} from "react";
 
 type CellProps = HTMLAttributes<HTMLButtonElement> & {

packages/nft-bitmap-react/lib/components/Details.tsx

@@ -1,5 +1,5 @@
-import type {Color} from "nft-bitmap-kit/colors";
-import {Position} from "./Position";
+import type {Color} from "@nft-bitmap/kit/colors";
+import {Position} from "@nft-bitmap/kit";
 
 export type DetailsProps = {
     color: Color,

packages/nft-bitmap-react/lib/components/Toolbox.tsx

@@ -1,5 +1,5 @@
 import {CSSProperties, PropsWithChildren, useMemo, useState} from "react";
-import {getColorPaletteBitmap, type Color} from "nft-bitmap-kit/colors";
+import {getColorPaletteBitmap, type Color} from "@nft-bitmap/kit/colors";
 import {UploadIconButton, UploadImageControl} from "./controls/Upload.tsx";
 import {SettingsControl, SettingsIconButton} from "./controls/Settings.tsx";
 import {SaveControl, SaveIconButton} from "./controls/Save.tsx";

packages/nft-bitmap-react/lib/components/controls/ControlProps.ts

@@ -1,5 +1,5 @@
 import type {WalletManager} from "@txnlab/use-wallet-react";
-import {Color} from "nft-bitmap-kit/colors";
+import {Color} from "@nft-bitmap/kit/colors";
 
 export type ControlProps = {
     onClose: () => void

packages/nft-bitmap-react/lib/components/controls/Deploy.tsx

@@ -1,7 +1,7 @@
 import {ToolIconButton, IconButtonProps} from "../ToolIconButton.tsx";
-import {Color} from "nft-bitmap-kit/colors";
+import {Color} from "@nft-bitmap/kit/colors";
 import {AtomicTransactionComposer} from "algosdk";
-import {NftBitmapClient} from "nft-bitmap-kit";
+import {NftBitmapClient} from "@nft-bitmap/kit/client";
 import type {TransactionSignerAccount} from "@algorandfoundation/algokit-utils/types/account";
 import {Transaction} from "algosdk";
 import {ControlProps} from "./ControlProps.ts";

packages/nft-bitmap-react/lib/components/controls/Open.tsx

@@ -1,5 +1,5 @@
 import {useGalleryStore} from "@/stores.ts";
-import {Color} from "nft-bitmap-kit/colors";
+import {Color} from "@nft-bitmap/kit/colors";
 import {ToolIconButton, IconButtonProps} from "../ToolIconButton.tsx";
 import {ToolName} from "../Toolbox.tsx";
 import {ControlProps} from "./ControlProps.ts";

packages/nft-bitmap-react/lib/components/controls/Upload.tsx

@@ -1,5 +1,5 @@
 import {useEffect, useState} from "react";
-import {Color, COLORS, getRandomBitmap} from "nft-bitmap-kit/colors";
+import {Color, COLORS, getRandomBitmap} from "@nft-bitmap/kit/colors";
 import {Pixelizer, RgbColor} from '@/controllers/Pixelizer.ts'
 import {useEditorImage} from "@/stores.ts";
 import {ToolIconButton, IconButtonProps} from "../ToolIconButton.tsx";

packages/nft-bitmap-react/lib/components/index.ts

@@ -3,6 +3,5 @@ export * from './Bitmap.tsx'
 export * from './BitmapViewer.tsx'
 export * from './Cell.tsx'
 export * from './Details.tsx'
-export * from './Position.ts'
 export * from './Toolbox.tsx'
 export * from './ToolIconButton.tsx'

packages/nft-bitmap-react/lib/controllers/Pixelizer.ts

@@ -3,7 +3,7 @@
  * @author José Moreira @ <https://github.com/giventofly/pixelit>
  * @author Michael Feher @ <https://github.com/PhearZero>
  **/
-import {Color, getRandomBitmap} from "nft-bitmap-kit/colors";
+import {Color, getRandomBitmap} from "@nft-bitmap/kit/colors";
 
 export const DRAWFROM_NOT_DEFINED_MESSAGE = "drawfrom is not defined";
 export const DRAWTO_NOT_DEFINED_MESSAGE = "drawto is not defined";

packages/nft-bitmap-react/lib/hooks/useLiveImage.ts

@@ -1,6 +1,6 @@
 import {useQuery} from "@tanstack/react-query";
 import {Algodv2, decodeUint64} from "algosdk";
-import {Color, COLORS} from "nft-bitmap-kit/colors";
+import {Color, COLORS} from "@nft-bitmap/kit/colors";
 import {toByteArray} from "base64-js";
 
 type KeyPair = { key: string, value: { bytes: string } }

packages/nft-bitmap-react/lib/hooks/useNFTClient.ts

@@ -1,6 +1,6 @@
 import {useMemo} from "react";
 
-import {NftBitmapClient} from "nft-bitmap-kit";
+import {NftBitmapClient} from "@nft-bitmap/kit/client";
 
 import type {TransactionSignerAccount} from "@algorandfoundation/algokit-utils/types/account";
 import type {WalletManager} from "@txnlab/use-wallet-react";

packages/nft-bitmap-react/lib/stores.ts

@@ -1,7 +1,7 @@
 import {create} from 'zustand'
 import {persist} from 'zustand/middleware'
-import {getRandomBitmap, getSingleColorBitmap, type Color} from "nft-bitmap-kit/colors";
-import type {Position} from "@/components/Position";
+import {getRandomBitmap, getSingleColorBitmap, type Color} from "@nft-bitmap/kit/colors";
+import type {Position} from "@nft-bitmap/kit";
 
 export interface ImageState {
     image: Color[][]

packages/nft-bitmap-react/package.json

@@ -34,10 +34,10 @@
   },
   "peerDependencies": {
     "@algorandfoundation/algokit-utils": "^6.0.5",
+    "@nft-bitmap/kit": "^0.0.1",
     "@tanstack/react-query": "^5.45.1",
     "@txnlab/use-wallet-react": "^3.0.0-rc.2",
     "algosdk": "2.7.0",
-    "nft-bitmap-kit": "^0.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "zustand": "^4.5.2"

packages/nft-bitmap-ui/package.json

@@ -12,13 +12,14 @@
   "dependencies": {
     "@agoralabs-sh/avm-web-provider": "^1.6.2",
     "@blockshake/defly-connect": "^1.1.6",
+    "@nft-bitmap/kit": "^0.0.1",
+    "@nft-bitmap/ui": "^0.0.0",
     "@perawallet/connect": "^1.3.4",
     "@tanstack/react-query": "^5.48.0",
     "@tanstack/react-query-devtools": "^5.48.0",
     "@txnlab/use-wallet-react": "^3.0.0-rc.2",
     "@walletconnect/socket-transport": "github:awesome-algorand/walletconnect-socket-transport",
     "lute-connect": "^1.2.0",
-    "nft-bitmap-react": "^0.0.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.24.0"

packages/nft-bitmap-ui/src/hooks/useColorParam.ts

@@ -1,5 +1,5 @@
 import {useCallback, useMemo} from "react";
-import {Color, COLORS} from "nft-bitmap-kit/colors";
+import {Color, COLORS} from "@nft-bitmap/kit/colors";
 import {useSearchParams} from "react-router-dom";
 
 export function useColorParam(){

packages/nft-bitmap-ui/src/hooks/useToolParam.ts

@@ -1,5 +1,5 @@
 import {useCallback, useMemo} from "react";
-import {ToolName} from "nft-bitmap-react/components";
+import {ToolName} from "@nft-bitmap/react/components";
 import {useSearchParams} from "react-router-dom";
 
 export function useToolParam() {

packages/nft-bitmap-ui/src/layout/Providers.tsx

@@ -1,6 +1,6 @@
 import {NetworkId, SupportedWallet, WalletId, WalletManager, WalletProvider} from "@txnlab/use-wallet-react";
 import {createContext, PropsWithChildren, useContext, useMemo, useState} from "react";
-import type {AlgodSettings} from "nft-bitmap-react/components";
+import type {AlgodSettings} from "@nft-bitmap/react/components";
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
 const queryClient = new QueryClient()
 

packages/nft-bitmap-ui/src/layout/TetrisBackground.tsx

@@ -1,7 +1,7 @@
 import {useMemo} from "react";
-import {COLORS} from "nft-bitmap-kit/colors";
+import {COLORS} from "@nft-bitmap/kit/colors";
 
-import {Cell} from "nft-bitmap-react/components";
+import {Cell} from "@nft-bitmap/react/components";
 import styles from './TetrisBackground.module.css'
 
 /**

packages/nft-bitmap-ui/src/pages/App.tsx

@@ -1,8 +1,9 @@
 import {useEffect, useMemo, useState, MouseEvent as ReactMouseEvent} from "react";
-import {Color, COLORS, fillColor} from "nft-bitmap-kit/colors";
-import {type Position, Toolbox, Details, BitmapViewer} from "nft-bitmap-react/components";
-import {useNFTClient, useLiveImage, useTransactionSelector} from "nft-bitmap-react/hooks"
-import {useEditorImage} from "nft-bitmap-react/stores";
+import {Color, COLORS, fillColor} from "@nft-bitmap/kit/colors";
+import {Position} from "@nft-bitmap/kit";
+import {Toolbox, Details, BitmapViewer} from "@nft-bitmap/react/components";
+import {useNFTClient, useLiveImage, useTransactionSelector} from "@nft-bitmap/react/hooks"
+import {useEditorImage} from "@nft-bitmap/react/stores";
 import {useMove} from "react-aria";
 import {useWallet, WalletManager} from "@txnlab/use-wallet-react";
 import {useNavigate, useParams} from "react-router-dom";