@lilaquadrat/cli 0.9.6 → 0.9.7

package/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@lilaquadrat/cli",
-    "version": "0.9.6",
+    "version": "0.9.7",
     "description": "CLI for studio app and studio renderer",
     "license": "MIT",
     "homepage": "https://lilaquadrat.de",
@@ -11,6 +11,7 @@
     },
     "scripts": {
         "build": "tsc",
+        "start": "tsc --watch",
         "prepublish": "tsc",
         "cli": "node lib/src/index.js",
         "release": "standard-version"

package/lib/src/definitions.js

@@ -31,6 +31,15 @@ exports.default = {
                     subfolder: true,
                 },
             },
+            {
+                template: 'single.screen.vue.hbs',
+                extension: 'single.screen.vue',
+                target: 'screens',
+                options: {
+                    noPreName: true,
+                    subfolder: true,
+                },
+            },
             {
                 template: 'routes.ts.hbs',
                 extension: 'routes.ts',

package/lib/src/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":";;AAAA,kBAAe;IACb,GAAG,EAAE;QACH,YAAY,EAAE,MAAM;QACpB,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE;YACP,YAAY;YACZ,SAAS;YACT,UAAU;YACV,SAAS;YACT,cAAc;YACd,OAAO;YACP,YAAY;SACb;QACD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,YAAY;gBACtB,SAAS,EAAE,QAAQ;gBACnB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,qBAAqB;gBAC/B,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,eAAe;gBACzB,SAAS,EAAE,WAAW;gBACtB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,WAAW;gBACrB,SAAS,EAAE,OAAO;gBAClB,MAAM,EAAG,cAAc;gBACvB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,qBAAqB;gBAC/B,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAG,cAAc;gBACvB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,mBAAmB;gBAC7B,SAAS,EAAE,eAAe;gBAC1B,MAAM,EAAG,OAAO;gBAChB,QAAQ,EAAE;oBACR,QAAQ,EAAE,IAAI;iBACf;gBACD,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,6BAA6B;gBACvC,SAAS,EAAE,yBAAyB;gBACpC,MAAM,EAAG,YAAY;gBACrB,QAAQ,EAAE;oBACR,QAAQ,EAAE,IAAI;iBACf;gBACD,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;SACF;KACF;IACD,QAAQ,EAAE;QACR,YAAY,EAAE,UAAU;QACxB,YAAY,EAAE,UAAU;QACxB,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;SACjB;QACD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,kBAAkB;gBAC5B,SAAS,EAAE,aAAa;aACzB;SACF;KACF;IACD,OAAO,EAAE;QACP,YAAY,EAAE,SAAS;QACvB,YAAY,EAAE,SAAS;QACvB,OAAO,EAAE;YACP,SAAS,EAAE,KAAK;SACjB;QACD,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,iBAAiB;gBAC3B,SAAS,EAAE,YAAY;aACxB;SACF;KACF;IACD,OAAO,EAAE;QACP,YAAY,EAAE,cAAc;QAC5B,gBAAgB,EAAE,SAAS;QAC3B,IAAI,EAAE,IAAI;QACV,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,aAAa;gBACvB,SAAS,EAAE,SAAS;gBACpB,MAAM,EAAE,YAAY;gBACpB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;YACD;gBACE,QAAQ,EAAE,gBAAgB;gBAC1B,SAAS,EAAE,YAAY;gBACvB,MAAM,EAAE,YAAY;gBACpB,OAAO,EAAE;oBACP,SAAS,EAAE,IAAI;oBACf,SAAS,EAAE,IAAI;iBAChB;aACF;SACF;KACF;CACF,CAAC"}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lilaquadrat/cli",
-  "version": "0.9.6",
+  "version": "0.9.7",
   "description": "CLI for studio app and studio renderer",
   "license": "MIT",
   "homepage": "https://lilaquadrat.de",
@@ -11,6 +11,7 @@
   },
   "scripts": {
     "build": "tsc",
+    "start": "tsc --watch",
     "prepublish": "tsc",
     "cli": "node lib/src/index.js",
     "release": "standard-version"

package/source/apps/app.ts.hbs

@@ -12,7 +12,7 @@ const app: InstallableApp = {
   publisher: '{{publisher}}',
   translations,
   routes,
-  {{#if hasstore}}store: '{{nameUppercase}}',{{/if}}
+  {{#if hasstore}}store: 'App{{nameUppercase}}',{{/if}}
 };
 
 export default app;

package/source/apps/de.ts.hbs

@@ -1,4 +1,6 @@
 export default {
-  'app-{{name}}': '{{name}}',
+  'app-{{name}}': '{{nameUppercase}}',
   'app-{{name}}-example-key': 'app-{{name}}-example-key',
+  'app-{{name}}-add-title': '{{nameUppercase}} erstellen',
+  'app-{{name}}-title-placeholder': 'Platzhalter',
 };

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

@@ -17,9 +17,11 @@
         </quickmenu-partial>
       </header>
 
-      <quickfilter-partial reload category categoryType="{{name}}" store="App{{name}}" useEmit @update="updateSearch" @reload="reload">
+      <quickfilter-partial reload store="App{{nameUppercase}}" useEmit @update="updateSearch" @reload="reload" />
+      <!-- quickfilter with select static options and category selection -->
+      <!--<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>
+      </quickfilter-partial>-->
 
       <section class="scroll-container">
         <table class="isSticky contentHead">
@@ -51,11 +53,11 @@
                 </router-link>
               </td>
 
-              <td class="">
+              <td>
                 content
               </td>
 
-              <td class="">
+              <td>
                 content
               </td>
 
@@ -63,7 +65,6 @@
           </tbody>
         </table>
       </section>
-
     </div>
 
     <modal-module />
@@ -73,9 +74,7 @@
 <script lang="ts">
 import { ExtComponent, Component, Watch } from '@libs/lila-component';
 import StudioSDK, { SDKResponse } from '@libs/StudioSDK';
-import {
-  {{nameUppercase}}, DataObject,
-} from '@lilaquadrat/studio/lib/interfaces';
+import { DataObject } from '@lilaquadrat/studio/lib/interfaces';
 import cleanObject from '@mixins/cleanObject';
 import hardCopy from '@mixins/hardCopy';
 import MainStoreState from '@store/mainStoreState.interface';
@@ -94,23 +93,23 @@ export default class App{{nameUppercase}}HomeScreen extends ExtComponent {
       classes: 'name',
     },
     {
-      text: 'app-{{name}}-address',
+      text: 'app-{{name}}-title-placeholder',
     },
     {
-      text: 'app-{{name}}-categories',
+      text: 'app-{{name}}-title-placeholder',
     },
   ];
 
-  stateOptions = [
-    {
-      text: 'app-{{name}}-type-company',
-      value: 'company',
-    },
-    {
-      text: 'app-{{name}}-type-persons',
-      value: 'person',
-    },
-  ];
+  //stateOptions = [
+  //  {
+  //    text: 'app-{{name}}-type-company',
+  //    value: 'company',
+  //  },
+  //  {
+  //   text: 'app-{{name}}-type-persons',
+  //    value: 'person',
+  //  },
+  //];
 
   @Watch('$route')
   watchRoute() {
@@ -175,7 +174,7 @@ export default class App{{nameUppercase}}HomeScreen extends ExtComponent {
 
     // 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());
+    this.$store.commit('App{{nameUppercase}}/setSearch', this.getSearch());
 
   }
 
@@ -184,7 +183,7 @@ export default class App{{nameUppercase}}HomeScreen extends ExtComponent {
 
     this.$store.commit('App{{nameUppercase}}/updateSearch', { data: data.data, type: data.type });
 
-    const query = hardCopy(this.$store.state.App{{name}}.search);
+    const query = hardCopy(this.$store.state.App{{nameUppercase}}.search);
 
     cleanObject(query);
 

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

@@ -1 +1,17 @@
-export default interface App{{nameUppercase}}State {}
+import { DataObject, {{nameUppercase}} } from '@lilaquadrat/studio/lib/interfaces';
+
+export default interface App{{nameUppercase}}State {
+
+    data: DataObject<{{nameUppercase}}>
+
+    search: {
+        tags?: string[]
+        search?: string
+        type?: string
+        order?: string
+        sort?: string
+    }
+
+    single: {{nameUppercase}}
+
+}

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

@@ -1,8 +1,8 @@
 import GenericStore from '@interfaces/GenericStore.interface';
 import MainStore, { state } from '@store/main.store';
 import App{{nameUppercase}}MainState from '../interfaces/main-state.interface';
+import { DataObject, {{nameUppercase}} } from '@lilaquadrat/studio/lib/interfaces';
 // import StudioSDK from '@libs/StudioSDK';
-// import { {{nameUppercase}} } from '@lilaquadrat/studio/lib/interfaces';
 
 const App{{nameUppercase}}Store: GenericStore<App{{nameUppercase}}MainState> = {
   namespaced: true,
@@ -19,19 +19,83 @@ const App{{nameUppercase}}Store: GenericStore<App{{nameUppercase}}MainState> = {
   },
 
 
-  state: {},
+  state: {
 
-  mutations: {},
+    data: {},
+
+    search: {
+      tags: [],
+      search: null,
+      type: null,
+      sort: '_id',
+      order: '1',
+    },
+
+    single: null,
+
+  },
+
+  mutations: {
+
+    data(store, data: DataObject<{{nameUppercase}}>) {
+
+      store.data = data;
+
+    },
+
+    single(store, data: {{nameUppercase}}) {
+
+      store.single = data;
+
+    },
+
+
+    updateSearch(app{{nameUppercase}}State, update: { data: any, type: string }) {
+
+      console.log(update, update.data.length, !update.data.length, app{{nameUppercase}}State.search);
+
+      if (!update.data.length) {
+
+        app{{nameUppercase}}State.search[update.type] = null;
+        return;
+
+      }
+
+      console.log(update, app{{nameUppercase}}State.search);
+
+      app{{nameUppercase}}State.search[update.type] = update.data;
+
+    },
+
+    setSearch(app{{nameUppercase}}State, search: { tags?: string[], search?: string, type?: string }) {
+
+      app{{nameUppercase}}State.search = search;
+
+    },
+
+  },
 
   actions: {
-    // sdkExample(store, data: {data: Test, id: string}) {
+    // sdkListExample(store, data: {data: Test, id: string}) {
 
     //   const sdk = new StudioSDK('test-app', AppTestStore.sdkOptions());
 
-    //   return sdk.test.update(data.id, data.data);
+    //   return sdk.test.list(data.id, data.data);
 
     // },
 
+    get(store) {
+
+      return Promise.resolve({data: {}});
+
+    },
+
+    single(store) {
+
+      return Promise.resolve({data: {}});
+
+    },
+
     /**
      * This action will be called, when the app will be activated
      */

package/source/apps/routes.ts.hbs

@@ -12,8 +12,22 @@ export default [
     beforeEnter: ProjectGuard,
     component: loadScreen('home.screen.vue'),
     meta: {
-      animationGroup: 'name',
-      app: 'name',
+      animationGroup: '{{name}}',
+      app: '{{name}}',
+      parent: true,
+      rememberSettings: true,
     },
+    children: [
+      {
+        path: 'add',
+        component: loadScreen('single.screen.vue'),
+        name: 'app-{{name}}-project-add',
+        meta: {
+          sidescreen: true,
+          defaultRoute: 'app-{{name}}-project-add',
+          app: '{{name}}',
+        },
+      },
+    ],
   },
 ];

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

@@ -0,0 +1,69 @@
+<template>
+  <article class="app-{{name}}-single-screen" :class="navigationAnimation">
+    <side-screen-header-partial>{{curly true}}'app-{{name}}-add-title' | translate{{curly}}</side-screen-header-partial>
+    <section class="content-container">
+
+      <data-grid-partial class="content">
+        <section class="data-grid-container">
+            Place Data here
+            {{content}}
+        </section>
+      </data-grid-partial>
+
+
+    </section>
+  </article>
+</template>
+
+<script lang="ts">
+import { ExtComponent, Component } from '@libs/lila-component';
+import StudioSDK, { SDKResponse } from '@libs/StudioSDK';
+import { Publish } from '@lilaquadrat/studio/lib/interfaces';
+import MainStoreState from '@store/mainStoreState.interface';
+import { Dictionary } from 'vue-router/types/router';
+import { Store } from 'vuex';
+
+@Component
+export default class App{{nameUppercase}}SettingsScreen extends ExtComponent {
+
+  componentName = 'app-{{name}}-project-single';
+
+  get content(): Publish {
+
+    return this.$store.state.App{{nameUppercase}}.single;
+
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  preloadDataPre(params: Dictionary<string>, query: Dictionary<string | string[]>, store: Store<MainStoreState>) {
+
+    return store
+      .dispatch('App{{nameUppercase}}/single', {
+        _id: params.id,
+        settings: {
+          project: params.project,
+          company: params.company,
+        },
+      });
+
+  }
+
+  // eslint-disable-next-line class-methods-use-this
+  preloadDataPost(preloadedData: SDKResponse<{{nameUppercase}}>, params: Dictionary<string>, query: Dictionary<string | string[]>, store: Store<MainStoreState>) {
+
+    store.commit('App{{nameUppercase}}/single', preloadedData.data);
+    return Promise.resolve();
+
+  }
+
+
+}
+</script>
+<style lang="less">
+@import (reference) '/source/editor/less/_base/shared.less';
+
+.app-{{name}}-single-screen {
+
+
+}
+</style>