@spark-ui/cli-utils 2.0.3 → 2.0.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.0.5](https://github.com/adevinta/spark/compare/@spark-ui/cli-utils@2.0.4...@spark-ui/cli-utils@2.0.5) (2023-02-24)
+
+**Note:** Version bump only for package @spark-ui/cli-utils
+
+## [2.0.4](https://github.com/adevinta/spark/compare/@spark-ui/cli-utils@2.0.3...@spark-ui/cli-utils@2.0.4) (2023-02-24)
+
+**Note:** Version bump only for package @spark-ui/cli-utils
+
 ## [2.0.3](https://github.com/adevinta/spark/compare/@spark-ui/cli-utils@2.0.2...@spark-ui/cli-utils@2.0.3) (2023-02-23)
 
 **Note:** Version bump only for package @spark-ui/cli-utils

package/bin/spark-generate.mjs

@@ -2,9 +2,9 @@
 
 import * as prompt from '@clack/prompts'
 
-import { TemplateGenerator } from './generators/index.mjs'
-import { Logger, System } from './core/index.mjs'
-import { DescriptionValidator, NameValidator } from './validators/index.mjs'
+import { TemplateGenerator } from '../src/generate/generators/index.mjs'
+import { Logger, System } from '../src/core/index.mjs'
+import { DescriptionValidator, NameValidator } from '../src/generate/validators/index.mjs'
 
 const logger = new Logger()
 const system = new System({ logger })

package/bin/spark-setup-theme.mjs

@@ -5,9 +5,11 @@ import { join, extname } from 'node:path'
 import { readFileSync, readdirSync, writeFileSync, unlinkSync } from 'node:fs'
 import { transformSync } from 'esbuild'
 import { createRequire } from 'node:module'
-
-import { Logger, System } from './core/index.mjs'
-import { createCSSTokensFile, createTailwindThemeConfigFile } from '../utils/setupTheme/index.js'
+import { Logger, System } from '../src/core/index.mjs'
+import {
+  createCSSTokensFile,
+  createTailwindThemeConfigFile,
+} from '../src/setup-theme/utils/index.js'
 
 const logger = new Logger()
 const system = new System({ logger })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spark-ui/cli-utils",
-  "version": "2.0.3",
+  "version": "2.0.5",
   "description": "Spark CLI utils",
   "publishConfig": {
     "access": "public"
@@ -13,7 +13,7 @@
   "type": "module",
   "dependencies": {
     "@clack/prompts": "0.2.2",
-    "@spark-ui/theme-utils": "^2.3.0",
+    "@spark-ui/theme-utils": "^2.3.1",
     "camel-case": "4.1.2",
     "chalk": "5.2.0",
     "commander": "10.0.0",
@@ -29,5 +29,5 @@
     "url": "git@github.com:adevinta/spark.git",
     "directory": "packages/utils/cli"
   },
-  "gitHead": "920c415878ef0f07ac3409a4c24d5ee2b49423a4"
+  "gitHead": "ef9e9e64bcaf2c2527725d995c9329c5672ac82b"
 }

package/{bin → src}/core/Logger.mjs

@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import chalk from 'chalk'
 
 export class Logger {

package/{bin → src}/core/System.mjs

@@ -40,6 +40,6 @@ export class System {
     return fse
       .outputFile(path, content)
       .then(() => this.logger.info(`Created ${path}`))
-      .catch(error => this.exit(`Failed creating ${path}`))
+      .catch(() => this.exit(`Failed creating ${path}`))
   }
 }

package/{bin → src/generate}/generators/TemplateGenerator.mjs

@@ -1,10 +1,11 @@
 import { join } from 'node:path'
 import { fileURLToPath } from 'node:url'
+
+import { camelCase } from 'camel-case'
 import glob from 'glob'
 import { pascalCase } from 'pascal-case'
-import { camelCase } from 'camel-case'
 
-import { System } from '../core/index.mjs'
+import { System } from '../../core/index.mjs'
 import { Generator } from './Generator.mjs'
 
 export class TemplateGenerator extends Generator {
@@ -16,7 +17,7 @@ export class TemplateGenerator extends Generator {
 
   static CONTEXTS = {
     [TemplateGenerator.TYPES.COMPONENT]: 'components',
-    [TemplateGenerator.TYPES.HOOK]: 'components',
+    [TemplateGenerator.TYPES.HOOK]: 'hooks',
     [TemplateGenerator.TYPES.UTIL]: 'utils',
   }
 
@@ -33,7 +34,7 @@ export class TemplateGenerator extends Generator {
   }
 
   getTemplatePaths({ type }) {
-    const pattern = fileURLToPath(new URL(`../../templates/${type}/**/*.js`, import.meta.url))
+    const pattern = fileURLToPath(new URL(`../templates/${type}/**/*.js`, import.meta.url))
 
     return new Promise((resolve, reject) => {
       glob(pattern, async (error, paths) => {

package/{bin → src/generate}/validators/DescriptionValidator.mjs

@@ -1,10 +1,6 @@
 import { Validator } from './Validator.mjs'
 
 export class DescriptionValidator extends Validator {
-  constructor() {
-    super()
-  }
-
   validate(description) {
     if (!description) {
       return 'You package must have a description'

package/{bin → src/generate}/validators/NameValidator.mjs

@@ -1,4 +1,4 @@
-import { System } from '../core/index.mjs'
+import { System } from '../../core/index.mjs'
 import { Validator } from './Validator.mjs'
 
 export class NameValidator extends Validator {

package/src/index.stories.mdx

@@ -1,5 +1,6 @@
 import { Meta } from '@storybook/blocks'
 import { StoryHeading } from '@docs/helpers/StoryHeading'
+import { Alert } from '@docs/helpers/Alert'
 
 <Meta title="utils/CLI" />
 
@@ -8,13 +9,13 @@ import { StoryHeading } from '@docs/helpers/StoryHeading'
 This package provides some CLI commands to improve the development experience when building the Spark design system. Right now there are some different commands available:
 
 - A command for generating new components: `$ spark generate`.
-- A command for doing the initial setup for a new theme: `$ spark setup-theme`.
+- A command for doing the initial setup for one or more themes: `$ spark setup-themes`.
 
 ## Contents
 
 - [Installation](#installation)
 - [Generating a new package](#generating-a-new-package)
-- [Setting up a theme](#setting-up-a-theme)
+- [Setting up your themes](#setting-up-your-themes)
 
 <StoryHeading label="Installation" as="h2" />
 
@@ -44,7 +45,12 @@ Then, a command prompt will guide you through the process by asking you for:
 - the template used (required, only `Component` template available right now)
 - and the package description (optional).
 
-<StoryHeading label="Setting up a theme" as="h2" />
+<StoryHeading label="Setting up your themes" as="h2" />
+
+<Alert kind="info">
+  [Step-by-step guide to integrating Spark into your current
+  project](?path=/docs/getting-started--docs#getting-started)
+</Alert>
 
 ```bash
 $ spark setup-theme

package/{utils/setupTheme → src/setup-theme/utils}/createCSSTokenfile.js

@@ -3,7 +3,7 @@ import { join } from 'node:path'
 
 import hexRgb from 'hex-rgb'
 
-import { isHex, isStringOrNumber, toKebabCase } from './utils.js'
+import { isHex, isStringOrNumber, toKebabCase } from '../../utils.js'
 
 function flattenTheme(theme, className) {
   const flattenedTheme = {}

package/{utils/setupTheme → src/setup-theme/utils}/createTailwindThemeConfigFile.js

@@ -3,7 +3,7 @@ import { join } from 'node:path'
 
 import { defaultTheme } from '@spark-ui/theme-utils'
 
-import { isHex, isStringOrNumber, toKebabCase, toKebabCaseKeys } from './utils.js'
+import { isHex, isStringOrNumber, toKebabCase, toKebabCaseKeys } from '../../utils.js'
 
 function toTailwindConfig(theme) {
   const themeCpy = JSON.parse(JSON.stringify(theme))