OSDN Git Service

Version 0.6.178, fix X.KB for IE5-, X.HTMLAudio for ChromeWV & AOSP.
[pettanr/clientJs.git] / 0.6.x / js / 06_net / 00_XNet.js
index c077326..2a75d06 100644 (file)
 \r
 // http://bugs.jquery.com/ticket/2709\r
 // <head><base> がある場合、<script>の追加に失敗する\r
-X.Net = {\r
 \r
-       xhrGet : function( url, type ){\r
-               return new X_NET_Queue( X_NET_TYPE_XHR, { method : 'GET', url : url, type : type } );\r
-       },\r
-       \r
-       xhrPost : function( url, type, postbody ){\r
-               return new X_NET_Queue( X_NET_TYPE_XHR, { method : 'POST', url : url, type : type, postbody : postbody } );\r
-       },\r
-       \r
-       formGet : function(){\r
-               \r
-       },\r
-       \r
-       formPost : function(){\r
-               \r
-       },\r
-       \r
-       // TODO chashe\r
-       // TODO iframe useful or not. TODO dynamicIframe\r
-       // TODO file: では http: は使えない\r
-       jsonp : function( url, useIframe ){\r
-               return new X_NET_Queue( X_NET_TYPE_JSONP, url );\r
-       },\r
-       \r
-       image : function( url, needSize, delay, timeout ){\r
-               return new X_NET_Queue( X_NET_TYPE_IMAGE, { url : url, needSize : needSize } );\r
-       },\r
-       \r
-       // <script>, <link>\r
-       \r
-       amountQueue : function(){\r
-               return X_NET_QUEUE_LIST.length;\r
-       }\r
 \r
-};\r
 \r
