mirror0420 / liver-collection

A data collection of Granbluefantasy.

liver-collection

• 肝collection，用作Viramate功能补全

• 不会有自动化的东西，功能清单中基本所有操作都是直接操作dom，剩下的是请求接口，比如获得userid之类的

功能清单

• 用于日常记录，比如你今天刷了多少记忆。当然，这个要本地建个数据库的，服务器是没有的，这辈子都不会有的

• 隐藏所有侧边栏，这里建议用Viramate的童鞋把左侧的侧边栏改成水平的，不然面板会浮在页面上很难看的..操作及效果

• 修改滚动条样式，现在的滚动条可以用鼠标拖了 操作及效果

• 共斗房间搜索，不符合条件的房间会被隐藏。多条件搜索以后再说 操作及效果

• 修改窗口大小 操作及效果

• 一键查看所有队友天人情况 操作及效果

• 增加左右侧面板开关，喜欢维拉侧面板的不用强行关了

• 共斗房黑名单

• 舔婊时简化吃药

用法

如果你只是单纯要用

• 去这里下最新的版本，然后把文件夹拖到浏览器的扩展程序里，或者点“加载已解压的扩展程序”，选解压文件夹为路径

• 或者clone下来（需要先装好git及学会它几条命令），装好依赖包，执行npm run build

  这样可以获得最新的扩展

如果你要改代码，这些是必须得知道的一些东西

• 首先，不要直接pr到master分支，这样是不会过的。正确姿势应该是切到merge分支，然后再pr

• 你得先学会一点react.js、es6、chrome-extension。Popup使用antd的组件，操作dom直接用的js原生方法 当然也不算纯原生，es6语法糖随处可见

• 当你需要只需要修改布局，比如Popup时，执行 npm start

• 当你需要改环境交互逻辑时，执行 npm run dev，这条命令会生成map文件便于调试

• 当你只需要打包时，执行 npm run build，这条命令只会生成压缩后的文件

• 还有一条命令，npm run push

  因为截止至上次commit的时候，这扩展都是我一个人维护，也懒得写提交注释，于是就这么放一条好了，

  我才不会想着会有人会来pr呢

• 以上命令中，黄色输出代表warns，红色代表errors，绿色代表正常，可以不管。

代码从哪开始看？

• 这里假设上面提到的那些东西你都懂

• 当content_script加载完成时，为了初始化localStorage中的数据，会先跟background交互一下
  短连接是各自请求各自的，可以在contentScript的index中看看分别执行了哪些方法，所有接收都写在background.js里
  长连接contentScript是接收端，建立连接在popup里
  默认配置在background/options中
  注释中标着TODO的是当时图快写的很江硬，后续需要改的地方

• 编译时的输出是有插件的，有兴趣可以去package.json里看看 欢迎来编故事

演示效果

隐藏侧边栏

修改滚动条

共斗搜索

修改窗口大小

查看天人