feat: show all app types in the filter

Author: a-pasquale

dist/appverse.css

@@ -110,7 +110,7 @@ export default function FilterSidebar({ filters, onFilterChange, filterOptions =
     },
     filterOptions.appType?.length > 0 && {
       key: 'appType',
-      title: 'Type',
+      title: 'App Type',
       options: filterOptions.appType.map(item => ({
         value: item.name,  // Use name for URL params
         label: item.name.replace(/_/g, ' ')  // "batch_connect" → "batch connect"

dist/appverse.es.js

@@ -9,7 +9,7 @@
  *   const { software, apps, appsBySoftwareId, loading, error } = useAppverseData()
  */
 import { createContext, useState, useEffect, useMemo } from 'react';
-import { fetchAllSoftware, fetchAllApps, groupAppsBySoftware, extractFilterOptionsFromApps, extractFilterOptionsFromSoftware } from '../utils/api';
+import { fetchAllSoftware, fetchAllApps, fetchAllAppTypes, groupAppsBySoftware, extractFilterOptionsFromApps, extractFilterOptionsFromSoftware } from '../utils/api';
 import { slugify } from '../utils/slugify';
 import { useConfig } from './ConfigContext';
 
@@ -115,9 +115,9 @@ export function AppverseDataProvider({ children }) {
         setData(prev => ({ ...prev, softwareLoading: false, error }));
       });
 
-    // Fetch apps — update state as soon as it resolves
-    fetchAllApps(config)
-      .then(({ apps, included: appsIncluded }) => {
+    // Fetch apps and all app types concurrently
+    Promise.all([fetchAllApps(config), fetchAllAppTypes(config)])
+      .then(([{ apps, included: appsIncluded }, allAppTypes]) => {
         const appsFilterOptions = extractFilterOptionsFromApps(appsIncluded);
         const appsBySoftwareId = groupAppsBySoftware(apps);
         setData(prev => ({
@@ -127,7 +127,7 @@ export function AppverseDataProvider({ children }) {
           appsLoading: false,
           filterOptions: {
             ...prev.filterOptions,
-            appType: appsFilterOptions.appType,
+            appType: allAppTypes,
             tags: mergeTags(prev.filterOptions.tags, appsFilterOptions.tags)
           }
         }));

dist/appverse.es.js.map

@@ -2,81 +2,6 @@
 @tailwind components;
 @tailwind utilities;
 
-/* Scoped preflight resets — only apply within #appverse-root to avoid
-   leaking Tailwind's global resets onto the host page (e.g., Drupal navbar). */
-#appverse-root {
-  line-height: 1.5;
-  -webkit-text-size-adjust: 100%;
-  -moz-tab-size: 4;
-  tab-size: 4;
-}
-
-#appverse-root *,
-#appverse-root *::before,
-#appverse-root *::after {
-  box-sizing: border-box;
-  border-width: 0;
-  border-style: solid;
-  border-color: #e5e7eb;
-}
-
-#appverse-root h1,
-#appverse-root h2,
-#appverse-root h3,
-#appverse-root h4,
-#appverse-root h5,
-#appverse-root h6 {
-  font-size: inherit;
-  font-weight: inherit;
-}
-
-#appverse-root a {
-  color: inherit;
-  text-decoration: inherit;
-}
-
-#appverse-root ol,
-#appverse-root ul,
-#appverse-root menu {
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-#appverse-root img,
-#appverse-root svg,
-#appverse-root video,
-#appverse-root canvas,
-#appverse-root audio,
-#appverse-root iframe,
-#appverse-root embed,
-#appverse-root object {
-  display: block;
-  vertical-align: middle;
-}
-
-#appverse-root img,
-#appverse-root video {
-  max-width: 100%;
-  height: auto;
-}
-
-#appverse-root button,
-#appverse-root input,
-#appverse-root optgroup,
-#appverse-root select,
-#appverse-root textarea {
-  font-family: inherit;
-  font-feature-settings: inherit;
-  font-variation-settings: inherit;
-  font-size: 100%;
-  font-weight: inherit;
-  line-height: inherit;
-  color: inherit;
-  margin: 0;
-  padding: 0;
-}
-
 /* AppVerse Browser Styles */
 .appverse-container {
   @apply font-sans text-appverse-black;

dist/appverse.umd.js

@@ -81,6 +81,7 @@ async function fetchAllPages(initialUrl, _logLabel, apiBaseUrl = DEFAULT_API_BAS
 const endpoints = {
   allSoftware: (baseUrl) => `${baseUrl}/node/appverse_software?include=field_appverse_logo.field_media_image_1,field_appverse_logo.field_media_image,field_appverse_topics,field_license,field_tags`,
   allApps: (baseUrl) => `${baseUrl}/node/appverse_app?include=field_appverse_software_implemen,field_add_implementation_tags,field_appverse_app_type`,
+  allAppTypes: (baseUrl) => `${baseUrl}/taxonomy_term/appverse_app_type?sort=name`,
   softwareById: (baseUrl, id) => `${baseUrl}/node/appverse_software/${id}?include=field_appverse_logo.field_media_image_1,field_appverse_logo.field_media_image,field_appverse_topics,field_license,field_tags`,
   appsBySoftwareId: (baseUrl, softwareId) => `${baseUrl}/node/appverse_app?filter[field_appverse_software_implemen.id]=${softwareId}&include=field_appverse_app_type,field_add_implementation_tags,field_appverse_organization,field_license`
 };
@@ -238,6 +239,29 @@ export async function fetchAllApps(config = {}) {
   }
 }
 
+/**
+ * Fetch all app type taxonomy terms directly
+ * Returns all available app types, not just those referenced by existing apps
+ * @param {Object} config - Configuration object
+ * @param {string} config.apiBaseUrl - Base URL for API calls
+ * @returns {Promise<Array>} Array of {id, name} objects
+ */
+export async function fetchAllAppTypes(config = {}) {
+  const apiBaseUrl = config.apiBaseUrl ?? DEFAULT_API_BASE_URL;
+  const url = endpoints.allAppTypes(apiBaseUrl);
+
+  try {
+    const { data } = await fetchAllPages(url, 'ALL_APP_TYPES', apiBaseUrl);
+    return data.map(item => ({
+      id: item.id,
+      name: item.attributes.name
+    }));
+  } catch (error) {
+    console.error('Error fetching app types:', error);
+    return [];
+  }
+}
+
 /**
  * Extract filter options from included taxonomy terms (Apps response)
  * @param {Array} included - Included array from JSON:API response

dist/appverse.umd.js.map

@@ -4,9 +4,6 @@ export default {
     "./index.html",
     "./src/**/*.{js,ts,jsx,tsx}",
   ],
-  corePlugins: {
-    preflight: false,
-  },
   theme: {
     extend: {
       colors: {