search

KlausSchaefers / quant-ux-cli

Turn your prototypes into VUE code
https://v2.quant-ux.com/#/
Other
43 stars 13 forks source link

Onesait Platform Questions #3

Closed plad88 closed 3 years ago

plad88 commented 4 years ago

Hi KlausSchaefers,

I’m a member of onesait Platform’s team (an OpenSource Platform from Minsait company in Spain). You can get more information here https://onesaitplatform.atlassian.net/wiki/spaces/OP/overview?mode=global and in our github https://github.com/onesaitplatform. We’re very interested in the fantastic ecosystem that you have developed.

It's amazing the way that you can build complex apps (like Adobe XD or sketch) and even generate the vue app for that in order to deploy a real app.

If you don't mind, we'd like to ask you some technical questions. They're even for other repositories that you have:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

    found in

    ---> <QContainer>... (1 recursive calls)
         <QUX>
              <Example 2> at src/views/Example2.vue
                   <App> at src/App.vue
                         <Root>

It's posible that, in the future, we would integrate your fantastic product in order to design and generate cool web apps.

Thank you in advance,

Regards,

Pedro

KlausSchaefers commented 4 years ago

Hi Pedro,

thanks for the nice feedback. I am very happy that you are trying out the low code functionality!

Is there a way to export the design (like a JSON file or similar) an import it into another platform? for example between two different instances of quant-ux.

Yes there is an API to get the JSON document. There is also a (deprecated) endpoint to upload JSON. So, one could share design between different instances. To use the API one needs valid auth tokens.

I have been also working on a kind of zip based ex-and import API for the purpose you mention, but nether finished it. The code is still not online, but I could add it to QUX-JAVA if needed.It's still missing some hours of coding though.

The JSON format is custom but rather simple to understand.

If we use the Quant-UX -CLI (vue generate mode), we found that only the div and the class are built in the output app so the component is not rendered. Which steps must be followed for generate the components that you already have in the design system quant-ux?

I stopped the developments of the code generation, because I believe that low code is a far better alternative to it.

If we use the qux-low-code (QUX component), Which steps would be followed in this case? Because we found error like:

Can you try to clone this project:

https://github.com/KlausSchaefers/vue-low-code-example

run npm install and then npm run serve. Please do not forget to change the key in the home.vue file. If the error still occurs, please let me know.

We found very helpful your youtube channel, but do you have some document or manual of the application?

There is a help dialog in the canvas. This contains some basic information. Except of that, there is only the youtube channel and the old blog:

https://v1.quant-ux.com/#/blog.html

What kind of information are you looking for?

It's posible that, in the future, we would integrate your fantastic product in order to design and generate cool web apps.

Yes off course. Quant-UX is OpenSource. If you want an integration on API level, I can explain the most important ones to you.

Thanks for your interest!

Klaus

On Fri, Jun 19, 2020 at 6:49 PM Pedro Luis Antona Díaz < notifications@github.com> wrote:

Hi KlausSchaefers,

I’m a member of onesait Platform’s team (an OpenSource Platform from Minsait company in Spain). You can get more information here https://onesaitplatform.atlassian.net/wiki/spaces/OP/overview?mode=global and in our github https://github.com/onesaitplatform. We’re very interested in the fantastic ecosystem that you have developed.

It's amazing the way that you can build complex apps (like Adobe XD or sketch) and even generate the vue app for that in order to deploy a real app.

If you don't mind, we'd like to ask you some technical questions. They're even for other repositories that you have:

-

Is there a way to export the design (like a JSON file or similar) an import it into another platform? for example between two different instances of quant-ux.

We would like to generate apps with complex components, for example, with the star-rating component or any other that you have in quant-ux but when we try to generate the app code, we found some problems:

  • If we use the Quant-UX -CLI (vue generate mode), we found that only the div and the class are built in the output app so the component is not rendered. Which steps must be followed for generate the components that you already have in the design system quant-ux?
    • With HTML mode always fails.
    • If we use the qux-low-code (QUX component), Which steps would be followed in this case? Because we found error like:

