improved examples
This commit is contained in:
		
							parent
							
								
									afa05b62a1
								
							
						
					
					
						commit
						b613630cef
					
				@ -1,14 +1,26 @@
 | 
				
			|||||||
/* global Y, Quill */
 | 
					/* global Y, Quill */
 | 
				
			||||||
 | 
					
 | 
				
			||||||
// initialize a shared object. This function call returns a promise!
 | 
					var connector, serviceworker
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// register yjs service worker
 | 
				
			||||||
 | 
					if ('serviceWorker' in navigator) {
 | 
				
			||||||
 | 
					  // service worker is supported by the browser
 | 
				
			||||||
 | 
					  connector = 'serviceworker'
 | 
				
			||||||
 | 
					  serviceworker = navigator.serviceWorker.register('../bower_components/y-serviceworker/yjs-service-worker.js')
 | 
				
			||||||
 | 
					} else {
 | 
				
			||||||
 | 
					  // use websockets for browsers that do not support service browser
 | 
				
			||||||
 | 
					  connector = 'websockets-client'
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// initialize a shared object. This function call returns a promise!
 | 
				
			||||||
Y({
 | 
					Y({
 | 
				
			||||||
  db: {
 | 
					  db: {
 | 
				
			||||||
    name: 'memory'
 | 
					    name: 'memory'
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  connector: {
 | 
					  connector: {
 | 
				
			||||||
    name: 'websockets-client',
 | 
					    name: connector,
 | 
				
			||||||
    room: 'ServiceWorkerExample'
 | 
					    serviceworker: serviceworker,
 | 
				
			||||||
 | 
					    room: 'ServiceWorkerExample2'
 | 
				
			||||||
  },
 | 
					  },
 | 
				
			||||||
  sourceDir: '/bower_components',
 | 
					  sourceDir: '/bower_components',
 | 
				
			||||||
  share: {
 | 
					  share: {
 | 
				
			||||||
@ -33,19 +45,7 @@ Y({
 | 
				
			|||||||
      ]
 | 
					      ]
 | 
				
			||||||
    },
 | 
					    },
 | 
				
			||||||
    theme: 'snow'
 | 
					    theme: 'snow'
 | 
				
			||||||
  });
 | 
					  })
 | 
				
			||||||
  // bind quill to richtext type
 | 
					  // bind quill to richtext type
 | 
				
			||||||
  y.share.richtext.bind(window.quill)
 | 
					  y.share.richtext.bind(window.quill)
 | 
				
			||||||
})
 | 
					})
 | 
				
			||||||
 | 
					 | 
				
			||||||
if ('serviceWorker' in navigator) {
 | 
					 | 
				
			||||||
  navigator.serviceWorker.register('./yjs-service-worker.js').then(function(registration) {
 | 
					 | 
				
			||||||
    // Registration was successful
 | 
					 | 
				
			||||||
    console.log('Yjs ServiceWorker registration successful with scope: ', registration.scope)
 | 
					 | 
				
			||||||
    registration.active.postMessage('hi sw')
 | 
					 | 
				
			||||||
    addEventListener('message', function () {console.log.apply(console, ['host received:'].concat(arguments))}, true)
 | 
					 | 
				
			||||||
  }).catch(function(err) {
 | 
					 | 
				
			||||||
    // registration failed :(
 | 
					 | 
				
			||||||
    console.log('Yjs ServiceWorker registration failed: ', err)
 | 
					 | 
				
			||||||
  });
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
@ -1,23 +0,0 @@
 | 
				
			|||||||
importScripts(
 | 
					 | 
				
			||||||
  '/bower_components/yjs/y.js',
 | 
					 | 
				
			||||||
  '/bower_components/y-memory/y-memory.js',
 | 
					 | 
				
			||||||
  '/bower_components/y-indexeddb/y-indexeddb.js',
 | 
					 | 
				
			||||||
  '/bower_components/y-websockets-client/y-websockets-client.js'
 | 
					 | 
				
			||||||
)
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
Y({
 | 
					 | 
				
			||||||
  db: {
 | 
					 | 
				
			||||||
    name: 'memory'
 | 
					 | 
				
			||||||
  },
 | 
					 | 
				
			||||||
  connector: {
 | 
					 | 
				
			||||||
    name: 'websockets-client',
 | 
					 | 
				
			||||||
    room: 'ServiceWorkerExample',
 | 
					 | 
				
			||||||
    options: { jsonp: false }
 | 
					 | 
				
			||||||
  }
 | 
					 | 
				
			||||||
}).then(function (y) {
 | 
					 | 
				
			||||||
  console.log('y sw init')
 | 
					 | 
				
			||||||
})
 | 
					 | 
				
			||||||
 | 
					 | 
				
			||||||
addEventListener('message', function () {
 | 
					 | 
				
			||||||
  console.log.apply(console, ['sw received:'].concat(arguments))
 | 
					 | 
				
			||||||
}, true)
 | 
					 | 
				
			||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user