@webhandle/component-swipe-listener 1.0.0

package/README.md

@@ -0,0 +1,52 @@
+# @webhandle/component-swipe-listener
+
+Packages the fantastic swipe-listener module as a webhandle-component. By default,
+this component will provide a resource via the external resource manager.
+
+## Install
+
+```bash
+npm i @webhandle/component-swipe-listener
+```
+
+## Server Side Usage
+
+```js
+import swipeSetup from "@webhandle/component-swipe-listener/initialize-webhandle-component.mjs"
+let swipeManager = await swipeSetup(webhandle)
+```
+
+## Client Side Usage
+SwipeListener adds itself to the window scope. If `directions.left` is true, it indicates the
+user is swiping towards the left. Creating a new SwipeListener around an element causes it
+to emit swipe events.
+
+```js
+import 'swipe-listener'
+
+let testBox = document.getElementById('test-box')
+let messages = document.getElementById('messages')
+
+function addText(txt) {
+	messages.innerHTML += `<p>${txt}</p>`
+}
+
+let listener = new SwipeListener(testBox)
+
+testBox.addEventListener('swipe', (evt) => {
+	let directions = evt.detail.directions
+	if(directions.left) {
+		addText('left')
+	}
+	if(directions.right) {
+		addText('right')
+	}
+	if(directions.top) {
+		addText('top')
+	}
+	if(directions.bottom) {
+		addText('bottom')
+	}
+})
+
+```

package/initialize-webhandle-component.mjs

@@ -0,0 +1,81 @@
+import createInitializeWebhandleComponent from "@webhandle/initialize-webhandle-component/create-initialize-webhandle-component.mjs"
+import ComponentManager from "@webhandle/initialize-webhandle-component/component-manager.mjs"
+import path from "node:path"
+import fs from "node:fs/promises"
+
+let initializeWebhandleComponent = createInitializeWebhandleComponent()
+
+initializeWebhandleComponent.componentName = '@webhandle/component-swipe-listener'
+initializeWebhandleComponent.componentDir = import.meta.dirname
+initializeWebhandleComponent.defaultConfig = {
+	provideResources: true
+}
+
+
+
+initializeWebhandleComponent.setup = async function(webhandle, config) {
+	let manager = new ComponentManager()
+	manager.config = config
+	let dir = 'node_modules/swipe-listener/dist'
+	
+	let resourceLocation
+	try {
+		let loc = path.join(initializeWebhandleComponent.componentDir, dir)
+		let result = fs.stat(loc + '/swipe-listener.min.js')
+		if(result) {
+			resourceLocation = loc
+		}
+	}
+	catch(e) { }
+	
+	if(!resourceLocation) {
+		try {
+			let loc = path.join(webhandle.projectRoot, dir)
+			let result = fs.stat(loc + '/swipe-listener.min.js')
+			if(result) {
+				resourceLocation = loc
+			}
+		}
+		catch(e) { }
+	}
+	
+	manager.addExternalResources = function(externalResourceManager) {
+		let resource = {
+			mimeType: 'application/javascript'
+			, url: '/@webhandle/component-swipe-listener/files/js/swipe-listener.min.js'
+			, name: 'swipe-listener'
+			, resourceType: 'module'
+			, cachable: webhandle.development ? false : true
+		}
+		externalResourceManager.provideResource(resource)
+	}
+	
+	webhandle.routers.preDynamic.use((req, res, next) => {
+		if(manager.config.provideResources) {
+			manager.addExternalResources(res.locals.externalResourceManager)
+		}
+		next()
+	})
+
+	if(resourceLocation) {
+		manager.staticPaths.push(
+			webhandle.addStaticDir(
+				resourceLocation
+				, {
+					urlPrefix: '/@webhandle/component-swipe-listener/files/js'
+					, fixedSetOfFiles: true
+				}
+			)
+		)
+	}
+	else {
+		let msg = 'Could not find resources for @webhandle/component-swipe-listener: ' + resourceLocation
+		console.log(msg)
+		console.error(msg)
+	}
+	
+
+	return manager
+}
+
+export default initializeWebhandleComponent

package/package.json

@@ -0,0 +1,29 @@
+{
+  "name": "@webhandle/component-swipe-listener",
+  "version": "1.0.0",
+  "description": "",
+  "main": "initialize-webhandle-component.mjs",
+  "scripts": {
+    "test": "run-webhandle ./initialize-webhandle-component.mjs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/EmergentIdeas/webhandle-component-swipe-listener.git"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "type": "module",
+  "bugs": {
+    "url": "https://github.com/EmergentIdeas/webhandle-component-swipe-listener/issues"
+  },
+  "homepage": "https://github.com/EmergentIdeas/webhandle-component-swipe-listener#readme",
+  "dependencies": {
+    "@webhandle/initialize-webhandle-component": "^1.0.2",
+    "swipe-listener": "^1.3.0"
+  }
+  , "files": [
+	"*.mjs"
+	, "README.md"
+  ]
+}