Create accountLogin

Recent searches

No recent searches

Search options

Only available when logged in.
ruby.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
If you are interested in the Ruby programming language, come join us! Tell us about yourself when signing up. If you just want to join Mastodon, another server will be a better place for you.

Administered by:

Server stats:

1.1K
active users

ruby.social: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#npm

8 posts8 participants0 posts today
Public
Richie Khoo

Package Manager for Markdown

I'm working on a project that is intended to encourage folk to make markdown text files which can be bundled together in different bundles of text files using a package manager.

Question for coders; Which package manager would you suggest I use?

Main criterias (in order) are:

1. Easy for someone with basic command line skills to edit the file and update version numbers and add additional packages.

2. All being equal, more commonly and easy to setup is preferred.

#Markdown #CommonMark #PackageManager #Programming #Dev
#NPM #RubyGems #Cargo #PickingAMastodonInstance
#Ruby #Python #Rust #Javascript #NodeJs #Lisp #CommonGuide

Replied in thread
Public
Andrija Petrovic

@henry Having (almost fully) switched to #NodeJS in 2012, I quickly recognized the danger of relying to _anything_ (#npm included, this one gave me a lot of pain for several times over the years).
Ended up with a monstrous monorepo. Forked (and improved) just 2 other people's repos, one abandoned and one that took months to finally get it right regarding garbage collection, but I had no time to wait.
Thereby I never got to a situation to hate a programming language because of the hype around it, but it surely got me coding a ton of #javascript.
The experience helped me a lot in JS5=>ECMAScript and ECMAScript=>TypeScript switching in the last year or so.

Replied in thread
Public
Thor A. Hopland

Out of pure curiosity, and because I'm on that #webdev #framework discovery tip. Heck, this project even made me download an IDE for Android lol

Just to read `install.bin` - which is an sh script.

Excuse me, but why are you bundling #nodejs and #npm? Is it to facilitate a setup process for containers, or is it merely to make the process easy?

I'm a bit sceptical to that sort of thing, especially when fetching from a vendors domain directly.

Any plans to build packages via CI?

@aral @andre

Public
Jan Andrle

“Vanilla JavaScript for flavouring, a full-fledged feast for large projects.”

Meet dd<el> – the Vanilla JavaScript library for building reactive UIs with syntax close to native DOM! No build step required, just native DOM with superpowers. ✨ #ReactiveUI based on signals and events.

- NPM: npmjs.com/package/deka-dom-el
- GitHub: github.com/jaandrle/deka-dom-e (use star if u like it)
- Docs & examples: jaandrle.github.io/deka-dom-el

// Simple Hello World with reactive elements import { el } from "deka-dom-el"; import { S } from "deka-dom-el/signals"; function HelloWorld() { // Create a count signal with an initial value of 0 const count = S(0); // Create UI that automatically updates when signals change return el().append( el("h2", S(() => `Hello World ${count.get()} times!`)), // Update state on button click el("button", { textContent: "Increment", onclick: () => count.set(count.get() + 1) }), ); } // Add to the page document.body.append( el(HelloWorld), );
// (Derived) signals import { el } from "deka-dom-el"; import { S } from "deka-dom-el/signals"; // Create a signal and a derived computation const count = S(0); const doubled = S(() => count.get() * 2); const isEven = S(() => count.get() % 2 === 0); document.body.append( // Dynamic text content that updates automatically el("p", { textContent: S(() => `Count: ${count.get()}`) }), el("p", { textContent: S(() => `Doubled: ${doubled.get()}`) }), // Conditional elements based on signal state S.el(isEven, even => even ? el("p", "Even number!") : el("p", "Odd number!") ), // Simple button to update state el("button", { textContent: "+1", onclick: () => count.set(count.get() + 1) }) );
// Event Handling and Delegation import { el, on, scope, dispatchEvent } from "deka-dom-el"; function TodoItem({ textContent, onDelete }) { const { host }= scope; const dispatchEdit = dispatchEvent("todo:edit", host); // Lifecycle events (for example for cleanup) host( on.disconnected(() => { }), ); return el("li").append( // <= host element el("span", { textContent }), el("button", "Edit", on("click", () => dispatchEdit("edited"))), el("button", "Delete", on("click", () => onDelete())), ); } // Using the component with event handlers document.body.append( el("ul").append( el(TodoItem, { textContent: "Learn dd<el>", onDelete: () => confirm("Are you sure?") }, on("todo:edit", text => alert(`Editing: ${text}`)) ), ) );
#WebDev#JavaScript#TypeScript
ExploreLive feeds
About