+/**\r
+ * <p>state() メソッドだけを持つ。通信用のプロパティは X.Pair によって隠蔽されています。\r
+ * <h4>通信のキャンセル</h4>\r
+ * <p>kill() で通信待ち中はキャンセル&破棄、通信中の場合は通信の中断&破棄を行う。\r
+ * <h4>イベント</h4>\r
+ * <dl>\r
+ * <dt>X.Event.PROGRESS<dd>通信進行状況\r
+ * <dt>X.Event.SUCCESS<dd>通信成功\r
+ * <dt>X.Event.ERROR<dd>通信エラー タイムアウトの場合、e.timeout == true で分かる。\r
+ * <dt>X.Event.CANCELED<dd>通信のユーザー、プログラムによるキャンセル。SUCCESS, ERROR, COMPLETE 後に kill()してもCANCELEDは呼ばれません。\r
+ * <dt>X.Event.COMPLETE<dd>通信完了。SUCCESS, ERROR, CANCELED 後に発生。\r
+ * </dl>\r
+ * <p>X.Net インスタンスは COMPLETE 後に自動で破棄される。\r
+ * <h4>必須プロパティ</h4>\r
+ * <dl>\r
+ * <dt>url<dd>URL\r
+ * <dt>type<dd>'xhr', 'jsonp', 'image', 'img'\r
+ * <dt>xhr<dd>URL { url : 'hoge', type : 'xhr' } の省略形\r
+ * <dt>jsonp<dd>URL { url : 'hoge', type : 'jsonp' } の省略形\r
+ * <dt>image, img<dd>URL { url : 'hoge', type : 'image' } の省略形\r
+ * </dl>\r
+ * <h4>XHR 用プロパティ</h4>\r
+ * <dl>\r
+ * <dt>method<dd>'GET', 'POST' 未指定かつ postdata を設定している場合、'POST' になる。\r
+ * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
+ * <dt>postdata<dd>string, object の場合は X.String.serialize される。\r
+ * <dt>async<dd>boolean\r
+ * <dt>username<dd>BASIC 認証\r
+ * <dt>password<dd>BASIC 認証\r
+ * <dt>headers<dd>object xhr.setRequestHeader する値\r
+ * <dt>timeout<dd>タイムアウト ms\r
+ * <dt>cache<dd>headers[ 'Pragma' ] = 'no-cache' 等を設定するか?\r
+ * <dt>dataType<dd>'text', 'json', 'xml', 'blob', 'arraybuffer' 等。xhr.responseType に指定する値\r
+ * <dt>mimeType<dd>'text/xml', 'audio/mpeg' 等。xhr.overrideMimeType する値\r
+ * <dt>auth<dd>X.OAuth2 インスタンス(OAuth2 サービスの定義)\r
+ * <dt>getFullHeaders<dd>getAllResponseHeaders() をパースしたハッシュを返す。値は配列になっている。XDR は Content-Type しか取得でいない。\r
+ * <dt>canUse<dd>未実装。gadget proxy, YQL, <del>YPipes</del> 等のマッシュアップの許可。現在は test : 'gadget' としている\r
+ * </dl>\r
+ * \r
+ * <h4>JSONP 用プロパティ</h4>\r
+ * <dl>\r
+ * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
+ * <dt>callbackName<dd>callback(json) コールバック名が固定されている際に指定。または &callback=hoge 以外の名前でコールバックを指定する場合に params と callbackName に書いておく。url パラメータに callback が無く、callbackName もない場合、フレームワーク内で自動で設定される\r
+ * <dt>charset<dd>ページと異なるjsonpを読み込む場合に指定 'EUC-JP', 'Shift-JIS' 等 script タグの charset に入る。https://code.google.com/p/ajaxzip3/issues/detail?id=5\r
+ * <dt>useFireWall<dd>異なるドメインに jsonp を読み込んだ後、xdomain iframe 通信を使ってデータを受け取る。不正なコードの実行を防ぐことが出来る、未実装\r
+ * </dl>\r
+ * \r
+ * <h4>Form 用プロパティ</h4>\r
+ * <dl>\r
+ * <dt>params<dd>url パラメータを object で渡すことが出来る。\r
+ * <dt>method<dd>'GET' or 'POST'\r
+ * <dt>target<dd>'_self', '_parent', '_top' の場合、ページから離脱する。target を指定せず同一ドメインの場合 response に body.innerHTML が返る。\r
+ * </dl>\r
+ * \r
+ * @alias X.Net\r
+ * @class 各種ネットワーク機能をラップしインターフェイスを共通化する。\r
+ * @constructs Net\r
+ * @extends {EventDispatcher}\r
+ * @example // XHR - GET\r
+ * var net = X.Net( { xhr : urlString } )\r
+ *             .listen( X.Event.PROGRESS )\r
+ *             .listenOnce( [ X.Event.SUCCESS, X.Event.ERROR, X.Event.TIMEOUT, X.Event.CANCELED ] );\r
+ * \r
+ * // XHR - GET \r
+ * var net = X.Net( urlString );\r
+ * \r
+ * // XHR - POST \r
+ * var net = X.Net( { xhr : urlString, postdata : myData } );\r
+ * \r
+ * // JSONP\r
+ * var net = X.Net( { jsonp : urlString, params : params, callbackName : callbackName, charset : charset, useFireWall : false } );\r
+ * \r
+ * // Form\r
+ * var net = X.Net( { form : urlString, method : 'POST', target : '_self', params : {} } );\r
+ * \r
+ * // Image preload & getSize\r
+ * var net = X.Net( { image : src, sizeDetection : true } );\r
+ * \r
+ * // load &lt;script&gt;, &lt;link&gt;\r
+ */\r
+X[ 'Net' ] = X_EventDispatcher[ 'inherits' ](\r
+               'X.Net',\r
+               X_Class.NONE,\r
+               {\r
+                       \r
+                       'Constructor' : function( urlOrObject, opt_options ){\r
+                               var opt, url, type, auth;\r
+                               \r
+                               if( X_Type_isObject( opt = urlOrObject ) ){\r
+                                       //{+xhr\r
+                                       if( X_Type_isString( url = opt[ 'xhr' ] ) ){\r
+                                               type = X_NET_TYPE_XHR;\r
+                                       } else\r
+                                       //}+xhr\r
+                                       //{+jsonp\r
+                                       if( X_Type_isString( url = opt[ 'jsonp' ] ) ){\r
+                                               type = X_NET_TYPE_JSONP;\r
+                                       } else\r
+                                       //}+jsonp\r
+                                       //{+netimage\r
+                                       if( X_Type_isString( url = opt[ 'img' ] || opt[ 'image' ] ) ){\r
+                                               type = X_NET_TYPE_IMAGE;\r
+                                       } else\r
+                                       //}+netimage\r
+                                       //{+netform\r
+                                       if( X_Type_isString( url = opt[ 'form' ] ) ){\r
+                                               type = X_NET_TYPE_FORM;\r
+                                       } else\r
+                                       //}+netform\r
+                                       if( !( type = X_NET_NAME_TO_ID[ opt[ 'type' ] ] ) ){\r
+                                               //{+dev\r
+                                               alert( 'X.Net args error' );\r
+                                               //}+dev\r
+                                               return;\r
+                                       } else {\r
+                                               url = opt[ 'url' ];\r
+                                       };\r
+                                       //{+dev\r
+                                       if( !X_Type_isString( url ) ){\r
+                                               alert( 'X.Net args error' );\r
+                                               return;\r
+                                       };\r
+                                       //}+dev\r
+                               } else\r
+                               if( X_Type_isString( urlOrObject ) ){\r
+                                       url = urlOrObject;\r
+                                       \r
+                                       if( X_Type_isObject( opt = opt_options ) ){\r
+                                               type = opt[ 'type' ] || X_NET_TYPE_XHR;\r
+                                       } else {\r
+                                               type = X_NET_TYPE_XHR;\r
+                                               opt  = { 'url' : url, 'method' : 'GET' };\r
+                                       };\r
+                               //{+dev \r
+                               } else {\r
+                                       alert( 'X.Net args error' );\r
+                                       return;\r
+                               //}+dev\r
+                               };\r
+                               \r
+                               // auth の退避\r
+                               if( auth = opt[ 'auth' ] ){\r
+                                       delete opt[ 'auth' ];\r
+                               };\r
+                               opt = X_Object_deepCopy( opt );\r
+                               if( auth ){\r
+                                       opt[ 'auth' ] = auth; // auth は deep copy されるとまずい\r
+                               };\r
+                               \r
+                               // params を url に追加\r
+                               if( opt[ 'params' ] ){\r
+                                       url = X_URL_create( url, opt[ 'params' ] );\r
+                                       delete opt[ 'params' ];\r
+                               };                              \r
+                               \r
+                               if( type === X_NET_TYPE_XHR ){\r
+                                       opt[ 'method' ] = opt[ 'method' ] || ( opt[ 'postdata' ] ? 'POST' : 'GET' );\r
+\r
+                                       // XDomain 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
+                                       // PUT DELETE UPDATE 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
+                                       // xプロトコル(X_URL_isSameProtocol) な binary のロード -> gadget 内で proxyURL による XHR\r
+                                       //  or X_EVENT_ERROR\r
+                                       \r
+                                       opt[ 'dataType' ] = opt[ 'dataType' ] || X_URL_getEXT( url );\r
+                               };\r
+                               \r
+                               opt.netType   = type;\r
+                               opt[ 'url'  ] = url;                            \r
+                               \r
+                               X_Pair_create( this, opt );\r
+                               \r
+                               this[ 'listen' ]( X_EVENT_KILL_INSTANCE, X_NET_proxyDispatch );\r
+                               \r
+                               X_NET_QUEUE_LIST[ X_NET_QUEUE_LIST.length ] = this;\r
+                               !X_NET_currentQueue && X_NET_shiftQueue();\r
+                       },\r
+\r
+               /**\r
+                * 現在の状態。1:順番待ち, 2:通信中, 3:通信完了フェーズ\r
+                * @alias Net.prototype.state\r
+                */\r
+                       'state' : function(){\r
+                               return this === X_NET_currentQueue ?\r
+                                       ( X_NET_completePhase ? 3 : 2 ) :\r
+                                       0 <= X_NET_QUEUE_LIST.indexOf( this ) ? 1 : 0;\r
+                       }\r
+               }\r
+       );\r
 /*\r
  * @interface\r
  */\r
