PHPackages                             survos/mobile-bundle - 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. [Framework](/categories/framework)
4. /
5. survos/mobile-bundle

ActiveSymfony-bundle[Framework](/categories/framework)

survos/mobile-bundle
====================

Bundle with utilities for creating a Symfony-based mobile app

2.0.83(5mo ago)0301MITPHPPHP ^8.4CI passing

Since Apr 17Pushed 5mo ago2 watchersCompare

[ Source](https://github.com/survos/SurvosMobileBundle)[ Packagist](https://packagist.org/packages/survos/mobile-bundle)[ GitHub Sponsors](https://github.com/kbond)[ RSS](/packages/survos-mobile-bundle/feed)WikiDiscussions main Synced 1mo ago

READMEChangelogDependencies (16)Versions (433)Used By (0)

Survos Mobile Bundle
====================

[](#survos-mobile-bundle)

A collection of tools to help create Symfony-based mobile apps.

- OnsenUI
- pwa-bundle
- Dexie

Work in Progress. See survos-sites/pokemon to see this in action.

Notes
-----

[](#notes)

These need to be cleaned up, but they're useful to me during development.

### Twig

[](#twig)

The application can be run as an SPA. The initial page must extend the base page

```
{% extends "@SurvosMobile/base.html.twig" %}

```

create app\_controller and extend it from

If using the OnsenUI documentation, replace

```
onclick="loadPage('whatever')"

```

with

```
  {{ stimulus_action(_app_sc, 'loadPage', 'click', {
      route: 'whatever'
  }) }}

```

\_app\_sc should be set to 'app', someday this may change ([hotwired/stimulus#641](https://github.com/hotwired/stimulus/issues/641))

### Tabs and Pages

[](#tabs-and-pages)

Two fundamental concepts: the tabs at the bottom of the screen, and everything else.

All pages, though, are pre-loaded as twig templates in OnsenController.

To create the tabs, the following, where id is the name of the tab template

```
#[AsEventListener(event: KnpMenuEvent::MOBILE_TAB_MENU)]
public function tabMenu(KnpMenuEvent $event): void
{
    $menu = $event->getMenu();
        $this->add($menu, id: 'projects', label: 'projects', icon: 'fa-list');
        $this->add($menu, id: 'tours', label: 'tours', icon: 'fa-list', badge: 'x');
        $this->add($menu, id: 'share', label: 'share', icon: 'fa-qrcode');
```

Events
------

[](#events)

When a tab is clicked, a 'prechange' event is dispatched, with event.tabItem as the tab that's about to become active. We intercept

### Dynamic Data

[](#dynamic-data)

To load dynamic data into a page, you must first put the data into dixie. The basic way is to set up "stores" and define the indexable fields, eg..

```
survos_js_twig:
  debug: true
  db: omar-db
  version: 7
  stores:
    -
      name: items
      schema: "++id,code,title,projectCode"
      url: /api/items
    -
      name: projects
      schema: "code"
      url: /api/projects
```

### Stimulus Helpers

[](#stimulus-helpers)

tests:

I need a create and publish an es6 package that exports 3 functions produce the exact same result as their PHP counterpart.

For example,

```
import {stimulus_controller, stimulus_target, stimulus_action} from 'stimulus-twig';

let str = stimulus_controller('my-controller',  {myValue: 'scalar-value'});
console.assert(str == 'data-controller="my-controller" data-my-controller-my-value-value="scalar-value"');
```

All of the tests can be found (in PHP) at The PHP code is at The methods should be able to return an array and a string, exactly as the PHP code does. Fortunately, the PHP code is very well written

This job consists of the following:

- Convert the PHP unit tests to javascript, using Jest or another testing packing.
- Convert the PHP code to an es6 class that exports the 3 methods and passes the tests
- Push the code to a github repo
- Publish the package to npmjs, and make sure it works with package bundlers like jsdelivr and unpkg

Please point to a package on npmjs that you've written

Requirement
-----------

[](#requirement)

bin/console importmap:require stimulus-attributes bin/console importmap:require fos-routing composer req friendsofsymfony/jsrouting-bundle

###  Health Score

46

—

FairBetter than 93% of packages

Maintenance71

Regular maintenance activity

Popularity12

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity78

Established project with proven stability

 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 ~1 days

Recently: every ~9 days

Total

432

Last Release

169d ago

Major Versions

1.6.16 → 2.0.232025-10-13

PHP version history (3 changes)1.5.203PHP ^8.1

1.5.396PHP ^8.3

2.0.23PHP ^8.4

### Community

Maintainers

![](https://www.gravatar.com/avatar/21b39551f92ed4143772c622f9e571589c5a72c96ab3c53fe67489ce0d83e806?d=identicon)[tacman1123](/maintainers/tacman1123)

---

Top Contributors

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

---

Tags

symfony-ux

###  Code Quality

Static AnalysisPHPStan

Type Coverage Yes

### Embed Badge

![Health badge](/badges/survos-mobile-bundle/health.svg)

```
[![Health](https://phpackages.com/badges/survos-mobile-bundle/health.svg)](https://phpackages.com/packages/survos-mobile-bundle)
```

###  Alternatives

[sylius/sylius

E-Commerce platform for PHP, based on Symfony framework.

8.4k5.6M651](/packages/sylius-sylius)[prestashop/prestashop

PrestaShop is an Open Source e-commerce platform, committed to providing the best shopping cart experience for both merchants and customers.

9.0k15.4k](/packages/prestashop-prestashop)[shopware/platform

The Shopware e-commerce core

3.3k1.5M3](/packages/shopware-platform)[contao/core-bundle

Contao Open Source CMS

1231.6M2.4k](/packages/contao-core-bundle)[sulu/sulu

Core framework that implements the functionality of the Sulu content management system

1.3k1.3M152](/packages/sulu-sulu)[shopware/core

Shopware platform is the core for all Shopware ecommerce products.

595.2M386](/packages/shopware-core)

PHPackages © 2026

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