206-research-the-possibility-to-include-assets-in-mdx-documentation-files

.github/workflows/clear_cache.yml

@@ -0,0 +1,35 @@
+name: Clear cache
+
+on:
+  pull_request:
+    types:
+      - opened
+      - reopened
+      - synchronize
+      - closed
+
+permissions:
+  actions: write
+
+jobs:
+  clear-cache:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Clear cache
+        uses: actions/github-script@v6
+        with:
+          script: |
+            console.log("About to clear")
+            const caches = await github.rest.actions.getActionsCacheList({
+              owner: context.repo.owner,
+              repo: context.repo.repo,
+            })
+            for (const cache of caches.data.actions_caches) {
+              console.log(cache)
+              github.rest.actions.deleteActionsCacheById({
+                owner: context.repo.owner,
+                repo: context.repo.repo,
+                cache_id: cache.id,
+              })
+            }
+            console.log("Clear completed")

examples/wrapper-components/vue-javascript/src/components/Search.vue

@@ -13,9 +13,6 @@
     <h3>Using v-model</h3>
     <ifx-search-bar v-model="searchBarQuery" style="width: 100%" show-close-button="true"></ifx-search-bar>
     <p>Search bar 1: {{ searchBar1 }}</p>
-    <h3>One-way data binding</h3>
-    <ifx-search-bar @ifxChange="handleSearch2" style="width: 100%" show-close-button="true"></ifx-search-bar>
-    <p>Search bar 2: {{ searchBar2 }}</p>
 
     <br />
   </div>
@@ -24,7 +21,6 @@
 <script  setup>
 import { computed, ref } from 'vue'
 
-const searchBar2 = ref('');
 const searchBar1 = ref('');
 const searchInput = ref('');
 
@@ -43,11 +39,6 @@ const searchBarQuery = computed({
   }
 });
 
-function handleSearch2(event) {
-  console.log("handling search 2", event)
-  searchBar2.value = event.detail?.detail; //search input emits an event and the search bar, so it needs to be accessed this way
-}
-
 
 function handleSearch1(event) {
   console.log("handling search 1", event)

packages/components/.storybook/main.js

@@ -3,7 +3,7 @@
 import remarkGfm from 'remark-gfm';
 
 module.exports = {
-  "stories": ["../src/**/*.stories.mdx", "../src/**/*.stories.@(js|jsx|ts|tsx)"],
+  "stories": ["../src/**/*.stories.@(js|jsx|ts|tsx)", "../src/**/*.mdx"],
   "addons": [
     "@storybook/addon-links",
     "@storybook/addon-essentials",
@@ -24,6 +24,7 @@ module.exports = {
     options: {}
   },
   docs: {
-    autodocs: true,
+    autodocs: 'tag',
+    defaultName: 'Development',
   }
 };

packages/components/.storybook/preview.js

@@ -1,5 +1,5 @@
 
-import {defineCustomElements} from '../loader';
+import { defineCustomElements } from '../loader';
 
 
 defineCustomElements();
@@ -12,4 +12,24 @@ export const parameters = {
       date: /Date$/,
     },
   },
+  options: {
+    storySort: {
+      order: [
+        // 'About',
+        'Setup & installation',
+        [
+          'Getting started',
+          'Framework integration',
+          [
+            'Wrapper Components',
+            'React + Stencil',
+            'Vue + Stencil'
+          ]
+        ],
+        'Components',
+        'Documentation',
+        // 'Contact'
+      ]
+    }
+  }
 }