Merge pull request #19 from pennions/feat/tree-navigation-component

Feat/tree navigation component

aviancss/base/base.less

@@ -20,7 +20,7 @@ body {
     font-size: 1.6rem;
     text-rendering: optimizeSpeed;
     line-height: 1.5;
-    min-height: 100svh;
+    height: 100svh;
 }
 
 h1,

aviancss/layout/display-utilities.less

@@ -67,7 +67,8 @@
 }
 
 .fit-content {
-    max-width: fit-content;
+    max-width: fit-content !important;
+    max-width: -moz-fit-content !important;
 }
 
 .list-style-none {

aviancss/theme/utilities/cursors.less

@@ -1,24 +1,54 @@
 .cursor-not-allowed:hover {
     cursor: not-allowed !important;
 }
+
+/* If you indicate that it can be clicked, stop text selection*/
+.cursor-pointer {
+    -webkit-user-select: none;
+    /* Safari */
+    -ms-user-select: none;
+    /* IE 10 and IE 11 */
+    user-select: none;
+    /* Standard syntax */
+}
+
 .cursor-pointer:hover {
     cursor: pointer !important;
 }
+
 .cursor-grab:hover {
     cursor: grab !important;
 }
+
 .cursor-grabbing:hover {
     cursor: grabbing !important;
 }
+
 .cursor-zoom-in:hover {
     cursor: zoom-in !important;
 }
+
 .cursor-zoom-out:hover {
     cursor: zoom-out !important;
 }
+
 .cursor-wait:hover {
     cursor: wait !important;
 }
+
 .cursor-help:hover {
     cursor: help !important;
+}
+.cursor-default,
+.cursor-default:hover {
+    cursor: default !important;
+}
+
+.cursor-no-select {
+    -webkit-user-select: none !important;
+    /* Safari */
+    -ms-user-select: none !important;
+    /* IE 10 and IE 11 */
+    user-select: none !important;
+    /* Standard syntax */
 }

aviancss/variables/variables.less

@@ -114,7 +114,7 @@
     --th-font-size: 2.2rem;
     --paragraph-font-size: 1.6rem;
     --label-font-size: 1.6rem;
-    --small-font-size: 1.4rem;
+    --small-font-size: 1.2rem;
 
     --font-weight-normal: 400;
     --font-weight-semibold: 600;

build-ibiss.js

@@ -1,36 +1,49 @@
 /** Simple build pipeline to do all the magic instead of polluting the entire package.json */
-const { version } = require('./package.json');
+const { version, avian_version, flightkit_version, htmx_plugin_version, rocketjs_version } = require('./package.json');
+
 const fs = require('fs');
 const { execSync } = require('child_process');
 
 function build() {
 
+    /** check if the ibiss cdn directory exists */
+    const ibissCdnDir = `documentation/public/cdn/ibiss-v${version}`;
+    if (!fs.existsSync(ibissCdnDir)) {
+        fs.mkdirSync(ibissCdnDir);
+    } else {
+        console.log('Already built!');
+        return;
+    }
+
     fs.rmdir('./dist', { recursive: true }, () => {
         console.log('cleaning done');
-
         const rollupCommands = [
             "npx rollup --config rollup.config.js",
         ];
 
         const rocketJsCommands = [
-            `npx uglifyjs --compress --mangle --output dist/rocketjs-v${version}/rocket.min.js dist/rocketjs-v${version}/rocket.js`,
-            `npx uglifyjs --compress --mangle --output documentation/src/assets/js/rocket.min.js dist/rocketjs-v${version}/rocket.js`
+            `npx uglifyjs --compress --mangle --output dist/rocketjs-v${rocketjs_version}/rocket.min.js dist/rocketjs-v${rocketjs_version}/rocket.js`,
+            `npx uglifyjs --compress --mangle --output documentation/src/assets/js/rocket.min.js dist/rocketjs-v${rocketjs_version}/rocket.js`,
+            `npx uglifyjs --compress --mangle --output ${ibissCdnDir}/rocket.min.js dist/rocketjs-v${rocketjs_version}/rocket.js`,
         ];
 
         const flightkitJsCommands = [
-            `npx uglifyjs --compress --mangle --output dist/flightkit-v${version}/flightkit.min.js dist/flightkit-v${version}/flightkit.js`,
-            `npx uglifyjs --compress --mangle --output documentation/public/js/flightkit.min.js dist/flightkit-v${version}/flightkit.js`
+            `npx uglifyjs --compress --mangle --output dist/flightkit-v${flightkit_version}/flightkit.min.js dist/flightkit-v${flightkit_version}/flightkit.js`,
+            `npx uglifyjs --compress --mangle --output documentation/public/js/flightkit.min.js dist/flightkit-v${flightkit_version}/flightkit.js`,
+            `npx uglifyjs --compress --mangle --output ${ibissCdnDir}/flightkit.min.js dist/flightkit-v${flightkit_version}/flightkit.js`
         ];
 
         const htmxCommands = [
-            `npx uglifyjs --compress --mangle --output dist/htmx-ibiss-ui-v${version}/htmx-ibiss-ui.min.js dist/htmx-ibiss-ui-v${version}/htmx-ibiss-ui.js`
+            `npx uglifyjs --compress --mangle --output dist/htmx-ibiss-ui-v${htmx_plugin_version}/htmx-ibiss-ui.min.js dist/htmx-ibiss-ui-v${htmx_plugin_version}/htmx-ibiss-ui.js`,
+            `npx uglifyjs --compress --mangle --output  ${ibissCdnDir}/htmx-ibiss-ui.min.js dist/htmx-ibiss-ui-v${htmx_plugin_version}/htmx-ibiss-ui.js`
         ];
 
         const avianCssCommands = [
-            `node ./node_modules/less/bin/lessc aviancss/aviancss.less dist/aviancss-v${version}/avian.css`,
-            `npx postcss ./dist/aviancss-v${version}/avian.css > ./dist/aviancss-v${version}/avian.min.css`,
-            `npx postcss ./dist/aviancss-v${version}/avian.css > ./documentation/public/css/avian.min.css`,
-            `npx postcss ./dist/aviancss-v${version}/avian.css > ./flightkit/public/css/avian.min.css`
+            `node ./node_modules/less/bin/lessc aviancss/aviancss.less dist/aviancss-v${avian_version}/avian.css`,
+            `npx postcss dist/aviancss-v${avian_version}/avian.css > dist/aviancss-v${avian_version}/avian.min.css`,
+            `npx postcss dist/aviancss-v${avian_version}/avian.css > documentation/public/css/avian.min.css`,
+            `npx postcss dist/aviancss-v${avian_version}/avian.css > flightkit/public/css/avian.min.css`,
+            `npx postcss dist/aviancss-v${avian_version}/avian.css > ${ibissCdnDir}/avian.min.css`
         ];
 
         const buildDocumentation = 'npm run build --prefix documentation';

buildconfig/configCreator.js

@@ -1,17 +1,36 @@
-import { version } from '../package.json';
+import { version, htmx_plugin_version, rocketjs_version, flightkit_version } from '../package.json';
 import commonjs from '@rollup/plugin-commonjs';
 
 const plugins = [commonjs()];
 
 export const configCreator = function (inputFile, name, packageName) {
     const pkg = packageName ? packageName : name;
 
+    let fileVersion;
+
+    switch (name) {
+        case 'htmx-ibiss-ui': {
+            fileVersion = htmx_plugin_version;
+            break;
+        }
+        case 'rocket': {
+            fileVersion = rocketjs_version;
+            break;
+        }
+        case 'flightkit': {
+            fileVersion = flightkit_version;
+            break;
+        }
+        default:
+            fileVersion = version;
+    }
+
     return [
         {
             input: inputFile,
             output: {
                 name: pkg,
-                file: `dist/${pkg}-v${version}/${name}.js`,
+                file: `dist/${pkg}-v${fileVersion}/${name}.js`,
                 format: 'umd'
             },
             plugins
@@ -20,7 +39,7 @@ export const configCreator = function (inputFile, name, packageName) {
             input: inputFile,
             output: {
                 name: pkg,
-                file: `dist/${pkg}-v${version}/${name}.es.js`,
+                file: `dist/${pkg}-v${fileVersion}/${name}.es.js`,
                 format: 'es'
             },
             plugins

buildconfig/htmxExtensions.js

@@ -1,2 +1,3 @@
 import { configCreator } from './configCreator';
-export const htmxExtensionsConfig = configCreator('htmx-extensions/ibiss-ui/htmx-ibiss-ui.js', 'htmx-ibiss-ui');
+
+export const htmxExtensionsConfig = configCreator('htmx-extensions/ibiss-ui/htmx-ibiss-ui.js', 'htmx-ibiss-ui');

dist/aviancss-v0.0.1/avian.css → dist/aviancss-v0.0.2/avian.css

@@ -84,7 +84,7 @@
   --th-font-size: 2.2rem;
   --paragraph-font-size: 1.6rem;
   --label-font-size: 1.6rem;
-  --small-font-size: 1.4rem;
+  --small-font-size: 1.2rem;
   --font-weight-normal: 400;
   --font-weight-semibold: 600;
   --font-weight-bold: 700;
@@ -112,7 +112,7 @@ body {
   font-size: 1.6rem;
   text-rendering: optimizeSpeed;
   line-height: 1.5;
-  min-height: 100svh;
+  height: 100svh;
 }
 h1,
 h2,
@@ -606,7 +606,8 @@ th {
   }
 }
 .fit-content {
-  max-width: fit-content;
+  max-width: fit-content !important;
+  max-width: -moz-fit-content !important;
 }
 .list-style-none {
   list-style: none !important;
@@ -2254,6 +2255,15 @@ table.striped tbody tr:hover {
 .cursor-not-allowed:hover {
   cursor: not-allowed !important;
 }
+/* If you indicate that it can be clicked, stop text selection*/
+.cursor-pointer {
+  -webkit-user-select: none;
+  /* Safari */
+  -ms-user-select: none;
+  /* IE 10 and IE 11 */
+  user-select: none;
+  /* Standard syntax */
+}
 .cursor-pointer:hover {
   cursor: pointer !important;
 }
@@ -2275,6 +2285,18 @@ table.striped tbody tr:hover {
 .cursor-help:hover {
   cursor: help !important;
 }
+.cursor-default,
+.cursor-default:hover {
+  cursor: default !important;
+}
+.cursor-no-select {
+  -webkit-user-select: none !important;
+  /* Safari */
+  -ms-user-select: none !important;
+  /* IE 10 and IE 11 */
+  user-select: none !important;
+  /* Standard syntax */
+}
 /** borders may not be important, because the are used in other classes */
 .border {
   border: 0.5px solid var(--border-color);