mensa 0.2.2 → 0.2.3

data/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@entdec/mensa",
   "dependencies": {
-    "postcss-advanced-variables": "^3.0.1",
-    "postcss-comment": "^2.0.0",
+    "postcss-advanced-variables": "^4.0.0",
     "postcss-import": "^16.0.1",
     "postcss-mixins": "^9.0.4",
+    "standard": "^17.1.2",
     "tailwindcss": "^3.4.1"
   }
 }

data/rubocop.yml

@@ -0,0 +1,94 @@
+# https://www.fastruby.io/blog/ruby/code-quality/how-we-use-rubocop-and-standardrb.html
+
+require:
+  - standard
+
+plugins:
+  - rubocop-rails
+
+inherit_gem:
+  standard: config/base.yml
+
+AllCops:
+  NewCops: enable
+  Exclude:
+    - node_modules/**/*
+    - public/**/*
+    - vendor/**/*
+
+Rails:
+  Enabled: true # enable rubocop-rails cops
+
+# https://gorails.com/episodes/organizing-rails-model-files
+Layout/ClassStructure:
+  Enabled: true
+  AutoCorrect: true
+  Categories:
+    module_inclusion:
+      - include
+      - prepend
+      - extend
+    attributes:
+      - attribute
+      - attr_reader
+      - attr_writer
+      - attr_accessor
+      - alias_attribute
+      - delegate
+      - enum
+    associations:
+      - belongs_to
+      - has_one
+      - has_many
+      - has_and_belongs_to_many
+    validations:
+      - validates
+      - validate
+      - validates_with
+    callbacks:
+      - before_validation
+      - before_save
+      - before_create
+      - before_destroy
+      - after_initialize
+      - after_create
+      - after_save
+      - after_destroy
+      - after_commit
+      - after_create_commit
+      - after_update_commit
+      - after_destroy_commit
+      - around_create
+    other_macros:
+      - acts_as_paranoid
+      - audited
+      - devise
+      - has_paper_trail
+      - serialize
+    scopes:
+      - default_scope
+      - scope
+    controller_actions:
+      - before_action
+      - skip_before_action
+    controller_rescue:
+      - rescue_from
+  ExpectedOrder:
+    - module_inclusion
+    - constants
+    - attributes
+    - enums
+    - associations
+    - validations
+    - callbacks
+    - other_macros
+    - scopes
+    - controller_macros
+    - controller_actions
+    - controller_action_caching
+    - controller_rescue
+    - class_methods
+    - initializer
+    - public_methods
+    - protected_methods
+    - private_methods

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mensa
 version: !ruby/object:Gem::Version
-  version: 0.2.2
+  version: 0.2.3
 platform: ruby
 authors:
 - Tom de Grunt
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-11-10 00:00:00.000000000 Z
+date: 2025-11-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: caxlsx_rails
@@ -66,6 +66,20 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '5'
+- !ruby/object:Gem::Dependency
+  name: view_component
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.11'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.11'
 - !ruby/object:Gem::Dependency
   name: slim
   requirement: !ruby/object:Gem::Requirement
@@ -213,6 +227,7 @@ files:
 - app/components/mensa/views/component.css
 - app/components/mensa/views/component.html.slim
 - app/components/mensa/views/component.rb
+- app/components/mensa/views/component_controller.js
 - app/controllers/concerns/.keep
 - app/controllers/mensa/application_controller.rb
 - app/controllers/mensa/tables/filters_controller.rb
@@ -239,15 +254,17 @@ files:
 - app/tables/mensa/config/filter_dsl.rb
 - app/tables/mensa/config/render_dsl.rb
 - app/tables/mensa/config/table_dsl.rb
+- app/tables/mensa/config/view_dsl.rb
 - app/tables/mensa/config_readers.rb
 - app/tables/mensa/filter.rb
 - app/tables/mensa/row.rb
 - app/tables/mensa/scope.rb
