survos/mobile-bundle

包含创建基于Symfony的移动应用的实用工具的包

资助包维护!
kbond

安装: 177

依赖者: 0

建议者: 0

安全: 0

星星: 0

关注者: 3

分支: 0

开放问题: 0

类型:symfony-bundle

1.5.340 2024-09-24 13:44 UTC

README

一组工具,帮助创建基于Symfony的移动应用。

  • OnsenUI
  • pwa-bundle
  • Dexie

正在进行中。查看survos-sites/pokemon以了解实际应用。

备注

这些需要清理,但在开发过程中对我很有用。

Twig

应用程序可以作为SPA运行。初始页面必须扩展基本页面

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

创建app_controller并从它扩展

如果使用OnsenUI文档,将

onclick="loadPage('whatever')"

替换为

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

_app_sc应该设置为'app',将来可能会更改(hotwired/stimulus#641

Stimulus助手

https://github.com/symfony/ux/blob/2.x/src/StimulusBundle/src/Dto/StimulusAttributes.php

测试: https://github.com/symfony/ux/blob/2.x/src/StimulusBundle/tests/Twig/StimulusTwigExtensionTest.php

我需要一个创建并发布es6包的任务,该包导出3个函数,它们与它们的PHP对应函数产生相同的结果。

例如,

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"');

所有测试(在PHP中)都可以在https://github.com/symfony/ux/blob/2.x/src/StimulusBundle/tests/Twig/StimulusTwigExtensionTest.php找到。PHP代码在https://github.com/symfony/ux/blob/2.x/src/StimulusBundle/src/Dto/StimulusAttributes.php。方法应该能够返回一个数组和字符串,与PHP代码完全一样。幸运的是,PHP代码写得非常好

这项工作包括以下内容

  • 将PHP单元测试转换为JavaScript,使用Jest或其他测试包。
  • 将PHP代码转换为导出3个方法的es6类,并使测试通过
  • 将代码推送到github仓库
  • 将包发布到npmjs,并确保它与jsdelivr和unpkg等包打包器兼容

请指出您在npmjs上编写的一个包