Hiddentile

.devcontainer/devcontainer.json

@@ -3,7 +3,7 @@
 {
 	"name": "Dashy",
 	// Or use a Dockerfile or Docker Compose file. More info: https://containers.dev/guide/dockerfile
-	"image": "mcr.microsoft.com/devcontainers/javascript-node:1-24-bookworm",
+	"image": "mcr.microsoft.com/devcontainers/javascript-node:latest",
 	"customizations": {
 		"vscode": {
 			"extensions": [

src/components/LinkItems/Collapsable.vue

@@ -104,6 +104,7 @@ export default {
     checkboxState(newState) {
       this.isExpanded = newState;
       this.updateLocalStorage(); // Save every change immediately
+      this.$emit('collapse-change', this.checkboxState);
     },
     uniqueKey(newVal, oldVal) {
       if (newVal !== oldVal) {

src/components/LinkItems/Section.vue

@@ -1,5 +1,6 @@
 <template>
   <Collapsable
+    v-if="shouldRenderSection"
     :title="title"
     :icon="icon"
     :uniqueKey="groupId"
@@ -11,6 +12,7 @@
     :cutToHeight="displayData.cutToHeight"
     @openEditSection="openEditSection"
     @openContextMenu="openContextMenu"
+    @collapse-change="onCollapseChange"
     :id="sectionRef"
     :ref="sectionRef"
   >
@@ -130,6 +132,7 @@ export default {
     index: Number,
     isWide: Boolean,
     activeColCount: Number,
+    searchTerm: String,
   },
   components: {
     Collapsable,
@@ -150,6 +153,9 @@ export default {
       },
       sectionWidth: 0,
       resizeObserver: null,
+      isCollapsed: false,
+      autoOpenedBySearch: false,
+      showHiddenMode: false,
     };
   },
   computed: {
@@ -216,6 +222,51 @@ export default {
       if (!cols) return cols;
       return Math.min(this.activeColCount, cols);
     },
+    shouldRenderSection() {
+      const hidden = this.displayData?.hiddenOnPurpose === true;
+
+      // Always show in Edit Mode so the user can unhide it
+      if (this.isEditMode) return true;
+
+      // If not hidden, render as usual
+      if (!hidden || this.showHiddenMode) return true;
+
+      // If hidden, only show when search is active AND this section has hits
+      const searchActive = (this.searchTerm || '').trim().length > 0;
+      const hasHits = Array.isArray(this.items) && this.items.length > 0;
+      return searchActive && hasHits;
+    },
+  },
+  watch: {
+    searchTerm: {
+      handler(newSeachTerm) {
+        // find if special code search is used
+        const showHidden = newSeachTerm.trim().toLowerCase() === '<hidden>';
+        this.showHiddenMode = showHidden;
+
+        // check if search is active
+        let searchIsActive = false;
+        if (newSeachTerm && newSeachTerm.trim().length > 0) {
+          searchIsActive = true;
+        }
+
+        // check if search is hit
+        const hasHits = this.items.length > 0;
+
+        // action if search is active and search hits and it was collapsed
+        if (searchIsActive && hasHits && this.isCollapsed) {
+          this.expandCollapseSection();
+          this.autoOpenedBySearch = true;
+        }
+
+        // action if that search is not a hit anymore
+        if (this.autoOpenedBySearch && (!searchIsActive || !hasHits)) {
+          this.expandCollapseSection();
+          this.autoOpenedBySearch = false;
+        }
+      },
+      immediate: true,
+    },
   },
   methods: {
     /* Opens the iframe modal */
@@ -262,6 +313,10 @@ export default {
       if (secElem) secElem.toggle();
       this.closeContextMenu();
     },
+    /* Toggle sections collapse state tracking */
+    onCollapseChange(childExpanded) {
+      this.isCollapsed = !childExpanded;
+    },
     /* Open the Section Edit Menu */
     openEditSection() {
       this.editMenuOpen = true;
@@ -312,6 +367,9 @@ export default {
       this.resizeObserver = new ResizeObserver(this.calculateSectionWidth)
         .observe(this.$refs[this.sectionRef].$el);
     }
+    if (this.displayData.collapsed) {
+      this.isCollapsed = this.displayData.collapsed;
+    }
   },
   beforeDestroy() {
     // If resize observer set, and element still present, then de-register

src/utils/ConfigSchema.json

@@ -951,6 +951,12 @@
                 "type": "boolean",
                 "default": false,
                 "description": "If set to true, section will be visible in the default view but not in the Workspace view sidebar"
+              },
+              "hiddenOnPurpose": {
+                "title": "Hidden On Purpose",
+                "type": "boolean",
+                "default": false,
+                "description": "If true, this section is intentionally hidden"
               }
             }
           },

src/views/Home.vue

@@ -36,7 +36,8 @@
           @itemClicked="finishedSearching()"
           @change-modal-visibility="updateModalVisibility"
           :isWide="!!singleSectionView || layoutOrientation === 'horizontal'"
-          :class="(searchValue && section.filteredItems.length === 0) ? 'no-results' : ''"
+          :class="(searchValue &&
+          !isCodeSearch && section.filteredItems.length === 0) ? 'no-results' : ''"
           :activeColCount="activeColCount"
         />
       </template>
@@ -89,6 +90,11 @@ export default {
     activeColCount: 1,
   }),
   computed: {
+    isCodeSearch() {
+      const term = (this.searchTerm || this.searchValue || '').trim();
+      // true if it starts with "<" and ends with ">", with at least one char inside
+      return /^<[^>]+>$/.test(term);
+    },
     singleSectionView() {
       return this.findSingleSection(this.$store.getters.sections, this.$route.params.section);
     },
@@ -103,9 +109,15 @@ export default {
     /* Return sections with filtered items, that match users search term */
     filteredSections() {
       const sections = this.singleSectionView || this.sections;
+      const codeMode = this.isCodeSearch;
+
       return sections.map((_section) => {
         const section = _section;
-        section.filteredItems = this.filterTiles(section.items, this.searchValue);
+        if (codeMode) {
+          section.filteredItems = section.items;
+        } else {
+          section.filteredItems = this.filterTiles(section.items, this.searchValue);
+        }
         return section;
       });
     },

user-data/conf.yml

@@ -44,3 +44,14 @@ sections:
     description: Get help with Dashy, raise a bug, or get in contact
     url: https://github.com/Lissy93/dashy/blob/master/.github/SUPPORT.md
     icon: far fa-hands-helping
+- name: Stuff
+  icon: fas fa-rocket
+  displayData:
+    hiddenOnPurpose: true 
+  items:
+  - title: hiddentile
+    description: This is a hidden tile
+    icon: https://i.ibb.co/qWWpD0v/astro-dab-128.png
+    url: https://live.dashy.to/
+    target: newtab
+