CLI Update (#108)

* add getPackageInfo()

* small index update

* removed all cli stuff for clean restart

* init: added config creation

* rename config schema

* feat(cli): rework of init command finished & fix #137

* fix: add darkmode fixes also to other files

* feat(cli): rework of add command finished

Author: stefan-karger

.changeset/selfish-penguins-cover.md

@@ -0,0 +1,5 @@
+---
+"solidui-cli": minor
+---
+
+complete rework of the add command to be more inline with shadcn/ui & others

.changeset/warm-cheetahs-leave.md

@@ -0,0 +1,5 @@
+---
+"solidui-cli": minor
+---
+
+complete rework of the init command to be more inline with shadcn/ui & others

.eslintrc.json

@@ -10,8 +10,16 @@
   "plugins": ["solid", "tailwindcss"],
   "rules": {
     "@typescript-eslint/consistent-type-imports": "error",
-    "tailwindcss/no-custom-classname": "off",
-    "tailwindcss/classnames-order": "error"
+    "@typescript-eslint/no-unused-vars": [
+      "error",
+      {
+        "argsIgnorePattern": "^_",
+        "varsIgnorePattern": "^_",
+        "caughtErrorsIgnorePattern": "^_"
+      }
+    ],
+    "tailwindcss/classnames-order": "error",
+    "tailwindcss/no-custom-classname": "off"
   },
   "settings": {
     "tailwindcss": {

.prettierrc.json

@@ -13,12 +13,7 @@
     "<THIRD_PARTY_MODULES>",
     "",
     "^types$",
-    "^~/config/(.*)$",
-    "^~/lib/(.*)$",
-    "^~/hooks/(.*)$",
-    "^~/components/ui/(.*)$",
-    "^~/components/(.*)$",
-    "^~/registry/(.*)$",
+    "^~/(.*)$",
     "",
     "^[./]"
   ],

apps/docs/public/registry/index.json

@@ -292,6 +292,9 @@
     "dependencies": [
       "@kobalte/core"
     ],
+    "registryDependencies": [
+      "button"
+    ],
     "files": [
       "ui/pagination.tsx"
     ],

apps/docs/public/registry/ui/pagination.json

@@ -3,6 +3,9 @@
   "dependencies": [
     "@kobalte/core"
   ],
+  "registryDependencies": [
+    "button"
+  ],
   "files": [
     {
       "name": "pagination.tsx",

apps/docs/src/__registry__/index.tsx

@@ -226,7 +226,7 @@ export const Index: Record<string, any> = {
   "pagination": {
     name: "pagination",
     type: "ui",
-    registryDependencies: undefined,
+    registryDependencies: ["button"],
     component: lazy(() => import("~/registry/ui/pagination")),
     files: ["registry/ui/pagination.tsx"],
   },

apps/docs/src/registry/registry.ts

@@ -183,6 +183,7 @@ const ui: Registry = [
     name: "pagination",
     type: "ui",
     dependencies: ["@kobalte/core"],
+    registryDependencies: ["button"],
     files: ["ui/pagination.tsx"]
   },
   {

apps/docs/src/routes/docs/installation/manual.mdx

@@ -67,7 +67,7 @@ Here's what my `tailwind.config.js` file looks like:
 ```js
 /**@type {import("tailwindcss").Config} */
 module.exports = {
-  darkMode: ["class", '[data-kb-theme="dark"]'],
+  darkMode: ["variant", [".dark &", '[data-kb-theme="dark"] &']],
   content: ["./src/**/*.{ts,tsx}"],
   theme: {
     container: {

apps/docs/src/routes/docs/installation/solid-start.mdx

@@ -86,7 +86,7 @@ const { fontFamily } = require("tailwindcss/defaultTheme")
 
 /** @type {import('tailwindcss').Config} */
 export default {
-  darkMode: ["class", '[data-kb-theme="dark"]'],
+  darkMode: ["variant", [".dark &", '[data-kb-theme="dark"] &']],
   content: ["./src/**/*.{ts,tsx}"],
   theme: {
     extend: {