PHPackages                             symbioquine/farmos\_vue\_demo\_page - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. symbioquine/farmos\_vue\_demo\_page

ActiveDrupal-module[Utility & Helpers](/categories/utility)

symbioquine/farmos\_vue\_demo\_page
===================================

A demo page for farmOS built with Vue.js.

v0.0.4(5y ago)16MITPHP

Since May 4Pushed 5y ago1 watchersCompare

[ Source](https://github.com/symbioquine/farmOS_vue_page_demo)[ Packagist](https://packagist.org/packages/symbioquine/farmos_vue_demo_page)[ Docs](https://github.com/symbioquine/farmOS_vue_demo_page)[ RSS](/packages/symbioquine-farmos-vue-demo-page/feed)WikiDiscussions release Synced yesterday

READMEChangelogDependenciesVersions (4)Used By (0)

farmOS\_vue\_page\_demo
=======================

[](#farmos_vue_page_demo)

A contrib module for [farmOS](https://farmos.org/) demonstrating a packaging strategy for a page built with [Vue.js](https://vuejs.org/)

*Note: Some branches and tags include only the built module. See the [development branch](https://github.com/symbioquine/farmOS_vue_page_demo/tree/development) for the full source code.*

Installation
------------

[](#installation)

Use Composer and Drush to install farmOS\_vue\_page\_demo in farmOS 2.x;

```
composer require symbioquine/farmos_vue_page_demo
drush en farmos_vue_page_demo
```

*Available released versions can be viewed at [https://packagist.org/packages/symbioquine/farmos\_vue\_page\_demo](https://packagist.org/packages/symbioquine/farmos_vue_page_demo)*

FAQs
----

[](#faqs)

### How does this work?

[](#how-does-this-work)

The Javascript part of this module gets built by `npm run build` and placed within the Drupal module directory's `js/' folder.

The Drupal part of this module registers a simple controller which renders a page that includes the built javascript and a DOM node for Vue.js to bind to.

### What about installation via Composer?

[](#what-about-installation-via-composer)

There are two branches for this repository `development` and `release`. The development workflow for this package involves only pushing changes to the `development` branch and to tags with a `unbuilt-` prefix.

A Github action is triggered by pushes to the `development` branch and tags with the `unbuilt-` prefix. That action performs the `npm run build` step and pushes the resulting built module code either to the `release` branch or to regular semantically versioned tags.

The Composer `package.json` file is intentionally not included at the root of the repository for the unbuilt source code.

Due to [how Packagist works](https://packagist.org/about), the main branch for the Git repository must be set to `release` to ensure Packagist can find the Composer `package.json` file.

### Okay, but how about live reload for development?

[](#okay-but-how-about-live-reload-for-development)

The `docker/` directory of the [development branch](https://github.com/symbioquine/farmOS_vue_page_demo/tree/development) of this repository contains a `docker-compose.yml` file which mounts the `farmos_vue_demo_page/` directory of this repository into the container. That directory is then used as a repository source for Composer to install the Drupal module from. If the Javascript part of this package has already been built, then the module will function correctly when accessing the farmOS server at [http://localhost:80/vue\_demo\_page](http://localhost:80/vue_demo_page), but will not have live-reloading for the Vue.js code.

Next, the Webpack Dev server is used to proxy the farmOS container but replace requests for the assets associated with this module with the development versions - which have special code injected in them to support live reloading whenever the Vue.js source code changes.

### How do you push new versions?

[](#how-do-you-push-new-versions)

From the [development branch](https://github.com/symbioquine/farmOS_vue_page_demo/tree/development) of this repository:

```
# Add/commit your changes
git add [...]
# Update NPM package version and commit
npm --no-git-tag-version version --force patch
git commit
# Tag the release with the unbuilt prefix
git tag unbuilt-v9000.0.1
# Push the development branch and new tag
git push --atomic origin HEAD:development unbuilt-v9000.0.1
```

Development
-----------

[](#development)

From the [development branch](https://github.com/symbioquine/farmOS_vue_page_demo/tree/development) of this repository:

**Start/recreate the farmOS container;**

```
cd docker/
./destroy_and_recreate_containers.sh
```

**Run the dev proxy server;**

```
npm install
npm run dev
```

Access the demo page at [http://localhost:8080/vue\_demo\_page](http://localhost:8080/vue_demo_page)

###  Health Score

21

—

LowBetter than 18% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity6

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity45

Maturing project, gaining track record

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

3

Last Release

1887d ago

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/30754460?v=4)[Symbioquine](/maintainers/Symbioquine)[@symbioquine](https://github.com/symbioquine)

---

Top Contributors

[![symbioquine](https://avatars.githubusercontent.com/u/30754460?v=4)](https://github.com/symbioquine "symbioquine (1 commits)")

### Embed Badge

![Health badge](/badges/symbioquine-farmos-vue-demo-page/health.svg)

```
[![Health](https://phpackages.com/badges/symbioquine-farmos-vue-demo-page/health.svg)](https://phpackages.com/packages/symbioquine-farmos-vue-demo-page)
```

###  Alternatives

[prinsfrank/measurement-unit

A collection of measurement units for easy conversion

119.5k](/packages/prinsfrank-measurement-unit)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)