create-dovite 1.0.1 → 1.0.3

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Ajay
+
+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.

package/README.md

@@ -1,15 +1,28 @@
 # create-dovite
 
-A Vite template with Tailwind CSS, shadcn/ui, and DOMO integration.
+Vite template featuring Tailwind(v4), ShadCN, and DOMO integration.
+
+
+> **Note:** This package requires yarn and the DOMO CLI to be installed before use.
+
+## Prerequisites
+
+```bash
+# Install yarn if you don't have it
+npm install -g yarn
+
+# For DOMO CLI installation, refer to:
+[DOMO CLI](https://developer.domo.com/portal/6hlzv1hinkq19-setup-and-installation)
+```
 
 ## Usage
 
 ```bash
+# Using yarn (recommended)
+yarn create-dovite my-app
+
 # Using npm
 npx create-dovite my-app
-
-# Using yarn
-yarn create dovite my-app
 ```
 
 ## Features
@@ -25,5 +38,10 @@ yarn create dovite my-app
 - Node.js 16.x or higher
 - npm or yarn
 
+## Inspirations
+
+- [DOMO Starter Kits](https://developer.domo.com/portal/u8w475o2245yp-starter-kits)
+- [Vitawind](https://vitawind.vercel.app/)
+
 ## License
 MIT

package/index.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
+#!/usr/bin/env node
 const { execSync } = require("child_process");
 const path = require("path");
 const fs = require("fs");
@@ -109,7 +109,7 @@ async function main() {
       build: "vite build",
       lint: "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
       preview: "vite preview",
-      upload: "yarn run build && cd dist && domo publish && cd ..",
+      upload: "yarn run build && cd dist && domo publish && cd ..", //only line need to be added
     };
 
     fs.writeFileSync(
@@ -120,10 +120,10 @@ async function main() {
     // Initialize shadcn
     console.log("Initializing shadcn...");
     try {
-      execSync("npx shadcn@canary init", { stdio: "inherit" });
+      execSync("npx shadcn@latest init", { stdio: "inherit" });
     } catch (error) {
       console.log(
-        'Note: You may need to run "npx shadcn@canary init" manually if initialization failed.'
+        'Note: You may need to run "npx shadcn@latest init" manually if initialization failed.'
       );
     }
 
@@ -132,32 +132,32 @@ async function main() {
     execSync("yarn", { stdio: "inherit" });
 
     // Modify components.json
-    const componentsJsonPath = path.join(process.cwd(), "components.json");
-    if (fs.existsSync(componentsJsonPath)) {
-      console.log("Updating components.json...");
-      try {
-        const componentsJson = JSON.parse(
-          fs.readFileSync(componentsJsonPath, "utf8")
-        );
-
-        // Modify the utils path as specified
-        if (componentsJson.aliases) {
-          componentsJson.aliases.utils = "/src/lib/utils";
-        }
-
-        fs.writeFileSync(
-          componentsJsonPath,
-          JSON.stringify(componentsJson, null, 2)
-        );
-        console.log("Successfully updated components.json");
-      } catch (error) {
-        console.error("Error updating components.json:", error.message);
-      }
-    } else {
-      console.log(
-        "Warning: components.json not found. Make sure shadcn initialization completed successfully."
-      );
-    }
+    // const componentsJsonPath = path.join(process.cwd(), "components.json");
+    // if (fs.existsSync(componentsJsonPath)) {
+    //   console.log("Updating components.json...");
+    //   try {
+    //     const componentsJson = JSON.parse(
+    //       fs.readFileSync(componentsJsonPath, "utf8")
+    //     );
+
+    //     // Modify the utils path as specified
+    //     if (componentsJson.aliases) {
+    //       componentsJson.aliases.utils = "/src/lib/utils";
+    //     }
+
+    //     fs.writeFileSync(
+    //       componentsJsonPath,
+    //       JSON.stringify(componentsJson, null, 2)
+    //     );
+    //     console.log("Successfully updated components.json");
+    //   } catch (error) {
+    //     console.error("Error updating components.json:", error.message);
+    //   }
+    // } else {
+    //   console.log(
+    //     "Warning: components.json not found. Make sure shadcn initialization completed successfully."
+    //   );
+    // }
     execSync("npx shadcn@latest add button", { stdio: "inherit" });
 
     console.log("Initializing git");

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "create-dovite",
-  "version": "1.0.1",
-  "description": "Vite template with Tailwind, shadcn and DOMO integration",
+  "version": "1.0.3",
+  "description": "Vite template featuring Tailwind (v4), ShadCN (Canary), and DOMO integration.",
   "main": "index.js",
   "bin": {
     "create-dovite": "index.js"
@@ -23,6 +23,6 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/Ajay-Balu"
+    "url": "https://github.com/Ajay-Balu/create-dovite"
   }
 }

package/template/src/App.jsx

@@ -17,7 +17,7 @@ function App() {
         <a href="https://react.dev" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
-        <a  href="#" target="_blank">
+        <a  href="https://developer.domo.com/portal/u8w475o2245yp-starter-kits" target="_blank">
           <img src={domoLogo} className='logo domo' alt="DOMO logo" />
         </a>
       </div>

package/template/src/index.css

@@ -1,11 +1,87 @@
 @import "tailwindcss";
-
-@plugin "tailwindcss-animate";
+@import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));
 
 :root {
-  --radius: 0.6rem;
+  font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+
+  color-scheme: light dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  --radius: 0.625rem;
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.145 0 0);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.269 0 0);
+  --muted-foreground: oklch(0.708 0 0);
+  --accent: oklch(0.269 0 0);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.269 0 0);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
 }
 
 @theme inline {
@@ -13,4 +89,44 @@
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
 }
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}