Where communities thrive


  • Join over 1.5M+ people
  • Join over 100K+ communities
  • Free without limits
  • Create your own community
People
Activity
    Alexander Zaslonov
    @azaslonov
    public ones yes, let me check if we have it there
    looks like we don't, let me add one
    jimmydevine
    @jimmydevine
    awesome thanks
    Pulkit Garg
    @wittycodes
    Hi
    can we use nextjs with paperbits
    Alexander Zaslonov
    @azaslonov
    Hi, technically you can, we just don't have any examples or documentation around it. So, you can either explore React integrations yourself, or check back later this year.
    Pulkit Garg
    @wittycodes
    thanks @azaslonov
    actually, I am having a sample nextjs app of eCommerce, I wanted the sellers to be able to add thier related promotion content to product pages with dnd via paperbits. It just feels very handy.
    so, I constructed a lerna monorepo with all paperbits repositories - core, common, styles, firebase. gone through interfaces and knockoutjs.
    Pulkit Garg
    @wittycodes
    what i feel is that the wrapper around a "react component" is quite big in codebase, if converted to a paperbits widget say a simple custom input button.
    Pulkit Garg
    @wittycodes
    are we planning to make the widget creation further concise/ automated and, other part, mainly for nextjs integration with paperbits, it is mostly the ability to use nextjs routing, directory based pages and SSR. Working on it, hope to clear my doubts here if stuck
    Alexander Zaslonov
    @azaslonov

    In fact, yes, we are working on unification/simplification for the contract for plugging-in components in different frameworks (with some customers using React and Vue), eventually it should be literally a matter of filling a few fields to register one.

    I think that what you call "big wrapper" is not accurately describes it, because there are only 3 UI components: editor, widget in design-time), widget in run-time. All the rest is around data flow (from data store to render).
    I guess, you need to take a look at this the click-counter example (in experimental branch: https://github.com/paperbits/paperbits-demo/tree/az/react/src/components/click-counter/react), implemented purely in React (design-/publish-/run-time), that should look a bit simpler from that prospective.

    In any case, we're open for collaboration in this area, so please feel free to come with feedback/suggestions.

    Pulkit Garg
    @wittycodes
    thanks @azaslonov
    the inversion of control seems like a really well practice
    and, how the paperbits have leveraged it to the fullest
    Also, a query, how can i make it work for local development as the paperbits packages contain the src content within the root upon publish. I guess it was for easy imports. But yet I am not able to setup local dev env
    Alexander Zaslonov
    @azaslonov
    Hi Pulkit, sorry for long response. As I mentioned offline, I'm going to share a root project at some point (something that we use here internally, but it needs cleanup before sharing).
    Rosselle Mabunga
    @rmabunga1_gitlab
    Hi
    Alexander Zaslonov
    @azaslonov
    Hi, how can I help?
    Islam Benkhelifa
    @IslaBen
    Hi, is there any documentation on how to integrate with Angular
    Any official lib ?
    Alexander Zaslonov
    @azaslonov
    Hi Islam, no, there is no documentation. We only have small experimental example for Angular in "examples" repository.
    Islam Benkhelifa
    @IslaBen
    Okay, thanks for the fast reply.
    Alexander Zaslonov
    @azaslonov
    np
    Islam Benkhelifa
    @IslaBen
    Are there any plans to add them
    Alexander Zaslonov
    @azaslonov
    yes, we currently work on stories for React and Vue, after that we'll work on Angular as well
    no ETA for now
    Islam Benkhelifa
    @IslaBen
    Great, is it open for contribution or you're developing it internally
    Alexander Zaslonov
    @azaslonov
    yep, this is open source project, so feel free to contribute :)
    Islam Benkhelifa
    @IslaBen
    Thanks. It was great talking to you.
    Alexander Zaslonov
    @azaslonov
    same here :)
    varun bhat
    @varunbhat:matrix.org
    [m]
    @azaslonov: do we have an angular example yet ?
    Alexander Zaslonov
    @azaslonov
    Unfortunately, no new examples for Angular beside what we have in demo and examples repo.
    Rylan Michael McCarty
    @rylan-michael

    @azaslonov Why do runtime components require both the @Component and @RuntimeComponent decorators?

    I was studying the source and it seems like the RuntimeComponent decorator creates a custom WebComponent element. Looking at the normal ko Component decorator here shows component registration with knockout ko.components.register.

    I'm not an expert with Knockout but after looking at their documentation and some of the source -- calling ko.components.register using the default component loader already creates a custom element.

    So it seems from my untrained eyes that by adding both decorators actually creates two custom-elements. I'm sure I'm not understanding something but I would appreciate clarification :)

    Alexander Zaslonov
    @azaslonov
    Hi @rylan-michael, the @Component decorator registers the component only in Knockout itself, which means that it can be used, i.e. in Knockout templates. However, if you just put a tag of your component on a page without specifically applying bindings to it, nothing will happen. That's why there is @RuntimeComponent decorator, it registers the component with standard customElements API, so that its lifecycle becomes managed by the browser itself and the component starts to behave like a standalone application.
    Tyler Nguyen
    @codex5
    hi guys,
    do you have any examples using Vue-cli to build a designer app?
    I don't work with Typescript much, so it's vesy great if we can define custom element within a .vue file
    Thanks,
    Alexander Zaslonov
    @azaslonov
    Hi Tyler, we don't have the docs for vue-cli setup, but we do have examples how to create Vue widgets, if you'd like.
    Also to clarify, you want to create a Vue app from vue-cli and just add the designer as Vue component, right?
    Tyler Nguyen
    @codex5
    yep
    Alexander Zaslonov
    @azaslonov
    Got it, I guess that's a good scenario to document.
    Tyler Nguyen
    @codex5
    yes, please
    cause I know many developers are not working with TypeScript projects
    Alexander Zaslonov
    @azaslonov
    right
    Tyler Nguyen
    @codex5
    hi @azaslonov
    do you have any updates on Vue component?
    Full Stack React Engineer
    @chang-nicolas
    Hello, guys!
    Good to see you all!!!
    I have some questions about Paperbits...
    Can anyone please let me know how to add a check box in my paperbits app?
    Alexander Zaslonov
    @azaslonov
    @codex5, no updates, unfortunately.
    @chang-nicolas, I have replied to your question in GitHub issues.
    Full Stack React Engineer
    @chang-nicolas
    @azaslonov I checked your answer on GitHub.
    Really appreciate it.
    I have added another comment, and hope you have time to reply.
    Thank you.
    Have a good weekend