@@ -54,110 +208,158 @@ var X_NET_TYPE_XHR   = 1,
        X_NET_TYPE_FORM  = 3,\r
        X_NET_TYPE_IMAGE = 4,\r
 \r
+       X_NET_NAME_TO_ID = {\r
+               'xhr'   : X_NET_TYPE_XHR,\r
+               'jsonp' : X_NET_TYPE_JSONP,\r
+               'form'  : X_NET_TYPE_FORM,\r
+               'img'   : X_NET_TYPE_IMAGE,\r
+               'image' : X_NET_TYPE_IMAGE\r
+       },\r
+\r
        X_NET_QUEUE_LIST = [],\r
 \r
-       X_NET_XHRWrapper,\r
-       X_NET_JSONPWrapper,\r
-       X_NET_FormWrapper,\r
-       X_NET_ImageWrapper,\r
+       X_XHR,\r
+       X_JSONP,\r
+       X_FormSender,\r
+       X_ImgLoader,\r
+       X_GadgetXHR,\r
 \r
        X_NET_currentWrapper,\r
        X_NET_currentQueue,\r
-\r
-       X_NET_Queue = X.EventDispatcher.inherits(\r
-               'XNetQueue',\r
-               X.Class.POOL_OBJECT,\r
-               {\r
-                       type : 0,\r
-                       data : null,\r
-                       \r
-                       Constructor : function( type, data ){\r
-                               this.type = type;\r
-                               this.data = data;                               \r
-                               \r
-                               //this.listenOnce( X.Event.COMPLETE, X_NET_proxyDispatch );\r
-                               X_EventDispatcher_systemListen( this, X.Event.COMPLETE, X_NET_proxyDispatch );\r
-                               \r
-                               X_NET_QUEUE_LIST[ X_NET_QUEUE_LIST.length ] = this;\r
-                               !X_NET_currentQueue && X_NET_shiftQueue();\r
-                       },\r
-                       \r
-                       busy : function(){\r
-                               return this === X_NET_currentQueue && X_NET_currentWrapper._busy;\r
-                       },\r
-                       \r
-                       cancel : function(){\r
-                               var i = X_NET_QUEUE_LIST.indexOf( this );\r
-                               if( i !== -1 ){\r
-                                       X_NET_QUEUE_LIST.splice( i, 1 );\r
-                                       this.asyncDispatch( X.Event.CANCELED );\r
-                                       this.asyncDispatch( 16, X.Event.COMPLETE );\r
-                               } else\r
-                               if( this === X_NET_currentQueue ){\r
-                                       X_NET_currentWrapper.cancel();\r
-                               };\r
-                       }\r
-               }\r
-       );\r
+       X_NET_currentData,\r
+       X_NET_completePhase;\r
 \r
 function X_NET_proxyDispatch( e ){\r
+       var i, flag, auth;\r
+       \r
        switch( e.type ){\r
-               case X.Event.BEFORE_KILL_INSTANCE :\r
-                       break;\r
-               case X.Event.KILL_INSTANCE :\r
+               case X_EVENT_KILL_INSTANCE :\r
+                       if( this === X_NET_currentQueue && X_NET_completePhase ){\r
+                               if( X_NET_completePhase === 1 ){\r
+                                       this[ 'unlisten' ]( X_EVENT_COMPLETE, X_NET_proxyDispatch )\r
+                                               [ 'dispatch' ]( X_EVENT_COMPLETE );\r
+                               };\r
+                               X_NET_shiftQueue();\r
+                               X_Pair_release( this );\r
+                               X_NET_completePhase = 0;\r
+                       } else\r
+                       if( this === X_NET_currentQueue ){\r
+                               X_NET_currentWrapper.cancel();\r
+                               X_NET_shiftQueue();\r
+                               flag = true;\r
+                       } else\r
+                       if( ( i = X_NET_QUEUE_LIST.indexOf( this ) ) !== -1 ){\r
+                               X_NET_QUEUE_LIST.splice( i, 1 );\r
+                               flag = true;\r
+                       };\r
+                       \r
+                       if( flag ){ // flag が立つ場合、これは中断\r
+                               this[ 'dispatch' ]( X_EVENT_CANCELED );\r
+                               this[ 'dispatch' ]( { type : X_EVENT_COMPLETE, 'lastEventType' : X_EVENT_CANCELED } );\r
+                               X_Pair_release( this );\r
+                       };\r
                        break;                  \r
-               case X.Event.KILL_INSTANCE_CANCELED :\r
-                       break;\r
-               case X.Event.PROGRESS :\r
-                       this.dispatch( e );\r
+               case X_EVENT_PROGRESS :\r
+                       this[ 'dispatch' ]( e );\r
                        break;\r
-               case X.Event.SUCCESS :\r
-               case X.Event.ERROR :\r
-               case X.Event.TIMEOUT :\r
-               case X.Event.CANCELED :\r
-                       this.dispatch( e );\r
-                       this.asyncDispatch( X.Event.COMPLETE );\r
+               \r
+               case X_EVENT_ERROR :\r
+                       if( e.status === 401 ){\r
+                               if( auth = X_Pair_get( this )[ 'auth' ] ){\r
+                                       X_Pair_get( auth ).onAuthError( auth, e );\r
+                                       // TODO 破棄しないで待機。\r
+                               };\r
+                       };\r
+                       \r
+               case X_EVENT_SUCCESS :\r
+                       X_NET_completePhase = 1;\r
+                       this[ 'listenOnce' ]( X_EVENT_COMPLETE, X_NET_proxyDispatch )\r
+                               [ 'asyncDispatch' ]( 32, { type : X_EVENT_COMPLETE, 'lastEventType' : e.type } );\r
+\r
+                       this[ 'asyncDispatch' ]( e );\r
                        break;\r
-               case X.Event.COMPLETE :\r
-                       this.kill();\r
-                       X_NET_shiftQueue();\r
+\r
+               case X_EVENT_COMPLETE :\r
+                       X_NET_completePhase = 2;\r
+                       this[ 'kill' ]();\r
                        break;\r
        };\r
 };\r
 \r
 function X_NET_shiftQueue(){\r
-       var queue;\r
-       \r
+       var auth, authSettings;\r
+\r
        if( X_NET_currentQueue ){\r
-               console.log( 'X_NET_shiftQueue ' + X_NET_currentWrapper._busy );\r
                if( X_NET_currentWrapper._busy ) return;\r
+               \r
                X_NET_currentWrapper\r
-                       .unlisten( [ X.Event.PROGRESS, X.Event.SUCCESS, X.Event.ERROR, X.Event.TIMEOUT, X.Event.CANCELED ], X_NET_currentQueue, X_NET_proxyDispatch )\r
+                       [ 'unlisten' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR ], X_NET_currentQueue, X_NET_proxyDispatch )\r
                        .reset();\r
-               X_NET_currentQueue = X_NET_currentWrapper = null;\r
+\r
+               X_NET_currentQueue = X_NET_currentWrapper = X_NET_currentData = null;\r
        };\r
        \r
