超融合 request #32 from nekomoyi/feat/migrate-to-pywebview

强兼苹果！

Author: RimoChan

librian/librian_util/文件.py

@@ -1,5 +1,6 @@
 import os
 import logging
+from pathlib import Path
 
 
 def 補充擴展名(文件名, 擴展名表, 路徑='./'):
@@ -14,5 +15,4 @@ def 補充擴展名(文件名, 擴展名表, 路徑='./'):
     return 文件名
 
 def 轉爲網址路徑(路徑):
-    絕對路徑 = os.path.abspath(路徑)
-    return f'file:///{絕對路徑}'
+    return Path(路徑).resolve().as_uri()

librian/librian本體/librian.py

@@ -23,4 +23,4 @@ def ember(project, 編寫模式=False, 跳過標題畫面=False, 監聽模式=Fa
         from . import 監聽服務
         監聽服務.啓動服務(端口)
     app = 窗口.啓動app()
-    app.MainLoop()
+    app.運行()

librian/librian本體/webview窗口.py

@@ -0,0 +1,85 @@
+import platform
+from pathlib import Path
+from urllib.parse import parse_qsl, urlencode, urlsplit, urlunsplit
+
+from .前端API import 山彥API
+
+
+橋腳本 = Path(__file__).parent / '前端/pywebview橋.js'
+
+
+class WebView窗口:
+    def __init__(self, webview, url, icon, title, size, storage_path):
+        self._webview = webview
+        self._url = _本地網址(url)
+        self._icon = str(icon) if icon else None
+        self._title = title
+        self._size = tuple(size)
+        self._storage_path = str(storage_path) if storage_path else None
+        self._api = None
+        self._window = None
+
+    def 綁定(self, 山彥):
+        self._api = 山彥API(山彥)
+
+    def 執行js(self, script):
+        return self._window.evaluate_js(script)
+
+    def 切換全屏(self):
+        return self._window.toggle_fullscreen()
+
+    def 運行(self):
+        if self._api is None:
+            raise RuntimeError('啓動窗口前必須綁定山彥')
+
+        width, height = self._窗口尺寸()
+        self._window = self._webview.create_window(
+            title=self._title,
+            url=self._url,
+            js_api=self._api,
+            width=width,
+            height=height,
+        )
+        self._window.events.loaded += self._注入橋
+        self._webview.start(
+            private_mode=False,
+            storage_path=self._storage_path,
+            icon=self._icon,
+        )
+
+    def _窗口尺寸(self):
+        if platform.system() != 'Darwin':
+            return self._size
+
+        import AppKit
+
+        內容寬, 內容高 = self._size
+        樣式 = (
+            AppKit.NSWindowStyleMaskTitled
+            | AppKit.NSWindowStyleMaskClosable
+            | AppKit.NSWindowStyleMaskMiniaturizable
+            | AppKit.NSWindowStyleMaskResizable
+        )
+        內容矩形 = AppKit.NSMakeRect(0, 0, 內容寬, 內容高)
+        外框矩形 = AppKit.NSWindow.frameRectForContentRect_styleMask_(內容矩形, 樣式)
+        return round(外框矩形.size.width), round(外框矩形.size.height)
+
+    def _注入橋(self):
+        當前網址 = urlsplit(self._window.get_current_url())
+        if dict(parse_qsl(當前網址.query)).get('_librian_exit') == '1':
+            self._window.destroy()
+        else:
+            self._window.run_js(橋腳本.read_text(encoding='utf8'))
+
+
+def _本地網址(url):
+    區段 = urlsplit(str(url))
+    查詢 = parse_qsl(區段.query, keep_blank_values=True)
+    查詢.append(('_librian_webview', '1'))
+    return urlunsplit(區段._replace(query=urlencode(查詢)))
+
+
+def 創建窗口(url, icon, title, size, storage_path):
+    import webview
+
+    return WebView窗口(webview, url, icon, title, size, storage_path)

librian/librian本體/前端/adv.html

@@ -4,6 +4,7 @@
         <meta charset='utf-8'/>
         <link rel="stylesheet" href='./黑科技/font-awesome-4.7.0/css/font-awesome.css'/>
         <script src='./虛擬核心.js'></script>
+        <script src='./pywebview橋.js'></script>
         <script src='./dist/bundle.js'></script>
     </head>
     <style id="style"></style>

librian/librian本體/前端/adv.ptml

@@ -4,6 +4,7 @@ html:
         meta charset='utf-8'; 
         link rel="stylesheet" href='./黑科技/font-awesome-4.7.0/css/font-awesome.css';
         script src='./虛擬核心.js':
+        script src='./pywebview橋.js':
         script src='./dist/bundle.js':
 
     style#style:

librian/librian本體/前端/pywebview橋.js

@@ -0,0 +1,65 @@
+(function () {
+    'use strict';
+
+    if (new URLSearchParams(window.location.search).get('_librian_webview') !== '1') {
+        return;
+    }
+    if (window.山彥 && window.山彥.傳輸 === 'promise') {
+        return;
+    }
+
+    var api就緒 = new Promise(function (resolve) {
+        if (window.pywebview && window.pywebview.api) {
+            resolve(window.pywebview.api);
+            return;
+        }
+        window.addEventListener('pywebviewready', function () {
+            resolve(window.pywebview.api);
+        }, { once: true });
+    });
+    var 調用隊列 = Promise.resolve();
+    function 導航(網址) {
+        var 目標 = new URL(網址, window.location.href);
+        目標.searchParams.set('_librian_webview', '1');
+        window.location.href = 目標.href;
+    }
+    function 退出() {
+        var 目標 = new URL(window.location.href);
+        目標.searchParams.set('_librian_exit', '1');
+        window.location.href = 目標.href;
+    }
+    async function 忽略錯誤(結果) {
+        try {
+            await 結果;
+        } catch (錯誤) {}
+    }
+    var 完成操作 = {
+        回標題: 導航,
+        開始: 導航,
+        讀檔畫面: 導航,
+        從劇本開始: 導航
+    };
+    async function 執行調用(上一次調用, 方法, 參數) {
+        await 上一次調用;
+        var api = await api就緒;
+        var 返回值 = await api[方法].apply(api, 參數);
+        if (完成操作[方法]) {
+            return 完成操作[方法](返回值);
+        }
+        return 返回值;
+    }
+
+    window.山彥 = new Proxy({ 傳輸: 'promise', 退出: 退出 }, {
+        get: function (目標, 方法) {
+            if (方法 in 目標) {
+                return 目標[方法];
+            }
+            return async function () {
+                var 參數 = Array.prototype.slice.call(arguments);
+                var 結果 = 執行調用(調用隊列, 方法, 參數);
+                調用隊列 = 忽略錯誤(結果);
+                return await 結果;
+            };
+        }
+    });
+})();

librian/librian本體/前端/src/全局.coffee

@@ -63,19 +63,19 @@ window.onload = ->
                 handler: (val, oldVal) ->
                     山彥.vue更新(val)
                 deep: true
-    山彥.vue連接初始化((x)-> 
-        for a,b of x
-            v[a]=b
-    )
+    await 初始化()
+    演出.準備工作()
     if 入口=='讀檔'
-        山彥.初始化 ->
-            演出.準備工作()
-            存檔讀檔.讀檔準備()
+        await 存檔讀檔.讀檔準備()
     else
-        山彥.初始化 ->
-            演出.準備工作()
-            演出.更新()
-        
+        await 演出.更新()
+
+初始化 = ->
+    狀態 = await 山彥.初始化()
+    if 狀態
+        for 鍵, 值 of 狀態
+            v[鍵] = 值
+
 
 
 從虛擬核心提取資源 = (心)->
@@ -94,9 +94,9 @@ window.onload = ->
 
 window.加載完成的初始化 = ->
     $('#加載畫面').fadeOut()
-    山彥.初始化 ->
-        演出.準備工作()
-        演出.更新()
+    await 初始化()
+    演出.準備工作()
+    await 演出.更新()
 
 在線運行 = ->
     if typeof(虛擬核心) == "undefined"
@@ -117,12 +117,12 @@ window.加載完成的初始化 = ->
             this.n += 1
         更新: ->
             演出.改變演出狀態(虛擬核心.演出步[this.n])
-        狀態回調: (步進, callback)->
+        狀態回調: (步進)->
             if 步進
                 this.步進()
-            callback(虛擬核心.演出步[this.n])
-        初始化: (callback)->
-            callback()
+            虛擬核心.演出步[this.n]
+        初始化: ->
+            return
         切換全屏: ->
             doc = window.document
             docEl = doc.documentElement

librian/librian本體/前端/src/存檔讀檔.coffee

@@ -6,20 +6,19 @@ import 演出 from './演出.coffee'
 
 export default 存檔讀檔 = 
     存檔準備: ->
-        山彥.取檔 (檔表) ->
-            v.存檔讀檔.檔表 = 檔表
-            v.存檔讀檔.啓動功能 = '存檔'
-            $('#總畫面').attr('存檔讀檔面板', 'on')
+        檔表 = await 山彥.取檔()
+        v.存檔讀檔.檔表 = 檔表
+        v.存檔讀檔.啓動功能 = '存檔'
+        $('#總畫面').attr('存檔讀檔面板', 'on')
     讀檔準備: ->
-        山彥.取檔 (檔表) ->
-            v.存檔讀檔.檔表 = 檔表
-            v.存檔讀檔.啓動功能 = '讀檔'
-            $('#總畫面').attr('存檔讀檔面板', 'on')
+        檔表 = await 山彥.取檔()
+        v.存檔讀檔.檔表 = 檔表
+        v.存檔讀檔.啓動功能 = '讀檔'
+        $('#總畫面').attr('存檔讀檔面板', 'on')
     存檔: (名字, 描述)->
         this.截圖轉換 160, 90, (截圖)->
-            山彥.存檔(名字, 描述, 截圖)
-            山彥.取檔 (檔表) ->
-                v.存檔讀檔.檔表 = 檔表
+            await 山彥.存檔(名字, 描述, 截圖)
+            v.存檔讀檔.檔表 = await 山彥.取檔()
     讀檔: (名字)->
         山彥.讀檔(名字)
         $('#總畫面').attr('存檔讀檔面板', 'off')
@@ -39,4 +38,4 @@ export default 存檔讀檔 =
             context = canvas.getContext("2d")
             context.drawImage(t, 0, 0, 160, 90)
             base64 = canvas.toDataURL("image/webp")
-            回調(base64)
+            回調(base64)

librian/librian本體/前端/src/對話框.sass

@@ -0,0 +1,15 @@
+#話語框
+    height: 90%
+
+#名字框背景, #話語框背景
+    box-sizing: border-box
+    border: 36px solid
+    border-image: url('../素材/t0.png') 86 86 round
+    background: rgba(128, 128, 128, 0.8)
+    background-clip: padding-box
+
+#名字
+    padding: 22px 42px
+
+#話語
+    padding: 40px

librian/librian本體/前端/src/演出.coffee

@@ -41,12 +41,12 @@ export default 演出 =
         setTimeout(演出.縮放調整, 200)
 
     更新: (瞬間化=false)->
-        山彥.狀態回調 false, (狀態, 步進=false)->
-            演出.改變演出狀態(狀態, 瞬間化)
+        狀態 = await 山彥.狀態回調(false)
+        演出.改變演出狀態(狀態, 瞬間化)
 
     步進更新: (瞬間化=false)->
-        山彥.狀態回調 true, (狀態)->
-            演出.改變演出狀態(狀態, 瞬間化)
+        狀態 = await 山彥.狀態回調(true)
+        演出.改變演出狀態(狀態, 瞬間化)
 
     翻譯: (s)->
         if not v.翻譯