fix/tailwind templates (#49)

tonik · Dec 5, 2024 · f804a6b · f804a6b
1 parent a357704
commit f804a6b
Show file tree

Hide file tree

Showing 11 changed files with 438 additions and 2 deletions.
diff --git a/.changeset/pre.json b/.changeset/pre.json
@@ -48,6 +48,7 @@
     "warm-gorillas-yawn",
     "warm-peas-behave",
     "wild-crabs-check",
-    "witty-months-give"
+    "witty-months-give",
+    "yellow-jokes-jam"
   ]
 }
diff --git a/.changeset/yellow-jokes-jam.md b/.changeset/yellow-jokes-jam.md
@@ -0,0 +1,5 @@
+---
+'stplr': patch
+---
+
+Add template files
diff --git a/packages/cli/CHANGELOG.md b/packages/cli/CHANGELOG.md
@@ -1,5 +1,11 @@
 # stplr
 
+## 0.1.0-alpha.41
+
+### Patch Changes
+
+- Add template files
+
 ## 0.1.0-alpha.40
 
 ### Patch Changes

diff --git a/packages/cli/package.json b/packages/cli/package.json
@@ -1,6 +1,6 @@
 {
   "name": "stplr",
-  "version": "0.1.0-alpha.40",
+  "version": "0.1.0-alpha.41",
   "main": "./dist/index.mjs",
   "bin": {
     "stplr": "./dist/index.mjs"

diff --git a/packages/cli/templates/homepage/files/globals.css b/packages/cli/templates/homepage/files/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/packages/cli/templates/homepage/files/layout.tsx b/packages/cli/templates/homepage/files/layout.tsx
@@ -0,0 +1,31 @@
+import type { Metadata } from 'next';
+import { Roboto, Playfair_Display } from 'next/font/google';
+import './globals.css';
+
+const roboto = Roboto({
+  subsets: ['latin'],
+  weight: ['400', '700'],
+  variable: '--font-roboto',
+});
+
+const playfair = Playfair_Display({
+  subsets: ['latin'],
+  variable: '--font-playfair',
+});
+
+export const metadata: Metadata = {
+  title: 'Welcome to Stapler',
+  description: 'Experience the future of organization with Stapler',
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en" className={`${roboto.variable} ${playfair.variable}`}>
+      <body className="font-sans">{children}</body>
+    </html>
+  );
+}
diff --git a/packages/cli/templates/homepage/files/page.tsx b/packages/cli/templates/homepage/files/page.tsx
diff --git a/packages/cli/templates/homepage/installConfig.ts b/packages/cli/templates/homepage/installConfig.ts
@@ -0,0 +1,6 @@
+export const homepageFiles = [
+  {
+    path: 'apps/web/app/',
+    files: ['page.tsx', 'layout.tsx', 'globals.css'],
+  },
+];
diff --git a/packages/cli/templates/tailwind/files/postcss.config.cjs b/packages/cli/templates/tailwind/files/postcss.config.cjs
@@ -0,0 +1,6 @@
+module.exports = {
+  plugins: {
+    tailwindcss: {},
+    autoprefixer: {},
+  },
+};
diff --git a/packages/cli/templates/tailwind/files/tailwind.config.ts b/packages/cli/templates/tailwind/files/tailwind.config.ts
@@ -0,0 +1,14 @@
+import type { Config } from 'tailwindcss';
+import { fontFamily } from 'tailwindcss/defaultTheme';
+
+export default {
+  content: ['app/**/*.{ts,tsx}'],
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['var(--font-roboto)', ...fontFamily.sans],
+        mono: ['var(--font-playfair)', ...fontFamily.mono],
+      },
+    },
+  },
+} satisfies Config;
diff --git a/packages/cli/templates/tailwind/installConfig.ts b/packages/cli/templates/tailwind/installConfig.ts
@@ -0,0 +1,6 @@
+export const tailwindFiles = [
+  {
+    path: 'apps/web/',
+    files: ['postcss.config.cjs', 'tailwind.config.ts'],
+  },
+];