@symbo.ls/socket 0.0.2 → 0.0.4

package/client.js

@@ -1,31 +1,34 @@
+'use strict'
+
 import io from 'socket.io-client'
 
-const socket = io('ws://localhost:3000')
+let socket
 
-export const send = changes => {
-  console.log(changes)
-  socket.emit('change', changes)
-}
+export const connect = (url, receive) => {
+  socket = io(url)
 
-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', () => {
-  console.log(`event: connect | session id: ${socket.id}`)
-})
+  socket.on('connect_error', (err) => {
+    console.log(`event: connect_error | reason: ${err.message}`)
+  })
 
-socket.on('connect_error', (err) => {
-  console.log(`event: connect_error | reason: ${err.message}`)
-})
+  socket.on('disconnect', (reason) => {
+    console.log(`event: disconnect | reason: ${reason}`)
+  })
 
-socket.on('disconnect', (reason) => {
-  console.log(`event: disconnect | reason: ${reason}`)
-})
-
-socket.onAny((event, ...args) => {
-  console.log(`event: ${event} | arguments: ${args}`)
+  socket.onAny((event, ...args) => {
+    // fallback(event, args[0])
+    try {
+      receive(event, args[0])
+    } catch (e) {
+      console.error(e)
+    }
+  })
+}
 
-  receive(event, args)
-})
+export const send = changes => {
+  socket.emit('change', changes)
+}

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@symbo.ls/socket",
-  "version": "0.0.2",
+  "version": "0.0.4",
   "description": "Connect your app to Symbols editor",
   "main": "server.js",
   "author": "symbo.ls",
   "license": "MIT",
   "private": false,
+  "type": "module",
   "scripts": {
     "start": "nodemon server.js"
   },

package/server.js

@@ -1,48 +1,48 @@
 #!/usr/bin/env node
 
-const fs = require('fs')
-const express = require('express')
+import fs from 'fs'
+import express from 'express'
+import http from 'http'
+import { Server } from 'socket.io'
+import { dirname } from 'path' // eslint-disable-line
+import merge from 'merge-deep'
+
+import { createRequire } from 'module' // Bring in the ability to create the 'require' method
+const require = createRequire(import.meta.url) // construct the require method
+const SYMBOLS_RC = require('@symbo.ls/init/src/dynamic.json') // use the require method
+
 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) }
+
+export const sync = (symbolsInitFile = SYMBOLS_RC) => {
+  const server = http.createServer(app)
+
+  const io = new Server(server, {
+    transports: ['websocket', 'polling', 'flashsocket'],
+    cors: {
+      origin: '*'
+    }
+  })
+
+  app.get('/', (req, res) => {
+    res.end('open')
+  })
+
+  io.on('connection', (socket) => {
+    console.log('a user connected')
+
+    socket.emit('init', SYMBOLS_RC)
+
+    socket.on('change', change => {
+      const newMerge = merge(SYMBOLS_RC, change)
+      const mergeStr = JSON.stringify(newMerge, null, 2)
+      const initPath = process.cwd() + '/node_modules/@symbo.ls/init/src/dynamic.json'
+      fs.writeFile(initPath, mergeStr, function (err) {
+        if (err) { return console.log(err) }
+      })
     })
   })
-})
 
-server.listen(3000, () => {
-  console.log('listening on *:3000')
-})
+  server.listen(1001, () => {
+    console.log('listening on *:1001')
+  })
+}