¶ MoinMoin插件hacking

2010-07-30 15:00

1. 需求

GraphVizForMoin 插件部署到MoinMoin 中之后,很爽直!

参考: 在维基中使用 Graphviz~ 啄木鸟中的效果

可以说,解决了在维基中无法快速表达思维导图的问题:

  • 以往都是使用 FreeMind 绘制后截屏附件上来
  • 或是使用插件 ParserMarket/FreeMind - MoinMoin 将文件使用Flash 控件就地发布出来~中文一直是个问题

    但是,使用 Graphviz 的dot 图形脚本在维基中书写图谱一直以来残念的问题是无法输出可点击的有热区的导图!

1.1. Hacking

思路:
  • hacked MoinGraphViz 令其使用-Tcmapx -o **.mp命令,输出热区定义
  • hacked MoinMoin 相关脚本令输出到HTML 的图片认识可能的热区定义
fxied:
  • path/2/moin运行实例/data/plugin/parser/MoinGraphViz/main.py 是插件的主体
  • 很直白,快速就定位了具体代码进行了修订

diff:

Index: tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py
===================================================================
--- tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py (revision 16946)
+++ tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py (revision 16975)
@@ -56,4 +56,5 @@
         p = request.formatter.page
         self.renderer = Renderer(tool, targetdir=p.getPagePath('attachments'), encoding=config.charset)
+        self.attapath = p.getPagePath('attachments')

     def format(self, formatter):
@@ -61,5 +62,10 @@
         ##w('<div style="border:3px ridge gray; padding:5px; width:95%; overflow:auto">')
         s = self.renderer.render(self.raw)
+        imgname = os.path.basename(s)
+        #s = wiki2html(self.request, '{{attachment:%s}}' % os.path.basename(s))
         s = wiki2html(self.request, '{{attachment:%s}}' % os.path.basename(s))
+        #   100728 Zoom.Quiet fixed for include URL hotarea map define
+        pfImgMap = "%s/%s.map"%(self.attapath,imgname)
+        s += fread(pfImgMap)
         print '[TRACE] attachment URL:', s
         w(s)
@@ -182,5 +193,7 @@

 def renderGraphImage(tool, format, imagefilename, dotfilename):
