// Copyright 2020 The Hugo Authors. All rights reserved. // // Licensed under the Apache License, Version 2.0 (the "License"); // you may not use this file except in compliance with the License. // You may obtain a copy of the License at // http://www.apache.org/licenses/LICENSE-2.0 // // Unless required by applicable law or agreed to in writing, software // distributed under the License is distributed on an "AS IS" BASIS, // WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. // See the License for the specific language governing permissions and // limitations under the License. package hugolib import ( "fmt" "os" "path/filepath" "runtime" "testing" "github.com/gohugoio/hugo/common/hexec" "github.com/gohugoio/hugo/config" "github.com/gohugoio/hugo/htesting" qt "github.com/frankban/quicktest" "github.com/gohugoio/hugo/hugofs" "github.com/gohugoio/hugo/common/loggers" ) func TestJSBuildWithNPM(t *testing.T) { if !htesting.IsCI() { t.Skip("skip (relative) long running modules test when running locally") } wd, _ := os.Getwd() defer func() { os.Chdir(wd) }() c := qt.New(t) mainJS := ` import "./included"; import { toCamelCase } from "to-camel-case"; console.log("main"); console.log("To camel:", toCamelCase("space case")); ` includedJS := ` console.log("included"); ` jsxContent := ` import * as React from 'react' import * as ReactDOM from 'react-dom' ReactDOM.render(

Hello, world!

, document.getElementById('root') ); ` tsContent := `function greeter(person: string) { return "Hello, " + person; } let user = [0, 1, 2]; document.body.textContent = greeter(user);` packageJSON := `{ "scripts": {}, "dependencies": { "to-camel-case": "1.0.0" } } ` workDir, clean, err := htesting.CreateTempDir(hugofs.Os, "hugo-test-js-npm") c.Assert(err, qt.IsNil) defer clean() v := config.New() v.Set("workingDir", workDir) v.Set("disableKinds", []string{"taxonomy", "term", "page"}) b := newTestSitesBuilder(t).WithLogger(loggers.NewWarningLogger()) // Need to use OS fs for this. b.Fs = hugofs.NewDefault(v) b.WithWorkingDir(workDir) b.WithViper(v) b.WithContent("p1.md", "") b.WithTemplates("index.html", ` {{ $options := dict "minify" false "externals" (slice "react" "react-dom") }} {{ $js := resources.Get "js/main.js" | js.Build $options }} JS: {{ template "print" $js }} {{ $jsx := resources.Get "js/myjsx.jsx" | js.Build $options }} JSX: {{ template "print" $jsx }} {{ $ts := resources.Get "js/myts.ts" | js.Build (dict "sourcemap" "inline")}} TS: {{ template "print" $ts }} {{ $ts2 := resources.Get "js/myts.ts" | js.Build (dict "sourcemap" "external" "TargetPath" "js/myts2.js")}} TS2: {{ template "print" $ts2 }} {{ define "print" }}RelPermalink: {{.RelPermalink}}|MIME: {{ .MediaType }}|Content: {{ .Content | safeJS }}{{ end }} `) jsDir := filepath.Join(workDir, "assets", "js") fmt.Println(workDir) b.Assert(os.MkdirAll(jsDir, 0777), qt.IsNil) b.Assert(os.Chdir(workDir), qt.IsNil) b.WithSourceFile("package.json", packageJSON) b.WithSourceFile("assets/js/main.js", mainJS) b.WithSourceFile("assets/js/myjsx.jsx", jsxContent) b.WithSourceFile("assets/js/myts.ts", tsContent) b.WithSourceFile("assets/js/included.js", includedJS) cmd, err := hexec.SafeCommand("npm", "install") b.Assert(err, qt.IsNil) out, err := cmd.CombinedOutput() b.Assert(err, qt.IsNil, qt.Commentf(string(out))) b.Build(BuildCfg{}) b.AssertFileContent("public/js/myts.js", `//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJz`) b.AssertFileContent("public/js/myts2.js.map", `"version": 3,`) b.AssertFileContent("public/index.html", ` console.log("included"); if (hasSpace.test(string)) var React = __toModule(__require("react")); function greeter(person) { `) } func TestJSBuild(t *testing.T) { if !htesting.IsCI() { t.Skip("skip (relative) long running modules test when running locally") } if runtime.GOOS == "windows" { // TODO(bep) we really need to get this working on Travis. t.Skip("skip npm test on Windows") } wd, _ := os.Getwd() defer func() { os.Chdir(wd) }() c := qt.New(t) workDir, clean, err := htesting.CreateTempDir(hugofs.Os, "hugo-test-js-mod") c.Assert(err, qt.IsNil) defer clean() tomlConfig := fmt.Sprintf(` baseURL = "https://example.org" workingDir = %q disableKinds = ["page", "section", "term", "taxonomy"] [module] [[module.imports]] path="github.com/gohugoio/hugoTestProjectJSModImports" `, workDir) b := newTestSitesBuilder(t) b.Fs = hugofs.NewDefault(config.New()) b.WithWorkingDir(workDir).WithConfigFile("toml", tomlConfig).WithLogger(loggers.NewInfoLogger()) b.WithSourceFile("go.mod", `module github.com/gohugoio/tests/testHugoModules go 1.15 require github.com/gohugoio/hugoTestProjectJSModImports v0.9.0 // indirect `) b.WithContent("p1.md", "").WithNothingAdded() b.WithSourceFile("package.json", `{ "dependencies": { "date-fns": "^2.16.1" } }`) b.Assert(os.Chdir(workDir), qt.IsNil) cmd, _ := hexec.SafeCommand("npm", "install") _, err = cmd.CombinedOutput() b.Assert(err, qt.IsNil) b.Build(BuildCfg{}) b.AssertFileContent("public/js/main.js", ` greeting: "greeting configured in mod2" Hello1 from mod1: $ return "Hello2 from mod1"; var Hugo = "Rocks!"; Hello3 from mod2. Date from date-fns: ${today} Hello from lib in the main project Hello5 from mod2. var myparam = "Hugo Rocks!"; shim cwd `) // React JSX, verify the shimming. b.AssertFileContent("public/js/like.js", `@v0.9.0/assets/js/shims/react.js module.exports = window.ReactDOM; `) }