roots/wp-packages
0
0
Fork 0
mirror of https://github.com/roots/wp-packages synced 2026-07-22 19:07:06 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions
wp-packages/internal/http/templates/compare.html
Ben Word 154cb2f376
 Migrate templates from html/template to Jet v6 
Replace Go's html/template with CloudyKit/jet/v6 for server-rendered
templates. Jet provides first-class parameterized blocks, template
inheritance via extends/yield, and C-like expressions — eliminating
the dict helper workarounds that html/template required for reusable
components.

Add components.html with four reusable Jet blocks:
- shell(command, variant, class) — copyable command boxes (replaces
  ~16 duplicated instances across 6 templates)
- notice(variant, class) with yield content — alert boxes with
  variant-based styling and content slots
- input(icon, name, ...) — form inputs with icon and keyboard hint
- pagination(pager, class) — pagination controls driven by
  pre-computed buildPagination() data

Key changes:
- templates.go: embed.FS loader for Jet, function registration via
  AddGlobal, buildPagination() helper, render() using VarMap
- handlers.go: simplified render calls (no more template combinations)
- router.go: *jet.Set replaces *templateSet
- All 13 templates converted to Jet syntax (extends/block/yield)
- Tailwind scanning unaffected (templates remain .html files)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-05 14:05:25 -05:00

235 lines
No EOL
16 KiB
HTML
Raw Permalink Blame History