+- app/tables/mensa/system_view.rb
 - app/views/mensa/tables/filters/show.turbo_stream.slim
-- app/views/mensa/tables/index.html.slim
 - app/views/mensa/tables/show.html.slim
 - app/views/mensa/tables/show.turbo_stream.slim
 - bin/importmap
+- bin/overmind
 - bin/rails
 - bin/setup
 - config/importmap.rb
@@ -255,6 +272,8 @@ files:
 - config/locales/nl.yml
 - config/routes.rb
 - db/migrate/20240201184752_create_mensa_table_views.rb
+- docs/filters.png
+- docs/table.png
 - lib/generators/mensa/install_generator.rb
 - lib/generators/mensa/tailwind_config_generator.rb
 - lib/generators/mensa/templates/config/initializers/mensa.rb
@@ -264,9 +283,10 @@ files:
 - lib/mensa/version.rb
 - lib/tasks/mensa_tasks.rake
 - mensa.gemspec
+- package-lock.json
 - package.json
+- rubocop.yml
 - vendor/javascript/@rails--request.js.js
-- yarn.lock
 homepage: https://github.com/entdec/mensa
 licenses:
 - MIT

data/app/views/mensa/tables/index.html.slim

@@ -1,93 +0,0 @@
-button data-controller="alert" data-action="alert#alert"
-  | Click me
-
-<ul role="list" class="divide-y divide-gray-100">
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1494790108377-be9c29b29330?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Leslie Alexander</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">leslie.alexander@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Co-Founder / CEO</p>
-      <p class="mt-1 text-xs leading-5 text-gray-500">Last seen <time datetime="2023-01-23T13:23Z">3h ago</time></p>
-    </div>
-  </li>
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1519244703995-f4e0f30006d5?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Michael Foster</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">michael.foster@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Co-Founder / CTO</p>
-      <p class="mt-1 text-xs leading-5 text-gray-500">Last seen <time datetime="2023-01-23T13:23Z">3h ago</time></p>
-    </div>
-  </li>
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Dries Vincent</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">dries.vincent@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Business Relations</p>
-      <div class="mt-1 flex items-center gap-x-1.5">
-        <div class="flex-none rounded-full bg-emerald-500/20 p-1">
-          <div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div>
-        </div>
-        <p class="text-xs leading-5 text-gray-500">Online</p>
-      </div>
-    </div>
-  </li>
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1517841905240-472988babdf9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Lindsay Walton</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">lindsay.walton@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Front-end Developer</p>
-      <p class="mt-1 text-xs leading-5 text-gray-500">Last seen <time datetime="2023-01-23T13:23Z">3h ago</time></p>
-    </div>
-  </li>
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1438761681033-6461ffad8d80?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Courtney Henry</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">courtney.henry@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Designer</p>
-      <p class="mt-1 text-xs leading-5 text-gray-500">Last seen <time datetime="2023-01-23T13:23Z">3h ago</time></p>
-    </div>
-  </li>
-  <li class="flex justify-between gap-x-6 py-5">
-    <div class="flex min-w-0 gap-x-4">
-      <img class="h-12 w-12 flex-none rounded-full bg-gray-50" src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80" alt="">
-      <div class="min-w-0 flex-auto">
-        <p class="text-sm font-semibold leading-6 text-gray-900">Tom Cook</p>
-        <p class="mt-1 truncate text-xs leading-5 text-gray-500">tom.cook@example.com</p>
-      </div>
-    </div>
-    <div class="hidden shrink-0 sm:flex sm:flex-col sm:items-end">
-      <p class="text-sm leading-6 text-gray-900">Director of Product</p>
-      <div class="mt-1 flex items-center gap-x-1.5">
-        <div class="flex-none rounded-full bg-emerald-500/20 p-1">
-          <div class="h-1.5 w-1.5 rounded-full bg-emerald-500"></div>
-        </div>
-        <p class="text-xs leading-5 text-gray-500">Online</p>
-      </div>
-    </div>
-  </li>
-</ul>