Trying to Figure out How UI is binded to answer binary

[surapuramakhil]

HI I am trying to understand how this app is shipped. Upon inspecting code-base front-end is placed in UI folder. Make UI handles of prod version of react app.

I have inspected Docker file - only build command its performing is make clean build and later plugin script.

I am trying to understand this for running go backed separately (just as a backed server)

[LinkinStars]

You can use make build to build go binary.

[surapuramakhil]

man binding of UI code is messed up. it literally took me days to figure out why in some of my changes aren't getting reflected.

it seems that this is project is using build folder at one place and template folder at other place.

Request to please explain are we doing this, why are we doing mixing of both folders

I had a look at static.go

package ui

import (
	"embed"
	_ "embed"
)

//go:embed build
var Build embed.FS

//go:embed template
var Template embed.FS

use of template folder

incubator-answer/internal/base/server/http.go

Line 56 in 5132cb3

html, _ := fs.Sub(ui.Template, "template")

use of build folder

incubator-answer/internal/cli/build.go

Line 336 in 5132cb3

err = copyDirEntries(ui.Build, ".", uiBuildDir)

Can you make life easier by sticking only to build folder

@fenbox, @LinkinStars, FYI

[LinkinStars]

The template folder holds template files. These files are just the pages used for SEO rendering, not the actual pages. The build folder is the actual frontend page.

[surapuramakhil]

problem is when you add CDN version of tools like introJS https://www.npmjs.com/package/intro.js directly into index.html of public folder they won't get reflected

when you add those (as CDN links https://cdnjs.com/libraries/intro.js ) in index.html of public folder changes would appear in build folder but not reflected when you run answer binary

I hope you understand the pain I had gone through.

[LinkinStars]

@surapuramakhil This issue is related to the plugin. When there are frontend plugins present, we need to merge the frontend files and rebuild the frontend code. This is why you will find err = copyDirEntries(ui.Build, ".", uiBuildDir) in the build command. So, if you need to modify the CDN version, you should modify the frontend code rather than the HTML files. Then, recompile the frontend, package the backend, and you don't need to use the answer build command for packaging, but rather use the go build command for packaging.

[surapuramakhil]

unfortunately that's not he case. I needed to add code in template folder for getting those changes reflected. Even though changes are there in build / react code.

I don't the problem is with that. problem is with

incubator-answer/internal/base/server/http.go

Line 56 in 5132cb3

html, _ := fs.Sub(ui.Template, "template")

can you try placing html code of templates in public folder of react. it that works

[surapuramakhil]

The template folder holds template files. These files are just the pages used for SEO rendering, not the actual pages. The build folder is the actual frontend page.

but the problem is replacing some of the build files with files in template. it's happening when file names are same I guess