0.6.x/js/06_net/00_XNet.js

   1 // TODO  onlineevent offlineevent, netspeed\r
   2 // local への通信に対しては、netspeed を更新しない\r
   3 \r
   4 // http://bugs.jquery.com/ticket/2709\r
   5 // <head><base> がある場合、<script>の追加に失敗する\r
   6 \r
   7 \r
   8 \r
   9 /**\r
  10  * <p>busy() メソッドだけを持つ。通信用のプロパティは X.Pair によって隠蔽される。\r
  11  * <h4>通信のキャンセル</h4>\r
  12  * <p>kill() で通信待ち中はキャンセル&破棄、通信中の場合は通信の中断&破棄を行う。SUCCESS, ERROR, TIMEOUT イベント以降は kill() は無視される。\r
  13  * <h4>イベント</h4>\r
  14  * <dl>\r
  15  * <dt>X.Event.PROGRESS<dd>通信進行状況\r
  16  * <dt>X.Event.SUCCESS<dd>通信成功\r
  17  * <dt>X.Event.ERROR<dd>通信エラー\r
  18  * <dt>X.Event.TIMEOUT<dd>通信タイムアウト\r
  19  * <dt>X.Event.CANCELED<dd>通信のユーザー、プログラムによるキャンセル\r
  20  * <dt>X.Event.COMPLETE<dd>通信完了。SUCCESS, ERROR, TIMEOUT, CANCELED 後に発生。\r
  21  * </dl>\r
  22  * <p>X.Net インスタンスは COMPLETE 後に自動で破棄される。\r
  23  * <h4>必須プロパティ</h4>\r
  24  * <dl>\r
  25  * <dt>url<dd>URL\r
  26  * <dt>type<dd>'xhr', 'jsonp', 'image', 'img'\r
  27  * <dt>xhr<dd>URL { url : 'hoge', type : 'xhr' } の省略形\r
  28  * <dt>jsonp<dd>URL { url : 'hoge', type : 'jsonp' } の省略形\r
  29  * <dt>image, img<dd>URL { url : 'hoge', type : 'image' } の省略形\r
  30  * </dl>\r
  31  * <h4>XHR 用プロパティ</h4>\r
  32  * <dl>\r
  33  * <dt>method<dd>'GET', 'POST' 未指定かつ postdata を設定している場合、'POST' になる。\r
  34  * <dt>postdata<dd>string, object の場合は X.String.serialize される。\r
  35  * <dt>async<dd>boolean\r
  36  * <dt>username<dd>BASIC 認証\r
  37  * <dt>password<dd>BASIC 認証\r
  38  * <dt>headers<dd>object xhr.setRequestHeader する値\r
  39  * <dt>timeout<dd>タイムアウト ms\r
  40  * <dt>cache<dd>headers[ 'Pragma' ] = 'no-cache' 等を設定するか?\r
  41  * <dt>dataType<dd>'text', 'json', 'xml', 'blob', 'arraybuffer' 等。xhr.responseType に指定する値\r
  42  * <dt>mimeType<dd>'text/xml', 'audio/mpeg' 等。xhr.overrideMimeType する値\r
  43  * <dt>auth<dd>X.OAuth2 インスタンス(OAuth2 サービスの定義)\r
  44  * <dt>getFullHeaders<dd>getAllResponseHeaders() をパースしたハッシュを返す。値は配列になっている。XDR は Content-Type しか取得でいない。\r
  45  * <dt>canUse<dd>未実装。gadget proxy, YQL, YPipes 等のマッシュアップの許可。現在は test : 'gadget' としている\r
  46  * </dl>\r
  47  * \r
  48  * @alias X.Net\r
  49  * @class 各種ネットワーク機能をラップしインターフェイスを共通化する。\r
  50  * @constructs Net\r
  51  * @extends {EventDispatcher}\r
  52  * @example // XHR - GET\r
  53  * var net = X.Net( { xhr : urlString } )\r
  54  *              .listen( X.Event.PROGRESS )\r
  55  *              .listenOnce( [ X.Event.SUCCESS, X.Event.ERROR, X.Event.TIMEOUT, X.Event.CANCELED ] );\r
  56  * \r
  57  * // XHR - POST \r
  58  * var net = X.Net( { xhr : urlString, postdata : myData } );\r
  59  * \r
  60  * // JSONP\r
  61  * var net = X.Net( { jsonp : urlString, staticCallbackName : callbackName, useXDomainWall : false } );\r
  62  * \r
  63  * // Form\r
  64  * var net = X.Net( { form : urlString, method : 'POST', target : '_self', params : {} } ); // _self, _parent, _top の場合、ページから離脱する\r
  65  * \r
  66  * // Image preload & getSize\r
  67  * var net = X.Net( { image : src, sizeDetection : true } );\r
  68  * \r
  69  * // load &lt;script&gt;, &lt;link&gt;\r
  70  */\r
  71 X[ 'Net' ] = X_EventDispatcher[ 'inherits' ](\r
  72                 'X.Net',\r
  73                 X_Class.NONE,\r
  74                 {\r
  75                         'netType'    : '',\r
  76                         'netName'    : '',\r
  77                         'netVersion' : 0,\r
  78                         \r
  79                         'Constructor' : function( urlOrObject, opt_options ){\r
  80                                 var v, opt, url, type, auth;\r
  81                                 \r
  82                                 if( X_Type_isObject( opt = urlOrObject ) ){\r
  83                                         if( X_Type_isString( v = opt[ 'xhr' ] ) ){\r
  84                                                 url  = v;\r
  85                                                 type = X_NET_TYPE_XHR;\r
  86                                         } else\r
  87                                         if( X_Type_isString( v = opt[ 'jsonp' ] ) ){\r
  88                                                 url  = v;\r
  89                                                 type = X_NET_TYPE_JSONP;\r
  90                                         } else\r
  91                                         if( X_Type_isString( v = opt[ 'img' ] || opt[ 'image' ] ) ){\r
  92                                                 url  = v;\r
  93                                                 type = X_NET_TYPE_IMAGE;\r
  94                                         } else\r
  95                                         if( X_Type_isString( v = opt[ 'form' ] ) ){\r
  96                                                 url  = v;\r
  97                                                 type = X_NET_TYPE_FORM;\r
  98                                         } else\r
  99                                         if( X_Type_isString( v = opt[ 'type' ] ) ){\r
 100 \r
 101                                                 switch( v ){\r
 102                                                         case 'xhr' :\r
 103                                                                 type = X_NET_TYPE_XHR;\r
 104                                                                 break;\r
 105                                                         case 'jsonp' :\r
 106                                                                 type = X_NET_TYPE_JSONP;\r
 107                                                                 break;\r
 108                                                         case 'img' :\r
 109                                                         case 'image' :\r
 110                                                                 type = X_NET_TYPE_IMAGE;\r
 111                                                                 break;\r
 112                                                         case 'from' :\r
 113                                                                 type = X_NET_TYPE_FORM;\r
 114                                                                 break;\r
 115                                                         default :\r
 116                                                                 alert( 'X.Net args error' );\r
 117                                                                 return; \r
 118                                                 };\r
 119                                                 url = opt[ 'url' ];\r
 120                                         };\r
 121                                         \r
 122                                         if( !X_Type_isString( url ) ){\r
 123                                                 alert( 'X.Net args error' );\r
 124                                                 return;\r
 125                                         };\r
 126                                         \r
 127                                 } else\r
 128                                 if( X_Type_isString( urlOrObject ) ){\r
 129                                         url = urlOrObject;\r
 130                                         \r
 131                                         if( X_Type_isObject( opt = opt_options ) ){\r
 132                                                 type = opt[ 'type' ] || X_NET_TYPE_XHR;\r
 133                                         } else {\r
 134                                                 type = X_NET_TYPE_XHR;\r
 135                                                 opt  = { 'url' : url, 'method' : 'GET' };\r
 136                                         };\r
 137                                         \r
 138                                 } else {\r
 139                                         alert( 'X.Net args error' );\r
 140                                         return;\r
 141                                 };\r
 142                                 \r
 143                                 if( auth = opt[ 'auth' ] ){\r
 144                                         delete opt[ 'auth' ];\r
 145                                 };\r
 146                                 opt = X_Object_deepCopy( opt );\r
 147                                 if( auth ){\r
 148                                         opt[ 'auth' ] = auth; // auth は deep copy されるとまずい\r
 149                                 };\r
 150                                 opt.netType   = type;\r
 151                                 opt[ 'url'  ] = url;                            \r
 152                                 \r
 153                                 if( type === X_NET_TYPE_XHR ){\r
 154                                         opt[ 'method' ] = opt[ 'method' ] || ( opt[ 'postdata' ] ? 'POST' : 'GET' );\r
 155                                         \r
 156                                         // XDomain 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
 157                                         // PUT DELETE UPDATE 不可 -> Flash, Gears, Silverlight, canUseGadget なら gadget に切替?\r
 158                                         // xプロトコル な binary のロード -> gadget 内で proxyURL による XHR\r
 159                                         //  or X_EVENT_ERROR\r
 160                                         \r
 161                                         opt[ 'dataType' ] = opt[ 'dataType' ] || X_URL_getEXT( url );\r
 162                                 };\r
 163                                 \r
 164                                 X_Pair_create( this, opt );\r
 165                                 \r
 166                                 this[ 'listen' ]( [ X_EVENT_BEFORE_KILL_INSTANCE, X_EVENT_KILL_INSTANCE ], X_NET_proxyDispatch );\r
 167                                 \r
 168                                 X_NET_QUEUE_LIST[ X_NET_QUEUE_LIST.length ] = this;\r
 169                                 !X_NET_currentQueue && X_NET_shiftQueue();\r
 170                         },\r
 171                         \r
 172                 /**\r
 173                  * 現在通信中か？調べる。false の場合、通信の順番待ちか、通信が終了している。\r
 174                  * @alias Net.prototype.busy\r
 175                  */\r
 176                         'busy' : function(){\r
 177                                 return this === X_NET_currentQueue && X_NET_currentWrapper._busy;\r
 178                         }\r
 179                 }\r
 180         );\r
 181 /*\r
 182  * @interface\r
 183  */\r
 184 var X_NET_IWrapper = function(){};\r
 185         X_NET_IWrapper.prototype.load   = function(){};\r
 186         X_NET_IWrapper.prototype.cancel = function(){};\r
 187         X_NET_IWrapper.prototype.reset  = function(){};\r
 188 \r
 189 \r
 190 var X_NET_TYPE_XHR   = 1,\r
 191         X_NET_TYPE_JSONP = 2,\r
 192         X_NET_TYPE_FORM  = 3,\r
 193         X_NET_TYPE_IMAGE = 4,\r
 194 \r
 195         X_NET_QUEUE_LIST = [],\r
 196 \r
 197         X_NET_XHRWrapper,\r
 198         X_NET_JSONPWrapper,\r
 199         X_NET_FormWrapper,\r
 200         X_NET_ImageWrapper,\r
 201         X_NET_GIMRWrapper,\r
 202 \r
 203         X_NET_currentWrapper,\r
 204         X_NET_currentQueue,\r
 205         X_NET_currentData,\r
 206         X_NET_completePhase;\r
 207 \r
 208 function X_NET_proxyDispatch( e ){\r
 209         var i, flag, auth;\r
 210         \r
 211         switch( e.type ){\r
 212                 case X_EVENT_BEFORE_KILL_INSTANCE :\r
 213                         if( this === X_NET_currentQueue && X_NET_completePhase ) return X_Callback_PREVENT_DEFAULT;\r
 214                         break;\r
 215                 \r
 216                 case X_EVENT_KILL_INSTANCE :\r
 217                         i = X_NET_QUEUE_LIST.indexOf( this );\r
 218                         \r
 219                         if( i !== -1 ){\r
 220                                 X_NET_QUEUE_LIST.splice( i, 1 );\r
 221                                 flag = true;\r
 222                         } else\r
 223                         if( this === X_NET_currentQueue ){\r
 224                                 X_NET_currentWrapper.cancel();\r
 225                                 X_NET_shiftQueue();\r
 226                                 flag = true;\r
 227                         };\r
 228                         \r
 229                         if( flag ){ // flag が立つ場合、これは中断\r
 230                                 this[ 'dispatch' ]( X_EVENT_CANCELED );\r
 231                                 this[ 'dispatch' ]( { type : X_EVENT_COMPLETE, 'lastEventType' : X_EVENT_CANCELED } );\r
 232                                 X_Pair_release( this );\r
 233                         };\r
 234                         break;                  \r
 235                 case X_EVENT_PROGRESS :\r
 236                         this[ 'dispatch' ]( e );\r
 237                         break;\r
 238                 \r
 239                 case X_EVENT_ERROR :\r
 240                         if( e.status === 401 ){\r
 241                                 if( auth = X_Pair_get( this )[ 'auth' ] ){\r
 242                                         X_Pair_get( auth ).onAuthError( auth, e );\r
 243                                 };\r
 244                         };\r
 245                         \r
 246                 case X_EVENT_SUCCESS :\r
 247                 case X_EVENT_TIMEOUT :\r
 248                         X_NET_completePhase = true;\r
 249                         this\r
 250                                 [ 'listenOnce' ]( X_EVENT_COMPLETE, X_NET_proxyDispatch )\r
 251                                 [ 'unlisten' ]( [ X_EVENT_BEFORE_KILL_INSTANCE, X_EVENT_KILL_INSTANCE ], X_NET_proxyDispatch )\r
 252                                 [ 'asyncDispatch' ]( e );\r
 253                         this[ 'asyncDispatch' ]( 32, { type : X_EVENT_COMPLETE, 'lastEventType' : e.type } );\r
 254                         break;\r
 255                 case X_EVENT_COMPLETE :\r
 256                         X_Pair_release( this );\r
 257                         X_NET_shiftQueue();\r
 258                         X_NET_completePhase = false;\r
 259                         this[ 'kill' ]();\r
 260                         break;\r
 261         };\r
 262 };\r
 263 \r
 264 function X_NET_shiftQueue(){\r
 265         var auth, authSettings;\r
 266 \r
 267         if( X_NET_currentQueue ){\r
 268                 if( X_NET_currentWrapper._busy ) return;\r
 269                 X_NET_currentWrapper\r
 270                         [ 'unlisten' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_TIMEOUT ], X_NET_currentQueue, X_NET_proxyDispatch )\r
 271                         .reset();\r
 272                 X_NET_currentQueue = X_NET_currentWrapper = X_NET_currentData = null;\r
 273         };\r
 274         \r
 275         if( !X_NET_QUEUE_LIST.length ) return;\r
 276 \r
 277         X_NET_currentQueue = X_NET_QUEUE_LIST.shift();\r
 278         X_NET_currentData  = X_Pair_get( X_NET_currentQueue );\r
 279         \r
 280         switch( X_NET_currentData.netType ){\r
 281                 case X_NET_TYPE_XHR :\r
 282                         \r
 283                         // TODO (xProtocol |　method='update' | !cors) & canUse -> gadget.io.makeRequset, flash\r
 284                         // force 'gadget', 'flash'\r
 285                         switch( X_NET_currentData[ 'test' ] ){\r
 286                                 case 'gadget' :\r
 287                                         X_NET_currentWrapper = X_NET_GIMRWrapper || X_TEMP.X_Net_GIMR_init();\r
 288                                         break;\r
 289                                 case 'flash'  :\r
 290                                         break;\r
 291                                 \r
 292                                 default :\r
 293                                         X_NET_currentWrapper = X_NET_XHRWrapper || X_TEMP.X_Net_XHR_init();\r
 294                         };\r
 295                         \r
 296                         \r
 297                         // OAuth2\r
 298                         if( auth = X_NET_currentData[ 'auth' ] ){\r
 299                                 authSettings = X_Pair_get( auth );\r
 300                                 switch( auth[ 'state' ]() ){\r
 301                                         case 0 :\r
 302                                         case 1 :\r
 303                                         case 2 :\r
 304                                                 if( !( auth[ 'dispatch' ]( X_EVENT_NEED_AUTH ) & X_Callback_PREVENT_DEFAULT ) ){\r
 305                                                         authSettings.lazyReq = X_NET_currentQueue;\r
 306                                                 };\r
 307                                                 X_NET_currentQueue = null;\r
 308                                                 X_NET_shiftQueue();\r
 309                                                 break;\r
 310                                         case 3 : // refresh token\r
 311                                                 X_NET_QUEUE_LIST.push( X_NET_currentQueue );\r
 312                                                 X_NET_currentQueue = null;\r
 313                                                 X_NET_shiftQueue();\r
 314                                                 return;\r
 315                                 };\r
 316                                 authSettings.updateRequest( auth, X_NET_currentData );\r
 317                         };\r
 318                         break;\r
 319                 case X_NET_TYPE_JSONP :\r
 320                         X_NET_currentWrapper = X_NET_JSONPWrapper || X_TEMP.X_NET_JSONP_init();\r
 321                         break;\r
 322                 case X_NET_TYPE_FORM :\r
 323                         X_NET_currentWrapper = X_NET_FormWrapper  || X_TEMP.X_NET_Form_init();\r
 324                         break;\r
 325                 case X_NET_TYPE_IMAGE :\r
 326                         X_NET_currentWrapper = X_NET_ImageWrapper || X_TEMP.X_NET_Image_init();\r
 327                         break;\r
 328         };\r
 329         \r
 330         X_NET_currentWrapper[ 'listen' ]( [ X_EVENT_PROGRESS, X_EVENT_SUCCESS, X_EVENT_ERROR, X_EVENT_TIMEOUT ], X_NET_currentQueue, X_NET_proxyDispatch );\r
 331         \r
 332         X_NET_currentWrapper.load( X_NET_currentData );\r
 333 };\r
 334 \r