@symbo.ls/socket 0.0.3 → 0.0.5

package/client.js

@@ -1,13 +1,12 @@
+'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 connect = changes => {
   socket.on('connect', () => {
     console.log(`event: connect | session id: ${socket.id}`)
   })
@@ -21,6 +20,19 @@ export const connect = changes => {
   })
 
   socket.onAny((event, ...args) => {
-    console.log(`event: ${event} | arguments: ${args}`)
+    if (event === 'init') receive(event, args[0])
+    try {
+      receive(event, args[0])
+    } catch (e) {
+      console.error(e)
+    }
   })
 }
+
+export const send = changes => {
+  socket.emit('change', changes)
+}
+
+export const disconnect = changes => {
+  socket.emit('disconnect')
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbo.ls/socket",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "description": "Connect your app to Symbols editor",
   "main": "server.js",
   "author": "symbo.ls",

package/server.js

@@ -1,47 +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: ['*local*', 'https://symbo.ls', 'https://*.symbo.ls', 'https://*.symbols.app', 'https://*.symbols.app'],
-    methods: ['GET', 'POST'],
-    allowedHeaders: ['my-custom-header'],
-    credentials: true
-  }
-})
-
-app.get('/', (req, res) => {
-  res.end('open')
-})
-
-io.on('connection', (socket) => {
-  console.log('a user connected')
-  const dir = dirname(require.main.filename)
-
-  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')
+  })
+}