+       console.log( '■■------------ X_NET_shiftQueue ' + X_NET_QUEUE_LIST.length );\r
+       \r
        if( !X_NET_QUEUE_LIST.length ) return;\r
 \r
-       queue = X_NET_QUEUE_LIST.shift();\r
+\r
+       X_NET_currentQueue = X_NET_QUEUE_LIST.shift();\r
+       X_NET_currentData  = X_Pair_get( X_NET_currentQueue );\r
        \r
-       switch( queue.type ){\r
+       switch( X_NET_currentData.netType ){\r
                case X_NET_TYPE_XHR :\r
-                       X_NET_currentWrapper = X_NET_XHRWrapper;\r
+                       \r
+                       // TODO (xProtocol | method='update' | !cors) & canUse -> gadget.io.makeRequset, flash\r
+                       // force 'gadget', 'flash'\r
+                       switch( X_NET_currentData[ 'test' ] ){\r
+                               case 'gadget' :\r
+                                       X_NET_currentWrapper = X_GadgetXHR || X_TEMP.X_GadgetXHR_init();\r
+                                       break;\r
+                               case 'flash'  :\r
+                                       break;\r
+                               \r
+                               default :\r
+                                       X_NET_currentWrapper = X_XHR || X_TEMP.X_XHR_init();\r
+                       };\r
+                       \r
+                       \r
+                       // OAuth2\r
+                       if( auth = X_NET_currentData[ 'auth' ] ){\r
+                               authSettings = X_Pair_get( auth );\r
+                               switch( auth[ 'state' ]() ){\r
+                                       case 0 :\r
+                                       case 1 :\r
+                                       case 2 :\r
+                                               if( !( auth[ 'dispatch' ]( X_EVENT_NEED_AUTH ) & X_CALLBACK_PREVENT_DEFAULT ) ){\r
+                                                       authSettings.lazyRequests = authSettings.lazyRequests || [];\r
+                                                       authSettings.lazyRequests.indexOf( X_NET_currentQueue ) === -1 && authSettings.lazyRequests.push( X_NET_currentQueue );\r
+                                               };\r
+                                               X_NET_currentQueue = null;\r
+                                               X_NET_shiftQueue();\r
+                                               break;\r
+                                       case 3 : // refresh token\r
+                                               X_NET_QUEUE_LIST.push( X_NET_currentQueue );\r
+                                               X_NET_currentQueue = null;\r
+                                               X_NET_shiftQueue();\r
+                                               return;\r
+                               };\r
+                               authSettings.updateRequest( auth, X_NET_currentData );\r
+                       };\r
                        break;\r
                case X_NET_TYPE_JSONP :\r
-                       X_NET_currentWrapper = X_NET_JSONPWrapper;\r
+                       X_NET_currentWrapper = X_JSONP || X_TEMP.X_JSONP_init();\r
                        break;\r
                case X_NET_TYPE_FORM :\r
-                       X_NET_currentWrapper = X_NET_FormWrapper;\r
+                       X_NET_currentWrapper = X_FormSender  || X_TEMP.X_FormSender_init();\r
                        break;\r
                case X_NET_TYPE_IMAGE :\r
-                       X_NET_currentWrapper = X_NET_ImageWrapper;\r
+                       X_NET_currentWrapper = X_ImgLoader || X_TEMP.X_ImgLoader_init();\r
                        break;\r
        };\r
        \r
-       X_NET_currentWrapper.listen( [ X.Event.PROGRESS, X.Event.SUCCESS, X.Event.ERROR, X.Event.TIMEOUT, X.Event.CANCELED ], X_NET_currentQueue = queue, X_NET_proxyDispatch );\r
+       X_NET_currentWrapper[ 'listen' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR ], X_NET_currentQueue, X_NET_proxyDispatch );\r
        \r
-       X_NET_currentWrapper.load( queue.data );\r
+       X_NET_currentWrapper.load( X_NET_currentData );\r
 };\r
 \r