@symbo.ls/socket 0.0.2

package/README.md

@@ -0,0 +1,11 @@
+# Socket
+
+Yarn:
+```
+yarn add smbls
+```
+
+or via NPM:
+```
+npx smbls socket
+```

package/client.js

@@ -0,0 +1,31 @@
+import io from 'socket.io-client'
+
+const socket = io('ws://localhost:3000')
+
+export const send = changes => {
+  console.log(changes)
+  socket.emit('change', changes)
+}
+
+export const receive = changes => {
+  console.log(changes)
+  socket.emit('change', changes)
+}
+
+socket.on('connect', () => {
+  console.log(`event: connect | session id: ${socket.id}`)
+})
+
+socket.on('connect_error', (err) => {
+  console.log(`event: connect_error | reason: ${err.message}`)
+})
+
+socket.on('disconnect', (reason) => {
+  console.log(`event: disconnect | reason: ${reason}`)
+})
+
+socket.onAny((event, ...args) => {
+  console.log(`event: ${event} | arguments: ${args}`)
+
+  receive(event, args)
+})

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@symbo.ls/socket",
+  "version": "0.0.2",
+  "description": "Connect your app to Symbols editor",
+  "main": "server.js",
+  "author": "symbo.ls",
+  "license": "MIT",
+  "private": false,
+  "scripts": {
+    "start": "nodemon server.js"
+  },
+  "dependencies": {
+    "express": "^4.18.1",
+    "http": "^0.0.1-security",
+    "merge-deep": "^3.0.3",
+    "socket.io": "^4.5.2",
+    "socket.io-client": "^4.5.2"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.10.4",
+    "@babel/preset-env": "^7.10.4",
+    "babel-eslint": "^10.0.3",
+    "eslint": "^7.12.1",
+    "nodemon": "^2.0.20",
+    "np": "^7.6.0",
+    "standard": "^16.0.1"
+  },
+  "standard": {
+    "parser": "babel-eslint"
+  }
+}

package/server.js

@@ -0,0 +1,48 @@
+#!/usr/bin/env node
+
+const fs = require('fs')
+const express = require('express')
+const app = express()
+const http = require('http')
+const server = http.createServer(app)
+const { Server } = require('socket.io')
+const { dirname } = require('path')
+
+const symbolsInitFile = '@symbo.ls/init/src/dynamic.json'
+// const symbolsInitFile = './.symbols.json'
+
+const merge = require('merge-deep')
+let DYNAMIC = require(symbolsInitFile)
+
+const io = new Server(server, {
+  cors: {
+    origin: 'http://localhost:1200',
+    methods: ['GET', 'POST'],
+    allowedHeaders: ['my-custom-header'],
+    credentials: true
+  }
+})
+
+app.get('/', (req, res) => {
+  res.end('open')
+})
+
+const dir = dirname(require.main.filename)
+
+io.on('connection', (socket) => {
+  console.log('a user connected')
+
+  socket.on('change', change => {
+    const newMerge = DYNAMIC = merge(DYNAMIC, change)
+    const mergeStr = JSON.stringify(newMerge, null, 2)
+    const inInit = dir + '/node_modules/' + symbolsInitFile // eslint-disable-line
+    const inRC = dir + '/.symbols.json' // eslint-disable-line
+    fs.writeFile(inInit, mergeStr, function (err) {
+      if (err) { return console.log(err) }
+    })
+  })
+})
+
+server.listen(3000, () => {
+  console.log('listening on *:3000')
+})