1000xdev

v0.2.0

Published

23 days ago

Complete utility for 1000xdev projects.

0High
0Medium
0Low

brute_coder

1000xdev banner console nextjs branding

1000xdev

Colorful console banner for 1000xdev projects.

Install

npm install 1000xdev

Use as a library

import { consoleBanner } from "1000xdev";

const PROJECT_NAME = "My Project";

consoleBanner({
  projectName: PROJECT_NAME
});

Use as a React component

import { ThousandX } from "1000xdev/react";

export default function App() {
  return (
    <>
      <ThousandX projectName="My Project" />
      {/* app */}
    </>
  );
}

To re-log on route changes in React Router, pass a trigger:

import { ThousandX } from "1000xdev/react";
import { useLocation } from "react-router-dom";

export default function App() {
  const location = useLocation();
  return <ThousandX projectName="My Project" trigger={location.pathname} />;
}

Use as a CLI

npx 1000xdev --project "My Project"

Next.js example

// next.config.mjs
import { consoleBanner } from "1000xdev";

const PROJECT_NAME = "My Project";

consoleBanner({ projectName: PROJECT_NAME });

const nextConfig = {};
export default nextConfig;

Next.js component (prints on every page)

// app/layout.tsx
import { ThousandX } from "1000xdev/next";

export default function RootLayout({ children }) {
  return (
    <html lang="en">
      <body>
        <ThousandX projectName="My Project" />
        {children}
      </body>
    </html>
  );
}

Options

projectName: Name displayed in the banner. Defaults to PROJECT_NAME, NEXT_PUBLIC_PROJECT_NAME, or the package name.
baseUrl: Defaults to https://www.1000xdev.com.
projectUrlParam: Defaults to p.
tagLine: Defaults to AI-native product studio.
silent: If true, prints nothing.
once: If true, prints only once per runtime (default). Set false to print every time you call it.

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme

1000xdev

Install

Use as a library

Use as a React component

Use as a CLI

Next.js example

Next.js component (prints on every page)

Options