create-starknet: fix npm package

.changeset/tough-emus-wink.md

@@ -0,0 +1,5 @@
+---
+"create-starknet": patch
+---
+
+Fix npm package

biome.json

@@ -10,6 +10,12 @@
 
       "complexity": {
         "useLiteralKeys": "off"
+      },
+      "a11y": {
+        "useAltText": "off",
+        "noBlankTarget": "off",
+        "useButtonType": "off",
+        "useKeyWithClickEvents": "off"
       }
     }
   },

packages/create-starknet/package.json

@@ -4,9 +4,7 @@
   "description": "Create starknet apps with one command",
   "main": "index.js",
   "scripts": {
-    "build": "rimraf ./dist && tsc",
-    "clean": "rimraf ./dist",
-    "dev": "npx nodemon",
+    "build": "tsup --publicDir",
     "start": "pnpm run build && node dist/index.js",
     "lint": "biome check .",
     "lint:fix": "pnpm lint --apply",
@@ -27,9 +25,7 @@
     "@types/node": "^18.11.18",
     "@types/prompts": "2.0.1",
     "@types/validate-npm-package-name": "^4.0.0",
-    "nodemon": "^2.0.20",
-    "rimraf": "^4.1.2",
-    "ts-node": "^10.9.1",
+    "tsup": "^7.2.0",
     "typescript": "^4.9.5"
   },
   "files": [

packages/create-starknet/templates/next/src/components/starknet-provider.tsx → packages/create-starknet/public/templates/next/src/components/starknet-provider.tsx

@@ -4,9 +4,9 @@ import { ReactNode } from "react";
 import { goerli, mainnet } from "@starknet-react/chains";
 import {
   StarknetConfig,
-  publicProvider,
   argent,
   braavos,
+  publicProvider,
   useInjectedConnectors,
 } from "@starknet-react/core";
 

packages/create-starknet/templates/next/src/components/ui/Button.tsx → packages/create-starknet/public/templates/next/src/components/ui/Button.tsx

@@ -8,10 +8,7 @@ export const Button = ({ children, ...props }: ButtonProps) => {
   return (
     <button
       {...props}
-      className={
-        "px-2 py-1 bg-gray-600 rounded-md text-white disabled:opacity-50 " +
-        props.className
-      }
+      className={`px-2 py-1 bg-gray-600 rounded-md text-white disabled:opacity-50 ${props.className}`}
     >
       {children}
     </button>

packages/create-starknet/templates/vite/src/App.tsx → packages/create-starknet/public/templates/vite/src/App.tsx

@@ -1,6 +1,6 @@
+import React from "react";
 // import { useBlock } from "@starknet-react/core";
 import Header from "./components/Header";
-import React from "react";
 
 function App() {
   return (

packages/create-starknet/templates/vite/src/components/Header.tsx → packages/create-starknet/public/templates/vite/src/components/Header.tsx

@@ -1,5 +1,5 @@
-import React from "react";
 import { useAccount, useDisconnect } from "@starknet-react/core";
+import React from "react";
 import ConnectModal from "./starknet/ConnectModal";
 
 export default function Header() {
@@ -8,7 +8,6 @@ export default function Header() {
 
   return (
     <div className="fixed top-0 left-0 right-0 bg-white border justify-between  flex flex-row px-4 p-2">
-      <div className="w-10"></div>
       {address ? (
         <div className="flex flex-col items-end bg-zinc-100 rounded-md px-6 py-2">
           <p className="font-semibold">{`${address.slice(

packages/create-starknet/templates/vite/src/components/starknet/ConnectModal.tsx → packages/create-starknet/public/templates/vite/src/components/starknet/ConnectModal.tsx

@@ -1,6 +1,6 @@
 "use client";
+import { Connector, useConnect } from "@starknet-react/core";
 import React from "react";
-import { useConnect, Connector } from "@starknet-react/core";
 import { Button } from "../ui/Button";
 import Dialog from "../ui/Dialog";
 

packages/create-starknet/templates/vite/src/components/ui/Button.tsx → packages/create-starknet/public/templates/vite/src/components/ui/Button.tsx

@@ -8,10 +8,7 @@ export const Button = ({ children, ...props }: ButtonProps) => {
   return (
     <button
       {...props}
-      className={
-        "px-3 py-2 bg-blue-500 rounded-md text-white disabled:opacity-50 " +
-        props.className
-      }
+      className={`px-3 py-2 bg-blue-500 rounded-md text-white disabled:opacity-50 ${props.className}`}
     >
       {children}
     </button>

packages/create-starknet/templates/vite/src/main.tsx → packages/create-starknet/public/templates/vite/src/main.tsx

@@ -1,11 +1,11 @@
+import { devnet, goerli, mainnet } from "@starknet-react/chains";
 import {
   StarknetConfig,
   argent,
   braavos,
   publicProvider,
   useInjectedConnectors,
 } from "@starknet-react/core";
-import { devnet, goerli, mainnet } from "@starknet-react/chains";
 import React from "react";
 import ReactDOM from "react-dom/client";
 import App from "./App";

packages/create-starknet/index.ts → packages/create-starknet/src/index.ts

@@ -6,14 +6,10 @@ import chalk from "chalk";
 import { Command, Option } from "commander";
 import prompts from "prompts";
 
-import {
-  Template,
-  installDependencies,
-  installTemplate,
-} from "./helpers/installation";
-import { PackageManager, getPackageManager } from "./helpers/packageManager";
-import { getPackageNameValidation } from "./helpers/validate";
-import createStarknetPackageJson from "./package.json";
+import createStarknetPackageJson from "../package.json";
+import { Template, installDependencies, installTemplate } from "./installation";
+import { PackageManager, getPackageManager } from "./packageManager";
+import { getPackageNameValidation } from "./validate";
 
 const handleSigTerm = () => process.exit(0);
 

packages/create-starknet/helpers/installation.ts → packages/create-starknet/src/installation.ts

@@ -16,7 +16,7 @@ export function installTemplate(
     throw new Error("A template should be selected");
   }
 
-  const templatesFolderPath = path.join(__dirname, "../../templates");
+  const templatesFolderPath = path.join(__dirname, "./templates");
 
   const selectedTemplatePath = path.join(templatesFolderPath, selectedTemplate);
 

packages/create-starknet/tsup.config.ts

@@ -0,0 +1,10 @@
+import { defineConfig } from "tsup";
+
+export default defineConfig({
+  entry: ["src/index.ts"],
+  splitting: false,
+  sourcemap: false,
+  dts: false,
+  clean: true,
+  format: ["cjs"],
+});