ckgrafico/papanasi

🥯Papanasi is the Frontend UI library to use cross Frameworks. A set of components to use in Angular, Preact, Qwik, React, Solid, Svelte, Vue and Web Components

papanasi's Issues

Tabs Component

Release to all the frameworks

Make components accesible

Spinner component

Webcomponents are not using props and styles

In theory is fixed in mitosis at BuilderIO/mitosis#416 but I cannot reproduce the solution https://codesandbox.io/s/papanasi-webcomponents-27zsfr?file=/index.html

Create a good readme

Dialog component

With modifier to be aside dialog

Add storybook

Solid not working well in mitosis with refs

Solid is not working well with mitosis right now.
Doublecheck in the future.

Add typings

Add a manifest to webcomponents package

I'm workin on a designer for webcomponents (https://github.com/node-projects/web-component-designer), and to use your components inside of it they need a manifest wich describes them, see:
https://github.com/webcomponents/custom-elements-manifest

would it be possible to add one?

Inspirational libraries

https://evergreen.segment.com/
https://ant.design/

Enterprise components section

Think about a section for universal enterprise components.

Example: PayPal, stripe, etc

Add svelte compatibility

Deploy docs

Itchio Enterprise Component

add itchio http://localhost:6006/?path=/docs/enterprise-itchio--default-story

Add dynamic themes to code component

I've removed it becauseI've experienced some problems, could be nice to add again in the future.

Select Component

Toaster Component

Add solidjs framework compatibility

Button Component

Create a template for pull requests of new components

including mine

Drag and drop file component

Popover component

Deploy to all the frameworks in npm

Make it compatible with SSR

• Next
• Nuxt
• Qwik

Code Component

Code component using highlightjs
waiting for BuilderIO/mitosis#425

Standard web components have some problems

Probably a mitosis bug but I've to make some tests, seems that have problems with Ref.
CSS animations are also not working with shadow dom.

Automate codesandbox generation for each component and framework

Inspiration: https://github.com/segmentio/evergreen/blob/0e106b2fed512a8ea81827c8343e3df9d5426a36/docs/lib/codesandbox.ts

Avatar Component

Improve project infrastructure

Stop working on components and create a long-term infrastructure.

To finish this we have also will include

• Improve CLI for compilation
• Choose state and styles for each framework
• Improve local dev scripts (new cli??)
• Separate logic from components + communication between components (signal?) #45
• Think again about signals, not working as expected when more than once the same component
• Improve all the components like avatar
• Fix signals in solid preactjs/signals#223
• Refactor Code component
• check solid refs #42
• check typings status #8
• add alias on imports #11
• Qwik #49
• Add all this information to the readmes
• Fix storybook errors

Grid Component

TO DO before release 1.0.0

Mandatory before release:

• Refactor code component
• Finish Tooltip
• Fix itchio component
• Create in storybook a page explaining components
• Make all the component services transient or hooks
• Qwik #49
• Improve Qwik compilation file
• Check how styles re generated

Optional:

• Use https://github.com/tabler/tabler-icons icons in readmes
• Fix storybook errors
• Improve window for ssr
• New Storybook theme
• Add a manifest to webcomponents package #54
• Breakpoints are not refreshed to changes in breakpoint. Helper #22
• Improve W3C Web components

Improve communication between components

Currently asking this in discord https://discordapp.com/channels/842438759945601056/935218469799071835/992806051164475423 lets wait to a better solution, meanwhile I'll do ugly code :D

Customization component bad UI

Except the select (becausewe are going to have a custom select) I don line the UX/UI of the customization component, should be improved.

Think about testing strategy

Think about a strategy to test everything and the different platforms

Add Mitosis https://github.com/BuilderIO/mitosis

Skeleton component

The other loading :D

Code Component

Code component is not working very well in angular or vue.

Check that all the libraries are working well in the sandboxes

Add the Qwik Framework

Hello,

Qwik is now ready in mitosis! Could we kindly request that it would be added to Papanasi?

-- Misko

Deploy to npm as org

Angular can be improved

Angular is not working well in the demos https://codesandbox.io/s/papanasi-angular-7bzn8h

How to solve: Create a demo were angular works.

User Voice to request Components

Reply to this thread with any Element you'll want to see in Papanasi and we will consider the ones with more votes:

Prioritized List:

• Skeleton Layout element https://ant.design/components/skeleton/

Improve with alias for imports

Nice to have, right now not really important

Pill Component

Vue has types disabled

As was really difficult to have vue types working I've disabled them.

How to resolve:
Add typings again.

Add css

Universal portal component

Breakpoints are not refreshed to changes in breakpoint.helper

When a dev changes a custom property related to a breakpoint like --pa-breakpoint-xxs the helper should refresh the value helpers.breakpoint.helper.ts