@gxp-dev/tools 2.0.79 → 2.0.81

package/bin/lib/commands/init.js

@@ -129,6 +129,11 @@ function copyBundleFiles(projectPath, paths, overwrite = false) {
 			dest: "vite.extend.js",
 			desc: "vite.extend.js (customize the Vite runtime config)",
 		},
+		{
+			src: "vitest.config.js",
+			dest: "vitest.config.js",
+			desc: "vitest.config.js (Vitest config for `npm test`)",
+		},
 		{
 			src: "eslint.config.js",
 			dest: "eslint.config.js",

package/bin/lib/constants.js

@@ -22,6 +22,7 @@ const REQUIRED_DEV_DEPENDENCIES = {
 	prettier: "^3.8.3",
 	vitest: "^4.1.5",
 	"@vue/test-utils": "^2.4.6",
+	"happy-dom": "^15.11.0",
 }
 
 // Default scripts for package.json
@@ -30,7 +31,7 @@ const DEFAULT_SCRIPTS = {
 	"dev-app": "gxdev dev",
 	"dev-http": "gxdev dev --no-https",
 	build: "gxdev build",
-	test: "vitest run",
+	test: "vitest run --passWithNoTests",
 	"test:watch": "vitest",
 	lint: "gxdev lint --all",
 	"lint:js": "eslint .",

package/bin/lib/utils/ai-scaffold.js

@@ -20,7 +20,7 @@ const SCAFFOLD_SYSTEM_PROMPT = `You are an expert GxP plugin developer assistant
 GxP plugins are Vue 3 Single File Components (SFCs) that run on kiosk displays. They use:
 - Vue 3 Composition API with <script setup>
 - Pinia for state management via the GxP Store
-- GxP Component Kit (@gramercytech/gx-componentkit) for UI components
+- GxP Component Kit (@gxp-dev/uikit) for UI components
 - gxp-string and gxp-src directives for dynamic content
 
 ## Key Components Available

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@gxp-dev/tools",
-	"version": "2.0.79",
+	"version": "2.0.81",
 	"description": "Dev tools to create platform plugins",
 	"type": "commonjs",
 	"publishConfig": {
@@ -57,7 +57,6 @@
 	"dependencies": {
 		"@faker-js/faker": "^9.9.0",
 		"@fal-works/esbuild-plugin-global-externals": "^2.1.2",
-		"@gramercytech/gx-componentkit": "^1.0.23",
 		"@vitejs/plugin-vue": "^6.0.6",
 		"adm-zip": "^0.5.17",
 		"ajv": "^8.18.0",

package/runtime/vite.config.js

@@ -481,6 +481,7 @@ export default defineConfig(async (ctx) => {
 				],
 				name: libName,
 				fileName: (format) => `plugin.${format}.js`,
+				cssFileName: "style.css",
 				formats: ["es"],
 			},
 			rollupOptions: {

package/template/AGENTS.md

@@ -426,20 +426,6 @@ Strings, assets, dependencies, colors → `additionalTabs`. Quiz/survey question
 
 Finish with `gxdev lint --all`. The linter validates both roots against the same card/field schema, so malformed questions fail in the same way malformed admin fields do.
 
-## Component Kit
-
-Import UI components from `@gramercytech/gx-componentkit`:
-
-```javascript
-import {
-	GxButton,
-	GxCard,
-	GxInput,
-	GxModal,
-	GxSpinner,
-} from "@gramercytech/gx-componentkit"
-```
-
 Available: GxButton, GxCard, GxInput, GxModal, GxSpinner, GxAlert, GxBadge, GxAvatar, GxProgress, GxTabs, GxAccordion
 
 ## Configuration Files

package/template/GEMINI.md

@@ -266,8 +266,7 @@ Tools: `config_list_card_types`, `config_list_field_types`, `config_get_field_sc
 
 ## Component Kit
 
-Use `@gramercytech/gx-componentkit` for UI:
-GxButton, GxCard, GxInput, GxModal, GxSpinner, GxAlert, GxBadge, GxProgress, GxTabs
+Use `@gxp-dev/uikit` for UI
 
 ## API Specs
 

package/template/README.md

@@ -1,6 +1,6 @@
 # GxP Plugin Project
 
-This project was scaffolded by `@gxp-dev/tools` and includes the `@gramercytech/gx-componentkit` component library for rapid kiosk/plugin development.
+This project was scaffolded by `@gxp-dev/tools` and includes the `@gxp-dev/uikit` component library for rapid kiosk/plugin development.
 
 ## Quick Start
 
@@ -252,11 +252,7 @@ Full reference: [docs.gxp.dev/gx-devtools/app-manifest](https://docs.gxp.dev/gx-
 
 ## GX ComponentKit
 
-This project includes `@gramercytech/gx-componentkit`:
-
-- **Pages** — `GxPageStart`, `GxPageInstructions`, `GxPageCamera`, `GxPageResults`, `GxPageShare`, `GxPageFinal`, `GxPageLoading`
-- **UI** — `GxModal`, `GxCountdown`, `GxVideoPlayer`, `GxThemeWrapper`
-- **Composables** — `useMedia`, `useAnimations`, `useScanning`, `useErrors`
+This project includes `@gxp-dev/uikit`
 
 Theme CSS variables are auto-injected:
 

package/template/vitest.config.js

@@ -0,0 +1,25 @@
+import { defineConfig } from "vitest/config"
+import vue from "@vitejs/plugin-vue"
+import path from "path"
+import { fileURLToPath } from "url"
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
+
+export default defineConfig({
+	plugins: [vue()],
+	resolve: {
+		alias: {
+			"@": path.resolve(__dirname, "src"),
+			"@layouts": path.resolve(__dirname, "theme-layouts"),
+		},
+	},
+	test: {
+		globals: true,
+		environment: "happy-dom",
+		include: [
+			"tests/**/*.{test,spec}.{js,mjs,ts}",
+			"src/**/*.{test,spec}.{js,mjs,ts}",
+		],
+		passWithNoTests: true,
+	},
+})