@lilaquadrat/cli 0.9.5 → 0.9.6

package/lib/functions/template.js

@@ -39,6 +39,9 @@ const copy = (source, target) => {
 };
 const render = (variables, folder, file) => {
     const template = handlebars_1.default.compile(fs_1.default.readFileSync(`${__dirname}/../../source/${folder}/${file}`).toString());
+    handlebars_1.default.registerHelper('curly', function (object, open) {
+        return open ? '{{' : '}}';
+    });
     return template({
         ...variables,
         nameUppercase: `${variables.name?.slice(0, 1).toUpperCase()}${variables.name?.slice(1)}`,

package/lib/functions/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../functions/template.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../functions/template.ts"],"names":[],"mappings":"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"}

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lilaquadrat/cli",
-    "version": "0.9.5",
+    "version": "0.9.6",
     "description": "CLI for studio app and studio renderer",
     "license": "MIT",
     "homepage": "https://lilaquadrat.de",
@@ -12,7 +12,8 @@
     "scripts": {
         "build": "tsc",
         "prepublish": "tsc",
-        "cli": "node lib/src/index.js"
+        "cli": "node lib/src/index.js",
+        "release": "standard-version"
     },
     "engines": {
         "node": ">=14",
@@ -25,12 +26,14 @@
         "@types/node": "^18.16.0",
         "@typescript-eslint/eslint-plugin": "^5.59.0",
         "@typescript-eslint/parser": "^5.59.0",
+        "cz-conventional-changelog": "^3.3.0",
         "eslint": "^8.39.0",
         "eslint-config-airbnb-base": "15.0.0",
         "eslint-config-airbnb-typescript": "^17.0.0",
         "eslint-import-resolver-typescript": "^3.5.5",
         "eslint-plugin-import": "^2.27.5",
-        "eslint-plugin-promise": "^6.1.1"
+        "eslint-plugin-promise": "^6.1.1",
+        "standard-version": "^9.5.0"
     },
     "dependencies": {
         "archiver": "^5.3.1",
@@ -54,5 +57,10 @@
         "lila": "lib/src/index.js"
     },
     "exports": "./lib/src/index.js",
-    "types": "lib/src/index.d.ts"
+    "types": "lib/src/index.d.ts",
+    "config": {
+        "commitizen": {
+            "path": "./node_modules/cz-conventional-changelog"
+        }
+    }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lilaquadrat/cli",
-  "version": "0.9.5",
+  "version": "0.9.6",
   "description": "CLI for studio app and studio renderer",
   "license": "MIT",
   "homepage": "https://lilaquadrat.de",
@@ -12,7 +12,8 @@
   "scripts": {
     "build": "tsc",
     "prepublish": "tsc",
-    "cli": "node lib/src/index.js"
+    "cli": "node lib/src/index.js",
+    "release": "standard-version"
   },
   "engines": {
     "node": ">=14",
@@ -25,12 +26,14 @@
     "@types/node": "^18.16.0",
     "@typescript-eslint/eslint-plugin": "^5.59.0",
     "@typescript-eslint/parser": "^5.59.0",
+    "cz-conventional-changelog": "^3.3.0",
     "eslint": "^8.39.0",
     "eslint-config-airbnb-base": "15.0.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
     "eslint-import-resolver-typescript": "^3.5.5",
     "eslint-plugin-import": "^2.27.5",
-    "eslint-plugin-promise": "^6.1.1"
+    "eslint-plugin-promise": "^6.1.1",
+    "standard-version": "^9.5.0"
   },
   "dependencies": {
     "archiver": "^5.3.1",
@@ -54,5 +57,10 @@
     "lila": "lib/src/index.js"
   },
   "exports": "./lib/src/index.js",
-  "types": "lib/src/index.d.ts"
+  "types": "lib/src/index.d.ts",
+  "config": {
+    "commitizen": {
+      "path": "./node_modules/cz-conventional-changelog"
+    }
+  }
 }

package/source/apps/app.ts.hbs

@@ -1,5 +1,5 @@
 import LoadElements from '@mixins/loadElements';
-import InstallableApp from '../interfaces/InstallableApp.interface';
+import InstallableApp from '../../interfaces/InstallableApp.interface';
 import routes from './routes';
 import translations from './translations/translations';
 

package/source/apps/de.ts.hbs

@@ -1,5 +1,4 @@
 export default {
-    'app-{{name}}': '{{name}}',
-    'app-{{name}}-example-key': 'app-{{name}}-example-key',
-  };
-  
+  'app-{{name}}': '{{name}}',
+  'app-{{name}}-example-key': 'app-{{name}}-example-key',
+};

package/source/apps/home.screen.vue.hbs

@@ -1,16 +1,288 @@
 <template>
   <article :class="navigationAnimation" class="app-{{name}}-home-screen">
-    <h1>{{name}} app home</h1>
+    <div class="pagenator full" v-if="content">
+      <header class="main">
+
+        <section class="stats">
+          <h1>{{curly open}} 'app-{{name}}' | translate {{curly}}</h1>
+          <h3 v-if="content.sites">
+            <template v-if="!content.sites.last">{{curly open}} content.count {{curly}}</template>
+            <template v-if="content.sites.last">{{curly open}} content.sites.range[0] {{curly}} - {{curly open}} content.sites.range[1] {{curly}} ({{curly open}} content.count {{curly}})</template>
+            / {{curly open}} content.all {{curly}} {{curly open}} 'total' | translate {{curly}}
+          </h3>
+        </section>
+
+        <quickmenu-partial v-if="$scope(['{{name}}:create'])">
+          <router-link :title="'app-{{name}}-add' | translate" :aria-label="'app-{{name}}-add' | translate" class="main icon" :to="{ name: 'app-{{name}}-project-add' }"><icons-partial type="add" size="large" /></router-link>
+        </quickmenu-partial>
+      </header>
+
+      <quickfilter-partial reload category categoryType="{{name}}" store="App{{name}}" useEmit @update="updateSearch" @reload="reload">
+        <select-partial inline placeholder="app-{{name}}-type" :options="stateOptions" allowEmpty :multiple="false" :value="type" @input="updateSearch({ data: $event, type: 'type' })" />
+      </quickfilter-partial>
+
+      <section class="scroll-container">
+        <table class="isSticky contentHead">
+          <thead-partial :siteCurrent="currentSite" :search="$route.query.search" :sort="sort" :order="order" :content="headContent" />
+        </table>
+
+        <table class="data-switch contentTable" :class="contentAnimation">
+          <tbody>
+            <tr v-for="(single, index) in content.data" :key="`data-overview-${index}`">
+              <td class="id fullHeight action hasDescription" :class="{ hasAttribute: single.app || single.model }">
+                <router-link
+                  :to="{
+                    name: 'app-{{name}}-project-single',
+                    params: {
+                      id: single._id,
+                      company: $store.state.Company.company,
+                      project: $store.state.Project.project,
+                    },
+                  }"
+                >
+                  <div>
+                    <span class="description">
+                      description
+                    </span>
+                    <span class="id">
+                      is
+                    </span>
+                  </div>
+                </router-link>
+              </td>
+
+              <td class="">
+                content
+              </td>
+
+              <td class="">
+                content
+              </td>
+
+            </tr>
+          </tbody>
+        </table>
+      </section>
+
+    </div>
+
+    <modal-module />
+
   </article>
 </template>
 <script lang="ts">