{{extends "layout.html"}}
{{import "components.html"}}
{{block title()}}WP Packages vs WPackagist — Faster, Independent WordPress Composer Repository{{end}}
{{block meta_seo()}}
<meta name="description" content="Compare WP Packages and WPackagist. WP Packages is 17x faster, updates every 5 minutes, and is fully open-source.">
{{if AppURL}}<link rel="canonical" href="{{AppURL}}/wp-packages-vs-wpackagist">{{end}}
{{end}}
{{block json_ld()}}{{end}}
{{block og_meta()}}
<meta property="og:title" content="WP Packages vs WPackagist">
<meta property="og:description" content="WP Packages is 17x faster, updates every 5 minutes, and is fully open-source.">
{{if OGImage}}<meta property="og:image" content="{{OGImage}}">{{end}}
{{if AppURL}}<meta property="og:url" content="{{AppURL}}/wp-packages-vs-wpackagist">{{end}}
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="WP Packages vs WPackagist">
<meta name="twitter:description" content="WP Packages is 17x faster, updates every 5 minutes, and is fully open-source.">
{{if OGImage}}<meta name="twitter:image" content="{{OGImage}}">{{end}}
{{end}}
{{block body()}}
<section class="relative border-b border-gray-200/50">
<div class="absolute inset-0 bg-gradient-to-b from-brand-lightest/40 to-transparent"></div>
<div class="relative mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 pt-16 pb-12 sm:pt-24 sm:pb-16 text-center">
<h1 class="text-3xl sm:text-4xl lg:text-5xl font-bold tracking-tight text-gray-900 mb-4 text-balance">WP Packages <span class="text-brand-primary">vs</span> WPackagist</h1>
<p class="text-lg text-gray-500 max-w-xl mx-auto text-balance">WP Packages is 17x faster, updates every 5 minutes, and is fully open-source.</p>
</div>
</section>
<article class="mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 py-12 sm:py-16">
<div class="prose prose-gray max-w-none">
<p class="text-lg text-gray-600 leading-relaxed mb-10">For years, WPackagist was the go-to Composer repository for WordPress plugins and themes. In March 2026, WPackagist was acquired by WP Engine, a private-equity backed company. Tooling this central to the WordPress Composer workflow shouldn't be owned by a single corporation &mdash; it should be independent and community-funded.</p>
<h2 class="text-2xl font-bold text-gray-900 mb-6">How they compare</h2>
<div class="rounded-xl border border-gray-200/60 overflow-hidden mb-12">
<table class="w-full text-sm">
<thead class="bg-gray-50/50">
<tr>
<th class="text-left px-4 py-3 font-medium text-gray-500 w-1/3"></th>
<th class="text-left px-4 py-3 font-semibold text-brand-primary">WP Packages</th>
<th class="text-left px-4 py-3 font-medium text-gray-500">WPackagist</th>
</tr>
</thead>
<tbody>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Ownership</td>
<td class="px-4 py-3 text-gray-600">Independent, maintained by <a href="https://roots.io" class="text-brand-primary hover:underline">Roots</a></td>
<td class="px-4 py-3 text-gray-600">WP Engine (private equity)</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Open source</td>
<td class="px-4 py-3 text-gray-600">Fully open source &mdash; <a href="https://github.com/roots/wp-packages" class="text-brand-primary hover:underline">contributions welcome</a></td>
<td class="px-4 py-3 text-gray-600">Partially open source &mdash; incomplete source (<a href="https://github.com/wpengine/wpackagist/issues/557" class="text-brand-primary hover:underline">#557</a>), and currently doesn't reflect the live site (<a href="https://github.com/wpengine/wpackagist/issues/556" class="text-brand-primary hover:underline">#556</a>)</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Funding</td>
<td class="px-4 py-3 text-gray-600">Community-funded via <a href="https://github.com/sponsors/roots" class="text-brand-primary hover:underline">GitHub Sponsors</a></td>
<td class="px-4 py-3 text-gray-600">Corporate-funded</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Package naming</td>
<td class="px-4 py-3 text-gray-600"><code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">wp-plugin/*</code> <code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">wp-theme/*</code></td>
<td class="px-4 py-3 text-gray-600"><code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">wpackagist-plugin/*</code> <code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">wpackagist-theme/*</code></td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Package metadata</td>
<td class="px-4 py-3 text-gray-600">Includes plugin/theme authors, description, homepage, and support links in Composer metadata</td>
<td class="px-4 py-3 text-gray-600">Missing &mdash; <a href="https://github.com/outlandishideas/wpackagist/issues/305" class="text-brand-primary hover:underline">requested since 2020</a></td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Update frequency</td>
<td class="px-4 py-3 text-gray-600">Every 5 minutes</td>
<td class="px-4 py-3 text-gray-600">~1.5 hours (estimated &mdash; infrastructure is not open source)</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Governance</td>
<td class="px-4 py-3 text-gray-600">Open roadmap, community collaboration</td>
<td class="px-4 py-3 text-gray-600">Corporate decision-making</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Untagged plugin installs</td>
<td class="px-4 py-3 text-gray-600">Pinned to SVN revision &mdash; <code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">composer.lock</code> is reproducible</td>
<td class="px-4 py-3 text-gray-600">Mutable trunk zip with cache-busting timestamp &mdash; <code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">composer.lock</code> is not reproducible &mdash; <strong>this can cause unexpected plugin updates</strong></td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Install statistics</td>
<td class="px-4 py-3 text-gray-600">Per-package install stats &mdash; transparency for the community and package authors to see how many times their packages are installed via Composer</td>
<td class="px-4 py-3 text-gray-600">No install statistics</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Public status page</td>
<td class="px-4 py-3 text-gray-600">Real-time <a href="/status" class="text-brand-primary hover:underline">status page</a> with build history, package changes, and closure tracking</td>
<td class="px-4 py-3 text-gray-600">No status page</td>
</tr>
</tbody>
</table>
</div>
<h2 class="text-2xl font-bold text-gray-900 mb-6">Performance</h2>
<p class="text-gray-600 mb-6 leading-relaxed">WP Packages supports Composer v2's <code class="text-sm font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">metadata-url</code> protocol, which lets Composer fetch metadata for only the packages it needs. WPackagist still uses the older <code class="text-sm font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">provider-includes</code> approach, which forces Composer to download large index files containing metadata for thousands of packages before it can resolve your dependencies.</p>
<h3 class="text-lg font-semibold text-gray-900 mb-4">Composer resolve times</h3>
<p class="text-gray-500 text-sm mb-4">Cold resolve (no cache) &mdash; lower is better.</p>
<div class="rounded-xl border border-gray-200/60 overflow-hidden mb-8">
<table class="w-full text-sm">
<thead class="bg-gray-50/50">
<tr>
<th class="text-left px-4 py-3 font-medium text-gray-500">Plugins</th>
<th class="text-left px-4 py-3 font-semibold text-brand-primary">WP Packages</th>
<th class="text-left px-4 py-3 font-medium text-gray-500">WPackagist</th>
<th class="text-left px-4 py-3 font-medium text-gray-500">Speedup</th>
</tr>
</thead>
<tbody>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">10 plugins</td>
<td class="px-4 py-3 text-brand-primary font-medium">0.7s</td>
<td class="px-4 py-3 text-gray-600">12.3s</td>
<td class="px-4 py-3 text-gray-600">17x faster</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">20 plugins</td>
<td class="px-4 py-3 text-brand-primary font-medium">1.1s</td>
<td class="px-4 py-3 text-gray-600">19.0s</td>
<td class="px-4 py-3 text-gray-600">17x faster</td>
</tr>
</tbody>
</table>
</div>
<h3 class="text-lg font-semibold text-gray-900 mb-4">Metadata &amp; caching</h3>
<div class="rounded-xl border border-gray-200/60 overflow-hidden mb-8">
<table class="w-full text-sm">
<thead class="bg-gray-50/50">
<tr>
<th class="text-left px-4 py-3 font-medium text-gray-500"></th>
<th class="text-left px-4 py-3 font-semibold text-brand-primary">WP Packages</th>
<th class="text-left px-4 py-3 font-medium text-gray-500">WPackagist</th>
</tr>
</thead>
<tbody>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Composer v2 metadata-url</td>
<td class="px-4 py-3 text-brand-primary font-medium">Yes</td>
<td class="px-4 py-3 text-gray-600">No</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Metadata changes feed (<code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">metadata-changes-url</code>)</td>
<td class="px-4 py-3 text-brand-primary font-medium">Yes</td>
<td class="px-4 py-3 text-gray-600">No</td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">CDN caching</td>
<td class="px-4 py-3 text-gray-600"><code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">public, max-age=300</code></td>
<td class="px-4 py-3 text-gray-600"><code class="text-xs font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">no-cache, private</code></td>
</tr>
<tr class="border-t border-gray-200/40">
<td class="px-4 py-3 font-medium text-gray-700">Per-package files</td>
<td class="px-4 py-3 text-gray-600">Immutable, content-addressed, cached indefinitely</td>
<td class="px-4 py-3 text-gray-600">Not content-addressed</td>
</tr>
</tbody>
</table>
</div>
<p class="text-gray-500 text-sm mb-12">Benchmarks run from a single location using Composer 2.7+. Results may vary by region and network conditions. Benchmark scripts are <a href="https://github.com/roots/wp-packages/tree/main/benchmarks" class="text-brand-primary hover:underline">open source</a>.</p>
<h2 class="text-2xl font-bold text-gray-900 mb-4">The case for independence</h2>
<p class="text-gray-600 mb-4 leading-relaxed">WPackagist was originally built and maintained by <a href="https://outlandish.com/" class="text-brand-primary hover:underline">Outlandish</a>, who operated the service for over a decade. In its later years, the project suffered from neglect &mdash; slow updates, limited maintenance, and no meaningful community input into its direction.</p>
<p class="text-gray-600 mb-4 leading-relaxed">Its acquisition by WP Engine raises important questions. When infrastructure this foundational to the WordPress developer workflow is controlled by a single corporation, the community loses its voice. Decisions about availability, pricing, and direction are made in boardrooms, not in the open.</p>
<p class="text-gray-600 mb-8 leading-relaxed">It's also unclear whether WPackagist remains truly open source. The <a href="https://github.com/outlandishideas/wpackagist" class="text-brand-primary hover:underline">GitHub repository</a> no longer reflects the live website, making it difficult for the community to audit, contribute to, or fork the project.</p>
<h2 class="text-2xl font-bold text-gray-900 mb-4">Built by Roots, maintained since 2011</h2>
<p class="text-gray-600 mb-4 leading-relaxed">WP Packages is built by <a href="https://roots.io" class="text-brand-primary hover:underline">Roots</a>, the team behind <a href="https://roots.io/bedrock/" class="text-brand-primary hover:underline">Bedrock</a>, <a href="https://roots.io/sage/" class="text-brand-primary hover:underline">Sage</a>, <a href="https://roots.io/trellis/" class="text-brand-primary hover:underline">Trellis</a>, and <a href="https://roots.io/acorn/" class="text-brand-primary hover:underline">Acorn</a>. Since 2011, Roots has been continuously improving and maintaining open source WordPress tooling. We pioneered the use of Composer in WordPress development and have a proven track record of long-term commitment to the ecosystem.</p>
<p class="text-gray-600 mb-4 leading-relaxed">WP Packages is <a href="https://github.com/roots/wp-packages" class="text-brand-primary hover:underline">fully open source</a> and designed for community collaboration. Every line of code is public, contributions are welcome, and the project's direction is shaped by the developers who use it.</p>
<p class="text-gray-600 mb-8 leading-relaxed">The repository includes everything needed to run your own instance: the application code, documentation on how it all works, and the full Ansible setup for deploying to production. Anyone can fork it and build their own WordPress Composer repository.</p>
<h2 class="text-2xl font-bold text-gray-900 mb-4">Community-funded, community-driven</h2>
<p class="text-gray-600 mb-4 leading-relaxed">Unlike corporate-backed alternatives, WP Packages is funded entirely by the community through <a href="https://github.com/sponsors/roots" class="text-brand-primary hover:underline">GitHub Sponsors</a>. Your sponsorship directly supports the infrastructure, development, and maintenance of WP Packages and the broader Roots ecosystem.</p>
<p class="text-gray-600 mb-8 leading-relaxed">Sponsoring Roots means investing in independent, community-funded WordPress tooling that serves developers &mdash; not shareholders.</p>
<div class="rounded-xl border border-brand-primary/20 bg-brand-lightest/30 p-6 sm:p-8 text-center mb-8">
<h3 class="text-lg font-bold text-gray-900 mb-2">Support independent WordPress tooling</h3>
<p class="text-gray-600 mb-5 text-sm">Help us keep WP Packages independent and freely available for every WordPress developer.</p>
<a href="https://github.com/sponsors/roots" class="inline-flex items-center rounded-lg bg-brand-primary px-5 py-2.5 text-sm font-medium text-white hover:bg-brand-primary/85 transition-colors">Sponsor Roots on GitHub</a>
</div>
<h2 class="text-2xl font-bold text-gray-900 mb-4">Migrating from WPackagist</h2>
<p class="text-gray-600 mb-4 leading-relaxed">Switching from WPackagist takes one command. Use the <a href="https://github.com/roots/wp-packages/blob/main/scripts/migrate-from-wpackagist.sh" class="text-brand-primary hover:underline">migration script</a> to automatically update your <code class="text-sm font-mono bg-gray-100 px-1.5 py-0.5 rounded border border-gray-200/40">composer.json</code>:</p>
{{yield shell(command="curl -sO https://raw.githubusercontent.com/roots/wp-packages/main/scripts/migrate-from-wpackagist.sh &amp;&amp; bash migrate-from-wpackagist.sh", class="mb-8")}}
<h3 class="text-lg font-bold mb-6">Manually migrate</h3>
<div class="space-y-4 mb-4">
<div class="flex items-start gap-4">
<div class="flex w-7 h-7 shrink-0 items-center justify-center rounded-full bg-brand-primary text-white text-xs font-bold">1</div>
<div class="min-w-0">
<p class="text-gray-600 mb-2 leading-7">Remove WPackagist packages:</p>
{{yield shell(command="composer remove wpackagist-plugin/woocommerce")}}
</div>
</div>
<div class="flex items-start gap-4">
<div class="flex w-7 h-7 shrink-0 items-center justify-center rounded-full bg-brand-primary text-white text-xs font-bold">2</div>
<div class="min-w-0">
<p class="text-gray-600 mb-2 leading-7">Remove the WPackagist repository and add WP Packages:</p>
{{yield shell(command="composer config --unset repositories.wpackagist &amp;&amp; composer config repositories.wp-packages composer https://repo.wp-packages.org")}}
</div>
</div>
<div class="flex items-start gap-4">
<div class="flex w-7 h-7 shrink-0 items-center justify-center rounded-full bg-brand-primary text-white text-xs font-bold">3</div>
<div class="min-w-0">
<p class="text-gray-600 mb-2 leading-7">Require packages with the new naming:</p>
{{yield shell(command="composer require wp-plugin/woocommerce")}}
</div>
</div>
</div>
</div>
</article>
{{end}}
Reference in a new issue View git blame Copy permalink