Anyone interested in an icons library?

[thednp]

I'm working on a library for VanJS...

It's basically in tooling setup, coding complete...

Anyone interested 😃 ?

[thednp]

@Tao-VanJS

Demo - Repo

Btw, I couldn't find where to add this to the community-add-ons section, can you please help with that?

[sirenkovladd]

https://github.com/vanjs-org/vanjs-org.github.io/blob/master/sitegen/home.ts#L131-L187

[thednp]

Hi @Tao-VanJS, @sirenkovladd and everybody else!

I'm now thinking about a 1.0 release, but I want to make sure some things are ironed out.

• First and most importantly I want to have this library work with SSR if possible, so any suggestion on how to implement is greatly appreciated. I would really want SSR powered demo for VanJSFeather at some point.
• Secondly, I want to make sure it works with vanjs-jsx, I know a lot of people are going to ask and for good reason (weird paradox JSX makes for better DX for some people, but with VanJS you actually write much less code, and for some reason TailwindCSS Intellisense won't work with the "class" property of JS objects).

Also I need to know your opinions as well, please have a look at the code, give it a try,maybe there would be some room for improvement, really any feedback is welcome, greatly appreciated! Thank you!

[thednp]

Thank you @Tao-VanJS will have a look over the weekend. 🆗

Now the next thing is to create a vite starter project with full stack and SSR support. Unfortunately due to some data loss my starter I was working on is gone, but I hope I can redo all that quickly. Something for create vite extra I'm thinking would be best.
What do you think?

[thednp]

@Tao-VanJS please tell me what do you think about this implementation?

[Tao-VanJS]

Yeah, that implementation looks good to me :-)

[thednp]

What if we create a simple vite plugin that does this automatically?

import vanPlate from "mini-van-plate/van-plate";
import vanCore, { State } from "vanjs-core";

/* istanbul ignore next @preserve */
if (typeof window === "undefined") {
  registerEnv({ van: vanPlate });
} else {
  registerEnv({ van: vanCore });
}

SPA apps won't be affected, while bot SPA and SSR apps will have access to the van they like to work with.

[thednp]

What if we create a simple vite plugin that does this automatically?

import vanPlate from "mini-van-plate/van-plate";
import vanCore, { State } from "vanjs-core";

/* istanbul ignore next @preserve */
if (typeof window === "undefined") {
  registerEnv({ van: vanPlate });
} else {
  registerEnv({ van: vanCore });
}

SPA apps won't be affected, while bot SPA and SSR apps will have access to the van they like to work with.

@Tao-VanJS plugin complete and ready for testing. Next up is a good router to work with this stuff.