kommandant 0.1.0 → 0.2.1

data/vendor/assets/javascripts/keyboard_navigation.js

@@ -0,0 +1,72 @@
+import { Controller } from "@hotwired/stimulus"
+
+export default class extends Controller {
+  static targets = ["focusable"]
+  static values = { activeOptionIndex: { type: Number, default: 0 } }
+
+  connect() {
+    if (this.activeOption) {
+      this.activateOption()
+    }
+  }
+
+  down(event) {
+    event.preventDefault()
+
+    if (this.activeOptionIndexValue < (this.focusableTargets.length - 1)) {
+      this.deactivateOption()
+      this.activeOptionIndexValue++
+      this.activateOption()
+    }
+  }
+
+  up(event) {
+    event.preventDefault()
+
+    if (this.activeOptionIndexValue > 0) {
+      this.deactivateOption()
+      this.activeOptionIndexValue--
+      this.activateOption()
+    }
+  }
+
+  focus(event) {
+    this.deactivateOption()
+    this.activeOptionIndexValue = this.focusableTargets.indexOf(event.currentTarget)
+    this.activateOption()
+  }
+
+  select(event) {
+    if (this.hasFocusableTarget && this.focusableTargetIsVisible) {
+      event.preventDefault()
+
+      this.activeOption.click()
+    }
+  }
+
+  // Private
+
+  deactivateOption() {
+    this.activeOption.dataset.active = false
+  }
+
+  activateOption() {
+    this.activeOption.dataset.active = true
+  }
+
+  focusableTargetDisconnected() {
+    this.activeOptionIndexValue = 0
+  }
+
+  focusableTargetConnected() {
+    this.activateOption()
+  }
+
+  get activeOption() {
+    return this.focusableTargets[this.activeOptionIndexValue]
+  }
+
+  get focusableTargetIsVisible() {
+    return this.focusableTarget.offsetParent !== null
+  }
+}

data/vendor/assets/javascripts/kommandant.js

@@ -0,0 +1,2 @@
+export { default as CommandPalette } from './command_palette'
+export { default as KeyboardNavigation } from './keyboard_navigation'

data/vendor/assets/javascripts/transition.js

@@ -0,0 +1,57 @@
+// This was taken from https://github.com/mmccall10/el-transition but is included here to avoid the need for a separate package
+
+export async function enter(element, transitionName = null) {
+  element.classList.remove('hidden')
+  await transition('enter', element, transitionName)
+}
+
+export async function leave(element, transitionName = null) {
+  await transition('leave', element, transitionName)
+  element.classList.add('hidden')
+}
+
+export async function toggle(element, transitionName = null) {
+  if (element.classList.contains('hidden')) {
+    await enter(element, transitionName)
+  } else {
+    await leave(element, transitionName)
+  }
+}
+
+async function transition(direction, element, animation) {
+  const dataset = element.dataset
+  const animationClass = animation ? `${animation}-${direction}` : direction
+  let transition = `transition${direction.charAt(0).toUpperCase() + direction.slice(1)}`
+  const genesis = dataset[transition] ? dataset[transition].split(" ") : [animationClass]
+  const start = dataset[`${transition}Start`] ? dataset[`${transition}Start`].split(" ") : [`${animationClass}-start`]
+  const end = dataset[`${transition}End`] ? dataset[`${transition}End`].split(" ") : [`${animationClass}-end`]
+
+  addClasses(element, genesis)
+  addClasses(element, start)
+  await nextFrame()
+  removeClasses(element, start)
+  addClasses(element, end);
+  await afterTransition(element)
+  removeClasses(element, end)
+  removeClasses(element, genesis)
+}
+
+function addClasses(element, classes) {
+  element.classList.add(...classes)
+}
+
+function removeClasses(element, classes) {
+  element.classList.remove(...classes)
+}
+
+function nextFrame() {
+  return new Promise(resolve => {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(resolve)
+    });
+  });
+}
+
+function afterTransition(element) {
+  return Promise.all(element.getAnimations().map(animation => animation.finished));
+}

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: kommandant
 version: !ruby/object:Gem::Version
-  version: 0.1.0
+  version: 0.2.1
 platform: ruby
 authors:
 - Nicolai Bach Woller
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-19 00:00:00.000000000 Z
+date: 2024-02-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rails
@@ -24,6 +24,68 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: 7.0.5
+- !ruby/object:Gem::Dependency
+  name: meilisearch-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.8.1
+- !ruby/object:Gem::Dependency
+  name: turbo-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.4'
+- !ruby/object:Gem::Dependency
+  name: dry-configurable
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '1.0'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 1.0.1
+- !ruby/object:Gem::Dependency
+  name: tailwindcss-rails
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.30
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 2.0.30
 description: A command palette built with Hotwire and Meilisearch
 email:
 - woller@traels.it
@@ -34,19 +96,47 @@ files:
 - MIT-LICENSE
 - README.md
 - Rakefile
+- app/assets/builds/kommandant.css
 - app/assets/config/kommandant_manifest.js
 - app/assets/stylesheets/kommandant/application.css
+- app/assets/stylesheets/kommandant/application.tailwind.css
+- app/controllers/concerns/kommandant/recent_commands.rb
 - app/controllers/kommandant/application_controller.rb
+- app/controllers/kommandant/commands/searches_controller.rb
+- app/controllers/kommandant/commands_controller.rb
+- app/controllers/kommandant/searches_controller.rb
 - app/helpers/kommandant/application_helper.rb
 - app/jobs/kommandant/application_job.rb
 - app/mailers/kommandant/application_mailer.rb
 - app/models/kommandant/application_record.rb
+- app/models/kommandant/command.rb
+- app/models/kommandant/commands/search_result.rb
+- app/views/kommandant/commands/searches/show.html.erb
+- app/views/kommandant/commands/show.html.erb
+- app/views/kommandant/searches/index.html.erb
+- app/views/kommandant/searches/new.html.erb
+- app/views/kommandant/shared/_command_palette.html.erb
+- app/views/kommandant/shared/command_palette/_command.html.erb
+- app/views/kommandant/shared/command_palette/_default_state.html.erb
+- app/views/kommandant/shared/command_palette/_empty_state.html.erb
+- app/views/kommandant/shared/command_palette/_loading_message.html.erb
+- app/views/kommandant/shared/command_palette/_result.html.erb
+- app/views/kommandant/shared/icons/_chevron_right.html.erb
+- app/views/kommandant/shared/icons/_command.erb
+- app/views/kommandant/shared/icons/_search.erb
+- app/views/kommandant/shared/icons/_spinner.erb
 - app/views/layouts/kommandant/application.html.erb
+- config/locales/da.yml
+- config/locales/en.yml
 - config/routes.rb
 - lib/kommandant.rb
 - lib/kommandant/engine.rb
 - lib/kommandant/version.rb
 - lib/tasks/kommandant_tasks.rake
+- vendor/assets/javascripts/command_palette.js
+- vendor/assets/javascripts/keyboard_navigation.js
+- vendor/assets/javascripts/kommandant.js
+- vendor/assets/javascripts/transition.js
 homepage: https://traels.it
 licenses:
 - MIT
@@ -68,7 +158,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.3.7
+rubygems_version: 3.5.6
 signing_key:
 specification_version: 4
 summary: A command palette for Rails