-import { ExtComponent, Component } from '@libs/lila-component';
+import { ExtComponent, Component, Watch } from '@libs/lila-component';
+import StudioSDK, { SDKResponse } from '@libs/StudioSDK';
+import {
+  {{nameUppercase}}, DataObject,
+} from '@lilaquadrat/studio/lib/interfaces';
+import cleanObject from '@mixins/cleanObject';
+import hardCopy from '@mixins/hardCopy';
+import MainStoreState from '@store/mainStoreState.interface';
+import { Dictionary } from 'vue-router/types/router';
+import { Store } from 'vuex';
 
 @Component
 export default class App{{nameUppercase}}HomeScreen extends ExtComponent {
 
-  componentName = 'app-{{name}}-home';
+  componentName = 'app-{{name}}-project-home';
+
+  headContent = [
+    {
+      key: 'name',
+      text: 'name',
+      classes: 'name',
+    },
+    {
+      text: 'app-{{name}}-address',
+    },
+    {
+      text: 'app-{{name}}-categories',
+    },
+  ];
+
+  stateOptions = [
+    {
+      text: 'app-{{name}}-type-company',
+      value: 'company',
+    },
+    {
+      text: 'app-{{name}}-type-persons',
+      value: 'person',
+    },
+  ];
+
+  @Watch('$route')
+  watchRoute() {
+
+    this.setSearch();
+
+  }
+
+  get currentSite() {
+
+    return this.$route.params.site ? +this.$route.params.site : null;
+
+  }
+
+  get type() {
+
+    return this.$store.state.App{{nameUppercase}}.search?.type;
+
+  }
+
+  get sort() {
+
+    return this.$store.state.App{{nameUppercase}}.search?.sort;
+
+  }
+
+  get order() {
+
+    return this.$store.state.App{{nameUppercase}}.search?.order;
+
+  }
+
+  get content(): DataObject<{{nameUppercase}}[]> {
+
+    return this.$store.state.App{{nameUppercase}}.data || undefined;
+
+  }
+
+  mounted() {
+
+    this.setSearch();
+
+  }
+
+
+  getSearch() {
+
+    const query: Record<string, string | string[]> = {};
+
+    query.sort = this.$route.query.sort as string || 'name';
+    query.order = this.$route.query.order as string || '1';
+
+    query.tags = this.$route.query.tags || null;
+    query.type = this.$route.query.type || null;
+    query.search = this.$route.query.search || null;
+
+    return query;
+
+  }
+
+  setSearch() {
+
+    // only update search if the current component is used and no child is active
+    if (this.$route.name !== this.componentName) return;
+    this.$store.commit('App{{name}}/setSearch', this.getSearch());
+
+  }
+
+
+  async updateSearch(data: {data: string, type: 'string'}) {
+
+    this.$store.commit('App{{nameUppercase}}/updateSearch', { data: data.data, type: data.type });
+
+    const query = hardCopy(this.$store.state.App{{name}}.search);
+
+    cleanObject(query);
+
+    this.$router.push({ params: { site: '1' }, query });
+
+  }
+
+  async reload() {
+
+    StudioSDK.flushCache('{{nameUppercase}}', 'list');
+
+    const data = await this.$store
+      .dispatch('App{{nameUppercase}}/get', {
+        query: this.$route.query,
+        settings: {
+          project: this.$route.params.project,
+          company: this.$route.params.company,
+          site: this.$route.params.site,
+        },
+      });
+
+    this.$store.commit('App{{nameUppercase}}/data', data.data);
+
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  preloadDataPre(params: Dictionary<string>, query: Dictionary<string | string[]>, store: Store<MainStoreState>) {
+
+    console.log(params, query);
+    return store
+      .dispatch('App{{nameUppercase}}/get', {
+        query,
+        settings: {
+          project: params.project,
+          company: params.company,
+          site: params.site,
+        },
+      });
+
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  preloadDataPost(preloadedData: SDKResponse<DataObject<{{nameUppercase}}>>, params: Dictionary<string>, query: Dictionary<string | string[]>, store: Store<MainStoreState>) {
+
+    console.log(preloadedData);
+    store.commit('App{{nameUppercase}}/data', preloadedData.data);
+    return Promise.resolve();
+
+  }
 
 }
 </script>
+<style lang="less">
+@import (reference) '/source/editor/less/_base/shared.less';
+
+.app-{{name}}-home-screen {
+
+  table.contentTable, table.contentHead {
+
+    tr {
+      grid-template-columns: 1fr 1fr 100px;
+
+      td {
+
+        &.hasDescription {
+
+          .id {
+            display: grid;
+            color: @textColor;
+            text-transform: uppercase;
+          }
+
+        }
+
+      }
+
+    }
+
+  }
+
+  .sites-filter-container {
+
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    .multi(padding-top, 2);
+    .multi(padding-bottom, 4);
+    .basePadding;
+
+    .sites-container {
+      justify-self: end;
+    }
+
+    .select {
+      display: grid;
+      grid-template-columns: 150px 1fr;
+    }
+  }
+}
+</style>
+
 

package/source/apps/main-state.interface.ts.hbs

@@ -1,3 +1 @@
-import GenericState from '@interfaces/GenericState.interface';
-
-export default interface App{{nameUppercase}}State extends GenericState {}
+export default interface App{{nameUppercase}}State {}

package/source/apps/main.store.ts.hbs

@@ -1,21 +1,43 @@
 import GenericStore from '@interfaces/GenericStore.interface';
+import MainStore, { state } from '@store/main.store';
 import App{{nameUppercase}}MainState from '../interfaces/main-state.interface';
+// import StudioSDK from '@libs/StudioSDK';
+// import { {{nameUppercase}} } from '@lilaquadrat/studio/lib/interfaces';
 
 const App{{nameUppercase}}Store: GenericStore<App{{nameUppercase}}MainState> = {
   namespaced: true,
   strict: true,
 
+  sdkOptions() {
+
+    return {
+      authToken: state.authToken,
+      customEndpoints: MainStore.getters.endpointsSDK,
+      ...MainStore.getters.companyProject,
+    };
+
+  },
+
+
   state: {},
 
   mutations: {},
 
   actions: {
+    // sdkExample(store, data: {data: Test, id: string}) {
+
+    //   const sdk = new StudioSDK('test-app', AppTestStore.sdkOptions());
+
+    //   return sdk.test.update(data.id, data.data);
+
+    // },
+
     /**
      * This action will be called, when the app will be activated
      */
     activate(store, params) {
 
-      return new Promise((resolve) => resolve(true));
+      return Promise.resolve(true);
 
     },
   },

package/source/apps/routes.ts.hbs

@@ -8,7 +8,7 @@ const loadScreen = (screen: string) => () => import(
 export default [
   {
     path: '/:company/:project/a/{{name}}',
-    name: 'app-{{name}}-home',
+    name: 'app-{{name}}-project-home',
     beforeEnter: ProjectGuard,
     component: loadScreen('home.screen.vue'),
     meta: {