@dokuzbir did you extract the javascript generated by Drab.Client.run(@conn) to drap.js and change the require("phoenix").Socket there?
marat
1
OvermindDL1
You can change how it acquires the socket from the drab configuration.
However soon it may be abstracted out into a standalone module file anyway. 
1
dokuzbir
If you have latest drab you can use that way. I copied from drab source code
Custom socket constructor (Webpack “require is not defined” fix)
If you are using JS bundler other than default brunch, the require method may not be availabe
as global. In this case, you might see the error:
require is not defined
in the Drab’s javascript, in line:
this.Socket = require(“phoenix”).Socket;
In this case, you must provide it. In the app.js add a global variable, which will be passed
to Drab later:
window.__socket = require("phoenix").Socket;
Then, tell Drab to use this instead of default require("phoenix").Socket. Add to config.exs:
config :drab, MyAppWeb.Endpoint,
js_socket_constructor: "window.__socket"
This will change the problematic line in Drab’s javascript to:
this.Socket = window.__socket;
1
marat
hm, I’m adding
window.__socket = require("phoenix").Socket; to app.js, adding
<script src="<%= static_path(@conn, "/js/phoenix.js") %>"></script>
to layout, but now I get TWO same errors:
Uncaught ReferenceError: require is not defined
at app.js:5
(anonymous) @ app.js:5
(index):111 Uncaught ReferenceError: require is not defined
at Object.create ((index):111)
at (index):1085
at (index):1089
I have version 0.9.1 and --no-brunch phoenix app.
0
dokuzbir
dokuzbir
I am not js expert but as i know you have to install wepback, brunch etc… for using require() in app.js
1
marat
Is there a live project with drab as main UI engine? How do you guys use it? I find the whole idea very promising, but since you mention webpack, you still use JS on the front. What part the drab is for then? Just as a wrapper for socket connections?
1
dokuzbir
marat
Yes, I see it! It’s amazing!
Do you create the web app totally without JS only using drab?
0