slim-select 2.12.0 → 2.13.0

package/README.md

@@ -61,7 +61,8 @@ npm install slim-select
 
 ```javascript
 import SlimSelect from 'slim-select'
-import 'slim-select/styles' // optional import method
+import 'slim-select/styles' // optional css import method
+import 'slim-select/scss' // optional scss import method
 
 new SlimSelect({
   select: '#selectElement',

package/dist/index.d.ts

@@ -1,8 +1,11 @@
 import CssClasses from './classes';
 import Render from './render';
 import Select from './select';
-import Settings, { SettingsPartial } from './settings';
-import Store, { DataArray, DataArrayPartial, Option, OptionOptional } from './store';
+import Settings from './settings';
+import type { SettingsPartial } from './settings';
+import Store from './store';
+import type { DataArray, DataArrayPartial, Option, OptionOptional } from './store';
+export { DataArray, DataArrayPartial, Option, OptionOptional, SettingsPartial };
 export interface Config {
     select: string | Element;
     data?: DataArrayPartial;

package/jest.config.js

@@ -1,14 +1,14 @@
 /** @type {import('ts-jest').JestConfigWithTsJest} */
-module.exports = {
+export default {
   verbose: true,
   preset: 'ts-jest',
   testEnvironment: 'jsdom',
   testMatch: ['**/*.test.ts'],
   roots: ['./src/slim-select'],
-  reporters: process.env.CI ? [['github-actions', {silent: false}], 'summary'] : ['default'],
+  reporters: process.env.CI ? [['github-actions', { silent: false }], 'summary'] : ['default'],
   coverageThreshold: {
     global: {
-      lines: 75,
-    },
-  },
+      lines: 75
+    }
+  }
 }

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "slim-select",
   "description": "Slim advanced select dropdown",
-  "version": "2.12.0",
+  "version": "2.13.0",
+  "type": "module",
   "author": "Brian Voelker <brian@webiswhatido.com> (http://webiswhatido.com)",
   "homepage": "https://slimselectjs.com",
   "license": "MIT",
@@ -35,7 +36,8 @@
     "./*": {
       "types": "./dist/*.d.ts"
     },
-    "./styles": "./dist/slimselect.css"
+    "./styles": "./dist/slimselect.css",
+    "./scss": "./src/slim-select/slimselect.scss"
   },
   "scripts": {
     "dev": "vite --port=1111",
@@ -48,48 +50,49 @@
     "build:library:css": "cd src/slim-select && sass ./slimselect.scss ../../dist/slimselect.css --style=compressed && cd ../../",
     "lint": "prettier --write ./src/**/*",
     "test": "jest",
-    "test:coverage": "jest --coverage"
+    "test:coverage": "jest --coverage",
+    "release": "node release.js"
   },
   "devDependencies": {
-    "@jest/globals": "^30.0.2",
+    "@jest/globals": "^30.1.2",
     "@rollup/plugin-babel": "^6.0.4",
     "@rollup/plugin-commonjs": "^28.0.6",
     "@rollup/plugin-node-resolve": "^16.0.1",
     "@rollup/plugin-replace": "^6.0.2",
     "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^12.1.3",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@rollup/plugin-typescript": "^12.1.4",
+    "@testing-library/jest-dom": "^6.8.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/downloadjs": "^1.4.6",
     "@types/jest": "^30.0.0",
-    "@typescript-eslint/eslint-plugin": "^8.34.1",
-    "@typescript-eslint/parser": "^8.34.1",
-    "@vitejs/plugin-vue": "^5.2.4",
+    "@typescript-eslint/eslint-plugin": "^8.44.1",
+    "@typescript-eslint/parser": "^8.44.1",
+    "@vitejs/plugin-vue": "^6.0.1",
     "clipboard": "^2.0.11",
     "downloadjs": "^1.4.7",
-    "eslint": "^9.29.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-prettier": "^5.5.0",
+    "eslint": "^9.36.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-prettier": "^5.5.4",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^30.0.2",
+    "jest": "^30.1.3",
     "jest-canvas-mock": "^2.5.0",
-    "jest-environment-jsdom": "^30.0.2",
-    "prettier": "^3.5.3",
+    "jest-environment-jsdom": "^30.1.2",
+    "prettier": "^3.6.2",
     "prismjs": "^1.30.0",
     "rimraf": "^6.0.1",
-    "rollup": "^4.44.0",
+    "rollup": "^4.52.2",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-typescript2": "^0.36.0",
     "rollup-plugin-vue": "^6.0.0",
-    "sass": "^1.89.2",
-    "ts-jest": "^29.4.0",
+    "sass": "^1.93.2",
+    "ts-jest": "^29.4.4",
     "tslib": "^2.8.1",
-    "typescript": "^5.8.3",
-    "vite": "^6.3.5",
+    "typescript": "^5.9.2",
+    "vite": "^7.1.7",
     "vite-plugin-dts": "^4.5.4",
-    "vue": "^3.5.17",
+    "vue": "^3.5.22",
     "vue-router": "^4.5.1",
-    "vue-tsc": "^2.2.10",
+    "vue-tsc": "^3.0.8",
     "vuex": "^4.0.2"
   }
-}
+}

package/release.js

@@ -0,0 +1,198 @@
+#!/usr/bin/env node
+
+import { execSync } from 'child_process'
+import { readFileSync, writeFileSync } from 'fs'
+import { fileURLToPath } from 'url'
+import { dirname, join } from 'path'
+import readline from 'readline'
+import process from 'process'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+const rootDir = __dirname
+
+// Colors for console output
+const colors = {
+  reset: '\x1b[0m',
+  bright: '\x1b[1m',
+  red: '\x1b[31m',
+  green: '\x1b[32m',
+  yellow: '\x1b[33m',
+  blue: '\x1b[34m',
+  magenta: '\x1b[35m',
+  cyan: '\x1b[36m'
+}
+
+function log(message, color = 'reset') {
+  console.log(`${colors[color]}${message}${colors.reset}`)
+}
+
+function exec(command, options = {}) {
+  try {
+    log(`Running: ${command}`, 'cyan')
+    execSync(command, {
+      stdio: 'inherit',
+      cwd: rootDir,
+      ...options
+    })
+    return true
+  } catch (error) {
+    log(`Command failed: ${command}`, 'red')
+    log(`Exit code: ${error.status}`, 'red')
+    return false
+  }
+}
+
+function readPackageJson() {
+  const packagePath = join(rootDir, 'package.json')
+  return JSON.parse(readFileSync(packagePath, 'utf8'))
+}
+
+function writePackageJson(packageJson) {
+  const packagePath = join(rootDir, 'package.json')
+  writeFileSync(packagePath, JSON.stringify(packageJson, null, 2) + '\n')
+}
+
+function askQuestion(question) {
+  const rl = readline.createInterface({
+    input: process.stdin,
+    output: process.stdout
+  })
+
+  return new Promise((resolve) => {
+    rl.question(question, (answer) => {
+      rl.close()
+      resolve(answer)
+    })
+  })
+}
+
+function validateVersion(currentVersion, newVersion) {
+  // Check if version format is valid (x.y.z)
+  const versionRegex = /^\d+\.\d+\.\d+$/
+  if (!versionRegex.test(newVersion)) {
+    log('❌ Invalid version format. Please use format: x.y.z (e.g., 1.0.1)', 'red')
+    return null
+  }
+
+  const [major1, minor1, patch1] = currentVersion.split('.').map(Number)
+  const [major2, minor2, patch2] = newVersion.split('.').map(Number)
+
+  // Check if new version is greater than current
+  if (major2 > major1) return 'major'
+  if (major2 === major1 && minor2 > minor1) return 'minor'
+  if (major2 === major1 && minor2 === minor1 && patch2 > patch1) return 'patch'
+
+  log('❌ New version must be greater than current version', 'red')
+  log(`   Current: ${currentVersion}`, 'yellow')
+  log(`   New:     ${newVersion}`, 'yellow')
+  return null
+}
+
+async function main() {
+  log('🚀 Starting release process...', 'bright')
+
+  // Step 1: Run tests
+  log('\n📋 Step 1: Running tests...', 'yellow')
+  if (!exec('npm test')) {
+    log('❌ Tests failed. Aborting release.', 'red')
+    process.exit(1)
+  }
+  log('✅ Tests passed!', 'green')
+
+  // Step 2: Build the project
+  log('\n🔨 Step 2: Building project...', 'yellow')
+
+  // First run type check to catch TypeScript errors
+  log('Running type check...', 'cyan')
+  if (!exec('npx tsc --noEmit')) {
+    log('❌ Type check failed. Aborting release.', 'red')
+    process.exit(1)
+  }
+
+  // Then build
+  if (!exec('npm run build')) {
+    log('❌ Build failed. Aborting release.', 'red')
+    process.exit(1)
+  }
+  log('✅ Build successful!', 'green')
+
+  // Step 3: Confirm documentation update
+  log('\n📚 Step 3: Documentation update confirmation...', 'yellow')
+  log('   Please ensure you have updated the documentation before proceeding.', 'cyan')
+
+  let docConfirmed = false
+  do {
+    const docAnswer = await askQuestion('Have you updated the documentation? (y/n): ')
+    docConfirmed = docAnswer.toLowerCase() === 'y' || docAnswer.toLowerCase() === 'yes'
+
+    if (!docConfirmed) {
+      log('❌ Please update the documentation before continuing with the release.', 'red')
+      log('   You can run: npm run build:docs', 'cyan')
+    }
+  } while (!docConfirmed)
+
+  log('✅ Documentation update confirmed!', 'green')
+
+  // Step 4: Get current version and ask for new version
+  const packageJson = readPackageJson()
+  const currentVersion = packageJson.version
+
+  log(`\n📦 Current version: ${currentVersion}`, 'blue')
+  log('   Format: x.y.z (e.g., 1.0.1, 1.1.0, 2.0.0)', 'cyan')
+
+  let newVersion
+  let versionType
+
+  do {
+    newVersion = await askQuestion(`Enter new version (current: ${currentVersion}): `)
+    versionType = validateVersion(currentVersion, newVersion)
+  } while (!versionType)
+
+  log(`\n🔄 Step 4: Updating version from ${currentVersion} to ${newVersion} (${versionType} release)...`, 'yellow')
+
+  // Update package.json
+  packageJson.version = newVersion
+  writePackageJson(packageJson)
+  log('✅ Package.json updated!', 'green')
+
+  // Update package-lock.json to match the new version
+  log('Updating package-lock.json...', 'cyan')
+  if (!exec('npm install --package-lock-only')) {
+    log('❌ Failed to update package-lock.json. Aborting release.', 'red')
+    process.exit(1)
+  }
+  log('✅ Package-lock.json updated!', 'green')
+
+  // Step 5: NPM login
+  log('\n🔐 Step 5: NPM login...', 'yellow')
+  if (!exec('npm login')) {
+    log('❌ NPM login failed. Aborting release.', 'red')
+    process.exit(1)
+  }
+  log('✅ NPM login successful!', 'green')
+
+  // Step 6: NPM publish
+  log('\n📤 Step 6: Publishing to NPM...', 'yellow')
+  if (!exec('npm publish')) {
+    log('❌ NPM publish failed. Aborting release.', 'red')
+    process.exit(1)
+  }
+  log('✅ Package published to NPM!', 'green')
+
+  log('\n🎉 Release completed successfully!', 'bright')
+  log(`📦 Version ${newVersion} is now published on NPM`, 'green')
+  log(`🔗 Package: https://www.npmjs.com/package/${packageJson.name}`, 'blue')
+}
+
+// Handle errors
+process.on('unhandledRejection', (error) => {
+  log(`❌ Unhandled error: ${error}`, 'red')
+  process.exit(1)
+})
+
+// Run the release script
+main().catch((error) => {
+  log(`❌ Release failed: ${error}`, 'red')
+  process.exit(1)
+})

