chore: Enable use of "standard" footer component in Namekit monorepo landing pages

apps/nameai.io/app/layout.tsx

@@ -7,7 +7,7 @@ import Link from "next/link";
 import type { Metadata } from "next";
 import { Button } from "@namehash/namekit-react";
 import { Toaster } from "sonner";
-import { Footer } from "@namehash/internal";
+import { Footer } from "@namehash/namehashlabs-react";
 
 const inter = Inter({ subsets: ["latin"] });
 

apps/nameai.io/package.json

@@ -13,7 +13,7 @@
     "@headlessui/react": "2.2.0",
     "@heroicons/react": "2.2.0",
     "@namehash/ens-webfont": "workspace:*",
-    "@namehash/internal": "workspace:*",
+    "@namehash/namehashlabs-react": "workspace:*",
     "@namehash/nameai": "workspace:*",
     "@namehash/namekit-react": "workspace:*",
     "classcat": "5.0.5",

apps/nameai.io/tailwind.config.ts

@@ -6,7 +6,7 @@ export default {
     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@namehash/internal/src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@namehash/namehashlabs-react/src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
     extend: {

apps/namegraph.dev/app/layout.tsx

@@ -5,7 +5,7 @@ import { GithubIcon } from "@/components/footer/github-icon";
 import { TldSelect } from "@/components/tld-select";
 import { Providers } from "@/components/providers";
 import { Button } from "@/components/ui/button";
-import { Footer } from "@namehash/internal";
+import { Footer } from "@namehash/namehashlabs-react";
 import "@namehash/namekit-react/styles.css";
 import "@namehash/nameguard-react/styles.css";
 import "ethereum-identity-kit/css";

apps/namegraph.dev/package.json

@@ -12,7 +12,7 @@
     "@adraffy/ens-normalize": "1.11.0",
     "@heroicons/react": "2.2.0",
     "@namehash/ens-utils": "workspace:*",
-    "@namehash/internal": "workspace:*",
+    "@namehash/namehashlabs-react": "workspace:*",
     "@namehash/nameai": "1.1.4",
     "@namehash/namegraph-sdk": "workspace:*",
     "@namehash/nameguard": "0.9.0",

apps/namegraph.dev/tailwind.config.ts

@@ -6,7 +6,7 @@ const config: Config = {
     "./pages/**/*.{js,ts,jsx,tsx,mdx}",
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
-    "./node_modules/@namehash/internal/src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@namehash/namehashlabs-react/src/**/*.{js,jsx,ts,tsx}",
   ],
   safelist: ["rounded-big", "rounded-biggest"],
   theme: {

apps/nameguard.io/package.json

@@ -14,6 +14,7 @@
     "@namehash/internal": "workspace:*",
     "@namehash/nameguard": "workspace:*",
     "@namehash/nameguard-react": "workspace:*",
+    "@namehash/namehashlabs-react": "workspace:*",
     "@namehash/namekit-react": "workspace:*",
     "@vercel/analytics": "1.3.1",
     "@vercel/speed-insights": "1.0.12",

apps/nameguard.io/src/app/layout.tsx

@@ -10,7 +10,7 @@ import React from "react";
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Header } from "@/components/organisms";
-import { Footer } from "@namehash/internal";
+import { Footer } from "@namehash/namehashlabs-react";
 
 const inter = Inter({ variable: "--font-inter", subsets: ["latin"] });
 

apps/nameguard.io/tailwind.config.ts

@@ -7,6 +7,7 @@ const config: Config = {
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/*.{js,ts,jsx,tsx,mdx}",
     "./node_modules/@namehash/nameguard-react/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@namehash/namehashlabs-react/**/*.{js,jsx,ts,tsx}",
     "./node_modules/@namehash/internal/src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {

apps/namehashlabs.org/app/layout.tsx

@@ -20,7 +20,7 @@ import {
   defaultMetaOpengraph,
   defaultMetaTwitter,
 } from "./shared-metadata";
-import { Footer } from "@namehash/internal";
+import { Footer } from "@namehash/namehashlabs-react";
 import Providers from "@/components/3 - organisms/Providers";
 
 const inter = Inter({

apps/namehashlabs.org/package.json

@@ -14,6 +14,7 @@
     "@heroicons/react": "2.2.0",
     "@namehash/ens-webfont": "workspace:*",
     "@namehash/internal": "workspace:*",
+    "@namehash/namehashlabs-react": "workspace:*",
     "@namehash/namekit-react": "workspace:*",
     "@tanstack/react-query": "5.65.1",
     "@vercel/analytics": "1.3.1",

apps/namehashlabs.org/tailwind.config.ts

@@ -6,6 +6,7 @@ const config: Config = {
     "./components/**/*.{js,ts,jsx,tsx,mdx}",
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
     "./node_modules/@namehash/internal/src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@namehash/namehashlabs-react/src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
     extend: {

apps/namekit.io/package.json

@@ -21,6 +21,7 @@
     "react-dom": "18.3.1",
     "react-hot-toast": "2.4.1",
     "@namehash/internal": "workspace:*",
+    "@namehash/namehashlabs-react": "workspace:*",
     "@namehash/namekit-react": "workspace:*",
     "@namehash/ens-webfont": "workspace:*",
     "react-wrap-balancer": "1.1.1"

apps/namekit.io/src/app/layout.tsx

@@ -5,7 +5,7 @@ import "@namehash/ens-webfont";
 
 import { Header } from "@/components/organisms/header";
 import { Inter } from "next/font/google";
-import { Footer } from "@namehash/internal";
+import { Footer } from "@namehash/namehashlabs-react";
 
 const inter = Inter({
   subsets: ["latin"],

apps/namekit.io/tailwind.config.ts

@@ -6,6 +6,7 @@ export default {
     "./src/components/**/*.{js,ts,jsx,tsx,mdx}",
     "./src/app/**/*.{js,ts,jsx,tsx,mdx}",
     "./node_modules/@namehash/internal/src/**/*.{js,jsx,ts,tsx}",
+    "./node_modules/@namehash/namehashlabs-react/src/**/*.{js,jsx,ts,tsx}",
   ],
   theme: {
     extend: {

internal/internal/src/index.ts

@@ -5,5 +5,3 @@ export { validateContactFormData } from "./contact-form/validation";
 export { type ContactFormDataProps } from "./contact-form/types";
 
 export { CalendarButton } from "./calendar-button";
-
-export { Footer } from "./footer";

packages/namehashlabs-react/CHANGELOG.md

@@ -0,0 +1 @@
+# @namehash/namehashlabs-react

packages/namehashlabs-react/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 NameHash
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/namehashlabs-react/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "@namehash/namehashlabs-react",
+  "description": "Larger React UI components for building webpages NameHash-style",
+  "version": "0.0.1",
+  "license": "MIT",
+  "type": "commonjs",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/namehash/namekit.git",
+    "directory": "packages/namhashlabs-react"
+  },
+  "homepage": "https://github.com/namehash/namekit/tree/main/packages/namehashlabs-react",
+  "keywords": [
+    "ENS",
+    "NameKit",
+    "NameHash",
+    "NameHashLabs"
+  ],
+  "scripts": {
+    "build": "tsup",
+    "dev": "tsup --watch"
+  },
+  "sideEffects": false,
+  "main": "./dist/index.mjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "styles": "./dist/index.css",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "default": "./dist/index.mjs"
+    },
+    "./styles.css": {
+      "import": "./dist/index.css",
+      "default": "./dist/index.css"
+    }
+  },
+  "dependencies": {
+    "@namehash/namekit-react": "workspace:*",
+    "classcat": "5.0.5"
+  },
+  "devDependencies": {
+    "@namekit/tsconfig": "workspace:*",
+    "@types/react": "18.3.1",
+    "@types/react-dom": "18.3.1",
+    "autoprefixer": "10.4.20",
+    "next": "14.2.21",
+    "postcss": "8.4.47",
+    "react": "18.3.1",
+    "react-dom": "18.3.1",
+    "tailwindcss": "3.4.13",
+    "tsup": "8.3.5",
+    "typescript": "5.6.2"
+  },
+  "peerDependencies": {
+    "react": "^18",
+    "react-dom": "^18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

packages/namehashlabs-react/postcss.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};

packages/namehashlabs-react/src/index.ts

@@ -0,0 +1,3 @@
+import "./styles.css";
+
+export { Footer } from "./footer";

packages/namehashlabs-react/src/styles.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;

packages/namehashlabs-react/tailwind.config.ts

@@ -0,0 +1,7 @@
+import type { Config } from "tailwindcss";
+
+const config: Config = {
+  content: ["src/**/*.{ts,tsx,js,jsx,mdx}"],
+};
+
+export default config;

packages/namehashlabs-react/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "strict": true,
+    "jsx": "react-jsx",
+    "module": "ES2020",
+    "outDir": "./dist",
+    "rootDir": "./src",
+    "moduleResolution": "bundler",
+    "target": "ES2020",
+    "resolveJsonModule": true,
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "declaration": true,
+    "esModuleInterop": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"]
+}

packages/namehashlabs-react/tsup.config.js

@@ -0,0 +1,11 @@
+import { defineConfig } from 'tsup';
+
+export default defineConfig({
+  entry: {
+    index: 'src/index.ts',
+  },
+  dts: true, 
+  format: ["esm"],
+  clean: true,
+  skipNodeModulesBundle: true,
+});