hr-design-system-handlebars 1.11.12 → 1.12.0

package/.storybook/main.js

@@ -46,6 +46,15 @@ const config = {
             ...config.resolve.alias,
             scripts: path.resolve(__dirname, '../scripts'),
             handlebars$: path.resolve(__dirname, '../node_modules/handlebars/dist/handlebars.js'),
+            hrHandlebars$: path.resolve(__dirname, '../build/handlebars/handlebars.js'),
+            handlebarPartials$: path.resolve(
+                __dirname,
+                '../build/handlebars/partials/handlebar-partials.js'
+            ),
+            handlebarHelpers$: path.resolve(
+                __dirname,
+                '../build/handlebars/helpers/handlebar-helpers.js'
+            ),
             components: path.resolve(__dirname, '../src/stories/views/components'),
             base: path.resolve(__dirname, '../src/stories/views/base'),
             tailwind$: path.resolve(__dirname, '../src/assets/tailwind.css'),

package/.storybook/manager.js

@@ -1,20 +1,20 @@
-import { addons } from "@storybook/addons";
-import { themes } from "@storybook/theming";
-import hrDesignsystemDark from "./HRDesignsystemDark";
-import hrDesignsystemLight from "./HRDesignsystemLight";
+import { addons } from '@storybook/addons'
+import { themes } from '@storybook/theming'
+import hrDesignsystemDark from './HRDesignsystemDark'
+import hrDesignsystemLight from './HRDesignsystemLight'
 
 addons.setConfig({
-  isFullscreen: false,
-  showNav: true,
-  showPanel: true,
-  panelPosition: "bottom",
-  enableShortcuts: true,
-  isToolshown: true,
-  theme: hrDesignsystemLight,
-  selectedPanel: undefined,
-  initialActive: "sidebar",
-  sidebar: {
-    showRoots: false,
-    collapsedRoots: ["other"],
-  },
-});
+    isFullscreen: false,
+    showNav: true,
+    showPanel: true,
+    panelPosition: 'bottom',
+    enableShortcuts: true,
+    isToolshown: true,
+    theme: hrDesignsystemLight,
+    selectedPanel: undefined,
+    initialActive: 'sidebar',
+    sidebar: {
+        showRoots: true,
+        collapsedRoots: ['other'],
+    },
+})

package/.storybook/preview.js

@@ -166,7 +166,15 @@ export const parameters = {
                     '*',
                 ],
                 'Komponenten',
-                ['Page', 'Header', 'Teaser', 'grid', 'Label'],
+                [
+                    'Buttons',
+                    ['Button', 'Link-Button', 'Komponenten'],
+                    'Page',
+                    'Header',
+                    'Teaser',
+                    'grid',
+                    'Label',
+                ],
                 '*',
             ],
         },

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.12.0 (Thu Apr 20 2023)
+
+#### 🚀 Enhancement
+
+- Feature/dpe 2153 [#609](https://github.com/mumprod/hr-design-system-handlebars/pull/609) ([@szuelch](https://github.com/szuelch))
+
+#### Authors: 1
+
+- [@szuelch](https://github.com/szuelch)
+
+---
+
 # v1.11.12 (Thu Apr 20 2023)
 
 #### 🐛 Bug Fix

package/README.md

@@ -18,13 +18,24 @@ Node.js installiert man am besten mit dem Node Version Manager NVM. Dies ist zwa
 
 ---
 
-Zur Installation des Designsystems bitte zunächst das Projekt in ein beliebiges Verzeichnis auf der Festplatte mit
+Zur Verwaltung der Node Packages des Design Systems verwenden wir statt npm den Paketmanager [yarn](https://classic.yarnpkg.com/en/).
+Dieser verwendet einen anderen Algorithmus zur Auflösung der Abhängigkeiten der einzelnen Node Packages und hat
+sich insbesondere beim Update von Storybook als die verlässlichere Alternative erwiesen. Um yarn nutzen zu können, muss es zunächst mit dem
+Befehl
+
+```
+npm install --global yarn
+```
+
+installiert werden.
+
+Zur Installation des Designsystems bitte anschließend das Projekt in ein beliebiges Verzeichnis auf der Festplatte mit
 
 ```
 git clone https://github.com/mumprod/hr-design-system-handlebars.git
 ```
 
-klonen. Danach in das Installationsverzeichnis wechseln und alle notwendigen
+klonen. Im Anschluss daran in das Installationsverzeichnis wechseln und alle notwendigen
 npm Pakete mit dem Befehl
 
 ```

package/build/handlebars/handlebars.js

@@ -21,7 +21,7 @@ const handlebars = require('handlebars'),
         extname: '.hbs',
         partialsDir: './src/stories/views',
         partialsBaseDir: './src/stories/views',
-        precompile: false,
+        precompile: true,
         writeJson: true,
         locaTags: {
             'hessenschau': locatagsHessenschau,

package/build/scripts/build.js

@@ -6,7 +6,7 @@ const run = (cmd) => execSync(cmd, { stdio: 'inherit', cwd: root })
 
 // Copy hbs files into the dist folder
 run(`npx copyfiles \"./src/index.js\" dist --up=1`)
-run(`npx copyfiles \"./src/stories/views/**/*.hbs\" dist --up=2`)
+//run(`npx copyfiles \"./src/stories/views/**/*.hbs\" dist --up=2`)
 run(`npx copyfiles \"./src/assets/vendor/**/*.{css,js}\" dist  --up=1`)
 run(`npx copyfiles \"./src/stories/views/**/*.{feature,subfeature}.js\" dist/assets/js  --up=3`)
 run(`npx copyfiles \"./src/assets/**/*.{woff,svg}\" dist --up=1`)

package/config.js

@@ -17,6 +17,7 @@ module.exports = {
         dist: {
             components: 'src/stories/views/components',
             handlebarPartials: 'build/handlebars/partials',
+            dist_components: 'dist/views/components',
         },
     },
 }