-    cmd = '%(tool)s -T%(format)s -o"%(imagefilename)s" "%(dotfilename)s"' % locals()
+    #100728 Zoom.Quiet fixed for export URL hotarea map export
+    cmd = '%(tool)s -T%(format)s -o"%(imagefilename)s" -Tcmapx -o "%(imagefilename)s.map" "%(dotfilename)s"' % locals()
+    #cmd = '%(tool)s -T%(format)s -o"%(imagefilename)s" "%(dotfilename)s"' % locals()
     print '[TRACE] executing:', cmd
     os.system(cmd

html 输出:

<img alt="graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" 
class="attachment" 
src="/moin/KupHostsMapping/MapLegend?action=AttachFile&amp;do=get&amp;target=graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" 
title="graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" /> 
<map id="hostLegendG" name="hostLegendG">
<area shape="rect" href="http://wiki.s.kingsoft.net/moin/KupHosts" title="普配主机" alt="" coords="101,36,173,63"/>
<area shape="rect" href="http://wiki.s.kingsoft.net/moin/KupHosts" title="高配主机" alt="" coords="197,36,269,63"/>
</map>

注意: 发现,插件是直接使用{{attachment:导图图片名}} 标准的图片附件形式来发布的!
  • 然而,HTML 中要想啓用热区图,至少要有专用属性的对应:
    <img usemap="#俺的ImgMap" src="..."/>
    <map id="俺的ImgMap" name="俺的ImgMap">
    <area shape="rect" href="..." title="普配主机" alt="" coords="101,36,173,63"/>
    ...
    </map>
    
    • 在dot 输出的map 数据中,id/name 就是``digraph G { `` 第一行的那个G,可以任意命名,当然最好是E文
  • 所以,就得找到方法来让 MoinMoin 对附件图片追加usemap属性

    找哈找,幸好有 ack-grep 快速从一堆脚本中定位到靠谱的代码段:
path/2/python2.5/site-packages/MoinMoin/formatter/text_html.py
...
    def attachment_image(self, url, **kw):
        ...
        if exists:
            ...
            if not 'alt' in kw:
                kw['alt'] = kw['title']
            #   100729 Zoom.Quiet fixed for support imagemap for Graphviz
            kw['usemap'] = "#%s"%kw['alt']
            return self.image(**kw)
        ...

追加一行就好...

1.2. jQuery

虽然目标完成了,但是心里总感觉不好:

  • MoinMoin 本身的脚本被hacking 了,就等于,以后升級,迁移时,都要维护这一hacking
  • 很不 Pythonic 哪...

    怎么样脱离 MoinMoin 系统本身来给附件图片追加usemap 属性?
  • 答案,自然是的 Ajax 哪
  • jQuery 就是为这类快速夹塞儿式行为诞生的哪...
部署jQuery:
  • 这是样式的事儿,所以:

    path/2/moin实例/
    +-- data
        +-- plugin
            +-- theme
                +-- 你的样式定义脚本
                +-- woodpecker.py ~ 俺用的
            def footer(self, d, **keywords):
                ... # 追加
                u'<!-- Finally, to loading jQuery Ajax Lib. -->',
                u'<script src="/wiki/common/js/jquery-1.4.2.min.js" type="text/javascript"></script>',
                u'<script src="/wiki/common/js/jquery-graphviz-map.js" type="text/javascript"></script>',
    
    +-- htdoc
        +-- common
            +-- js
                +-- jquery-1.4.2.min.js ~ 官方运营用压缩版本
                +-- jquery-graphviz-map.js  ~ 动态行为定义用
    
使用jQuery:
  • 看看文档,就两行搞定..
    $(document).ready(function() {
    	$("img[class='attachment']").each(function(){
    	    $(this).attr("usemap","#"+$(this).attr("alt"));
        });
    });
    
    • 特别的:得考虑一页多个导图时的情况,所以是要进行 each() 循环处置
  • 当然的,需要 MoinGraphViz/main.py插件的配合,以便从附图的 alt 中获得正确的图片热区ID

    Index: tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py
    ===================================================================
    --- tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py (revision 17010)
    +++ tasks/wiki.KUP/MoinMoin/parser/MoinGraphViz/main.py (revision 17013)
    @@ -65,5 +65,8 @@
             fImgName = os.path.basename(s)
             pfImgMap = "%s/%s.map"%(self.attapath,fImgName)
    -        s = wiki2html(self.request, '{{attachment:%s}}' % os.path.basename(s))
    +        #s = wiki2html(self.request, '{{attachment:%s}}' % os.path.basename(s))
    +        s = wiki2html(self.request, '{{attachment:%s|%s}}' % (os.path.basename(s)
    +                        ,fImgName.split("-")[1])
    +                    )
             #   100728 Zoom.Quiet appended <map> data
             if os.path.exists(pfImgMap):
    

1.3. 编码问题

一切表现良好,无意间发现凡是有URL包含的 dot 图谱,被其它页面包含时就出错!

囧rz...:
  • 尝试各种编码,未果
  • 嘗試各种<map>的包装形式:
    1. 使用 <pre>
    2. 使用 <textarea>
  • 都在 Include 时,可怜的出错了...
  • 实在是因为 MoinMoin 不想处理正常的 HTML 标签属性的其它编码内容
  • 好吧,俺就不给出无用的中文内容!
  • path/2/moin运行实例/data/plugin/parser/MoinGraphViz/main.py 追加一小段正则表达式替换
    def format(self, formatter):
        w = self.request.write
        #...
        #   100728 Zoom.Quiet appended <map> data
        if os.path.exists(pfImgMap):
            import re
            p=re.compile( 'title=\".+?\"')
            s += p.sub("title=\"\"",fread(pfImgMap))
            #s += fread(pfImgMap)

HTML 输出:

<img alt="graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" 
class="attachment" 
src="/moin/KupHostsMapping/MapLegend?action=AttachFile&amp;do=get&amp;target=graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" 
title="graphviz-hostLegendG-a58ce04d28b92b59230a72964c27a9f8fc867de5.png" /> 
<map id="hostLegendG" name="hostLegendG">
<area shape="rect" href="http://wiki.s.kingsoft.net/moin/KupHosts" title="" alt="" coords="101,36,173,63"/>
<area shape="rect" href="http://wiki.s.kingsoft.net/moin/KupHosts" title="" alt="" coords="197,36,269,63"/>
</map>

一切安定了...

2. 小结

  • 思路不乱的情况下,主要问题就是定位代码段!以及测试!
    • 面对一运行中的MoinMoin 进行测试开发时
    • 使用sshfs 可以快速挂接远程服务器的任意目录,非常方便!
    • 使用沙箱页面进行修订插件的测试,可以避免正常文章页面的中间调试失常..
    • 在调试中,直接输出预想数据到 HTML 里看,比看系统日志,使用print 要方便
    • MoinMoin 有完备的缓冲机制,要及时看到修订效果,得重启HTTPD
  • jQuery 真的很好用,也好学!
下载:
diff: MoinMoin_parser_MoinGraphViz_main.py-from-r16946-to-r17013.diff

2.1. 时间清单

  1. 00:05 定目标
  2. 00:15 准备环境
  3. 01:30 探查运行环境,明确修订目标脚本
  4. 01:45 插件修订完成
  5. 00:15 图片应用map jQuery 嘗試
  6. 00:35 图片插入系统修订完成
  7. 01:00 正则表达式+jQuery 解决 Incldue() 时的编码问题
  8. 00:45 整理代码,发布到Blog
  9. 00:35 整理代码,反馈到MoinMoin.in
  10. 00:40 8次中断,回到工作场景的心理浪费

总计: ~ 6小时


  • t2t渲染:: 2010-10-09 02:21:37
  • 动力源自::txt2tags

§ 写于: Fri, 30 Jul 2010 | 永久链接;源文: rdf ,rss ,raw | 分类: /utility/py4web/MoinMoin §
[MailMe] [Print] Creative Commons License

作品Zoom.Quiet创作,采用知识共享署名-相同方式共享 2.5 中国大陆许可协议进行许可。 基于zoomquiet.org上的作品创作。

¶ [Py4SA]智能关闭触摸板

2010-07-14 10:22

1. 问题

嗯嗯嗯,俺一直使用 WACOM 的数字绘图板替代鼠标的 ;-)

  • 去年生日,老婆升级了俺的 FAVO CTE-430BAMBOO CTH-461
  • 随着 Ubuntu 10.04系统,一同升级了驱动,非常好用:
    1. 小横板 248.2 x 176.1,和屏幕 1:1 对应,不用拖动,有空间感觉了直接就可以移动到对应区域!
    2. 无线压感笔,直接点击就是左击鼠标
    3. 笔有侧键,配置默认就是原先最舒服的:
      • 上键是右击
      • 下键是中击
  • 触摸板的手指点击就不必要了
    • 如何令系统不启动触摸板的 Touch 响应?

2. 尝试

  • Command Line Configuration Interface (xsetwacom)
    • 官方是有命令行级别的配置工具的
    • 但是!真TMD难以看明白哈
    • 广泛的搜索后,大致明白,xsetwacom 提供两种配置输出:
      1. 命令行用的执行字串
      2. 配置文件中使用的配置文本
    • 整个使用流程是:
      1. 使用其它系统监察命令,确认 WACOM 设备USB接入后的设备号
      2. 使用 xsetwacom 进行模拟配置,选择输出合适的配置命令
      3. 然后将输出的配置内容,部署到合适的系统启动脚本或是配置文件中

  • 俺习惯使用命令行配置,这样可以直接测试是否靠谱,但是发现:
    ~> xinput --list 
    ⎡ Virtual core pointer                    	id=2	[master pointer  (3)]
    ⎜   ↳ Virtual core XTEST pointer              	id=4	[slave  pointer  (2)]
    ⎜   ↳ Wacom Bamboo Craft Pen eraser           	id=11	[slave  pointer  (2)]
    ⎜   ↳ Wacom Bamboo Craft Pen                  	id=12	[slave  pointer  (2)]
    ⎜   ↳ Wacom Bamboo Craft Finger pad           	id=13	[slave  pointer  (2)]
    ⎜   ↳ Wacom Bamboo Craft Finger               	id=14	[slave  pointer  (2)]
    ⎜   ↳ TPPS/2 IBM TrackPoint                   	id=16	[slave  pointer  (2)]
    ⎜   ↳ Macintosh mouse button emulation        	id=18	[slave  pointer  (2)]
    ⎣ Virtual core keyboard                   	id=3	[master keyboard (2)]
        ↳ Virtual core XTEST keyboard             	id=5	[slave  keyboard (3)]
    ...
    
    • 使用 xinput 探察出来的 Wacom Bamboo Craft Finger 触摸板设备号,每次重启系统时不一定一样!
    • FT! 那就得编程让系统重启时,自个儿探察一下设备号,然后使用固定的配置命令关闭 BAMBOO 对应设备
如何在Shell 中获取另外系统命令的输出并截获对应数码组合成新的命令?:
嗯嗯嗯,,, 嗯嗯嗯,,,,直接囧掉! 俺没有这种功力!

3. Py之

  • 直接使用模板记录要执行的命令,预留可能变动的设备号:
    #!/bin/sh
    ### xinput4bamboo.tpl
    sleep 3 && xsetwacom set %s Touch "off"
    
    

  • 配合xinput4bamboo.py
    import sys,os
    if __name__ == '__main__':      # this way the module can be
        """usage:
        $ xinput --list | grep "Wacom Bamboo Craft Finger" | python ./xinput4bamboo.py
        """
        if sys.stdin:
            for l in sys.stdin.readlines():
                if "pad" not in l:
                    bambooid= l.split()[6].split("=")[1]
                    open("xinput4bamboo.sh","w").write(open("xinput4bamboo.tpl").read()%bambooid)
                    os.chmod("xinput4bamboo.sh",0755)
    
    

  • 组合成启动脚本
    #!/bin/sh
    VER="main-rcloc.sh v10.7.14"
    DATE=`date "+%y%m%d"`
    MYRC="/home/zoomq/.zoomq/rc.local"
    #=========================================================== path defines
    LOGF="/var/log/0day/$DATE-myrcloc.log"
    #=========================================================== action defines
    cd $MYRC
    xinput --list | grep "Wacom Bamboo Craft Finger" | python ./xinput4bamboo.py  >> $LOGF 2>&1 
    ./xinput4bamboo.sh  >> $LOGF 2>&1 
    

  • 部属成启动应用:
    • 齐活! 没有疑惑,随手写成! 5分钟!
Python在Unix和Linux系统管理中的应用(影印版):
  • 绝对好书! 值得慢慢看,E文非常简洁,Py清明的代码,直接看/尝试就可以体会到本意了...

动力源自::txt2tags


§ 写于: Wed, 14 Jul 2010 | 永久链接;源文: rdf ,rss ,raw | 分类: /utility/py4sys §
[MailMe] [Print] Creative Commons License

作品Zoom.Quiet创作,采用知识共享署名-相同方式共享 2.5 中国大陆许可协议进行许可。 基于zoomquiet.org上的作品创作。

¶ [Py4SA]批量文件重命名

2010-07-13 22:02

1. 问题

嗯嗯嗯,最近从 六哥的 DUKU 重新激发了评书的记忆,下载了全本 袁阔成(40回)红岩魂的mp3 ;-)