vue.runtime.esm.js?2b0e:619 [Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

found in

---> <QContainer>... (1 recursive calls)

     <QUX>

          <Example 2> at src/views/Example2.vue

               <App> at src/App.vue

                     <Root>
  • We found very helpful your youtube channel, but do you have some document or manual of the application?

It's posible that, in the future, we would integrate your fantastic product in order to design and generate cool web apps.

Thank you in advance,

Regards,

Pedro

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/KlausSchaefers/quant-ux-cli/issues/3, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABWHOQETH6NRULCNKA2X7D3RXOQI5ANCNFSM4OC5ROLQ .

-- “Overfitting” is not about an excessive amount of physical exercise...

KlausSchaefersAtWork commented 4 years ago

Hi Pedro, did this help?

plad88 commented 4 years ago

Hi Klaus,

Yeah it's works, thank you so much :-)

We used your repo "vue-low-code-example" as example and we could even create one app starting from "vue create app". With that and material design icons, we could work with the "star rating" element and many others. We found some elements like spinner that didn't render well, but most of them worked very fine.

In our learning of quant-ux we have other questions that we'll like to ask you:

With the manual we thought about some structured wiki but with your videos, blog and some questions that we'll make you we think that will be a very good start point :-).

If you don't mind, next week I'll send you a pull request with some improves about the rest component in quanx-ux for using Form-Encoded params, basic auth (you can choose between bearer and this) and the use of databinding in dinamic auth token. For example our system authenticate with oauth server and then with the answer token you can make diferent rest api calls with this security with no coding :-).

We are excited about your new repo for react and react native, it's amazing that with low-code you can works with such as different technologies, congratulations :-).

Thank you in advance,

Pedro

KlausSchaefers commented 4 years ago

Hi,

the low-code component is still in development, a lot of functionality is still missing... for instance some widgets, logic or rest (as you figured it out :D ). My next step is to provide some better documentation for the low-code and start finding some teams that are willing to co-develop the project. I believe user inuit is crucial at this point.

If you don't mind, next week I'll send you a pull request with some improves about the rest component in quanx-ux for using Form-Encoded params, basic auth (you can choose between bearer and this) and the use of databinding in dinamic auth token.

Great!

We are excited about your new repo for react and react native, it's amazing that with low-code you can works with such as different technologies, congratulations :-).

I just reserved the names in NPM... First I would like to finish Vue, then it should be pretty straight forward to port to the other frameworks.

Do you consider to keep your license or changing into another one? for example in our project we have the Apache License.

I feel that GPL3 is best for the front end. I would like to make sure that the community can benefit the most. For the low-code components Apache would be fine too, although I think BSD is less restrictive.

Thanks for your help!

Klaus

On Tue, Jun 23, 2020 at 4:34 PM Pedro Luis Antona Díaz < notifications@github.com> wrote:

Hi Klaus,

Yeah it's works, thank you so much :-)

We used your repo "vue-low-code-example" as example and we could even create one app starting from "vue create app". With that and material design icons, we could work with the "star rating" element and many others. We found some elements like spinner that didn't render well, but most of them worked very fine.

In our learning of quant-ux we have other questions that we'll like to ask you:

  • We found that when you use vue-low-code, the Rest components don't work. Do you have plans to integrate this feature in QUX component? It would be very useful for no coding in many real apps
  • With the animations it's happen the same. For example the Music App or Snack Counter from your examples doesn't render well with QUX or maybe it's could be some configurations in the config json.
  • Do you consider to keep your license or changing into another one? for example in our project we have the Apache License.

With the manual we thought about some structured wiki but with your videos, blog and some questions that we'll make you we think that will be a very good start point :-).

If you don't mind, next week I'll send you a pull request with some improves about the rest component in quanx-ux for using Form-Encoded params, basic auth (you can choose between bearer and this) and the use of databinding in dinamic auth token. For example our system authenticate with oauth server and then with the answer token you can make diferent rest api calls with this security with no coding :-).

We are excited about your new repo for react and react native, it's amazing that with low-code you can works with such as different technologies, congratulations :-).

Thank you in advance,

Pedro

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/KlausSchaefers/quant-ux-cli/issues/3#issuecomment-648241673, or unsubscribe https://github.com/notifications/unsubscribe-auth/ABWHOQGX4XV3HVLEWHFL47TRYDDPBANCNFSM4OC5ROLQ .

-- “Overfitting” is not about an excessive amount of physical exercise...

KlausSchaefers commented 4 years ago

Hi,

I added basic REST support. Try updating the dependency "nom update vue-low-code" or pull form the example repo.

Waiting for your contribution.

Klaus

KlausSchaefers commented 4 years ago

Hi Pedro,

any updates? I was wondering if you were facing issues integrating your changes?

plad88 commented 4 years ago

Hi Klaus,

Sorry for the late answer!

I didn't have enought time the previous weeks, but i'll try to do it at the end of the the next week :-).

If I find some issues, i'll ask you :-)

Regards,