package/src/slim-select/index.ts

@@ -2,8 +2,12 @@ import CssClasses from './classes'
 import { debounce, hasClassInTree, isEqual } from './helpers'
 import Render from './render'
 import Select from './select'
-import Settings, { SettingsPartial } from './settings'
-import Store, { DataArray, DataArrayPartial, Option, OptionOptional } from './store'
+import Settings from './settings'
+import type { SettingsPartial } from './settings'
+import Store from './store'
+import type { DataArray, DataArrayPartial, Option, OptionOptional } from './store'
+
+export { DataArray, DataArrayPartial, Option, OptionOptional, SettingsPartial }
 
 export interface Config {
   select: string | Element

package/src/slim-select/render.test.ts

@@ -748,7 +748,7 @@ describe('render module', () => {
     test('simply do nothing without breaking when options are empty', () => {
       render.renderOptions([])
 
-      expect(() => render.highlight('up')).not.toThrowError()
+      expect(() => render.highlight('up')).not.toThrow()
     })
 
     test('highlight single option that is not already highlighted', () => {

package/vite.config.mts

@@ -3,13 +3,6 @@ import { defineConfig } from 'vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  css: {
-    preprocessorOptions: {
-      scss: {
-        api: 'modern-compiler' // or "modern"
-      }
-    }
-  },
   build: {
     outDir: 'docs',
     emptyOutDir: true,