可是解开都是乱码文件名:

  • :;
  • 可恶的中文编码! 一定是在XP 中使用CP936 压出来的
  • 怎么整呢?
Python在Unix和Linux系统管理中的应用(影印版):
  • 绝对好书! 值得慢慢看,E文的也非常简洁,Py 清明的代码,直接看,尝试就可以体会到本意了...

2. 尝试

已知有很多途径...参考:linux下批量修改文件名_乌哥的家常菜_百度空间

  1. 使用find、awk/grep/sed、mv等命令组合来实现
    • 俺都不熟练,而且要串很多步操作,忒不直爽了..

  2. 编写Shell脚本运行~ 不就是命令组合嘛,,.,
  3. rename ... NGU/Linux 中的标准化重命名工具,但是,怎么可以将批量文件中指定前几个字符替换成指定字符?
    ~/media/4talking/袁阔诚/try> rename -n 's/^.{6}/红岩魂/' *.mp3
    ...
    ���һ�38.mp3 renamed as 红岩魂38.mp3
    ���һ�39.mp3 renamed as 红岩魂39.mp3
    ���һ�40.mp3 renamed as 红岩魂40.mp3
    
    • 反复尝试半小时才获得满意的...

3. Py之

想嘗試Py 的思路...

import sys,shutil
if __name__ == '__main__':      # this way the module can be
    '''usage:
        $ ls *.mp3 | python rename-zh.py
    '''
    if sys.stdin:
        for l in sys.stdin.readlines():
            shutil.copyfile(l[:-1], "redStoneSoul-%s"%l[6:-1])
  • 好的,没有尝试,随手写来,3分钟搞掂

Python在Unix和Linux系统管理中的应用(影印版):
  • 绝对好书! 值得慢慢看,E文非常简洁,Py清明的代码,直接看/尝试就可以体会到本意了...

动力源自::txt2tags


§ 写于: Tue, 13 Jul 2010 | 永久链接;源文: rdf ,rss ,raw | 分类: /utility/py4sys §
[MailMe] [Print] Creative Commons License

作品Zoom.Quiet创作,采用知识共享署名-相同方式共享 2.5 中国大陆许可协议进行许可。 基于zoomquiet.org上的作品创作。