Pinter Computing

When we try to call an async function with await from a .tsx file in a Next.js React TypeScript web application we get the error message:

Module parse failed: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)
Error: The top-level-await experiment is not enabled (set experiments.topLevelAwait: true to enabled it)

The new versions of Next.js comes with Webpack 5, which supports top level await, but we need to enable it for Next.js too.

• Open the next.config.js file in the root directory of your Next.js React TypeScript web application
• Add the following section to it

module.exports = {
  webpack: (config) => {
    config.experiments = { ...config.experiments, topLevelAwait: true };
    return config;
  },
};

If you use Webpack version 5 or later you may encounter the error message

Module not found: Can’t resolve ‘fs’

The cause is, that Webpack 5 has a breaking change, and the “fs” module is most likely not included anymore in the client-side code.

To eliminate the issue, add the “browser” element to the package.js file under dependencies:

{  
  "dependencies": {
   ...
  },
  "browser": {
    "fs": false,
    "os": false,
    "path": false
  }
}

If the error persists, add the “fs”, “os” and “path” elements to the fallback element in the webpack.config.js file:

module.exports = function (webpackEnv) {
  ...
  return {
   ...
    resolve: {
      ...
      fallback: {
        "fs": false,
        "os": false,
        "path": false,
      }
    }
  }
}

The favicon.ico file contains icons in four different sizes:

• 256 x 256
• 48 x 48
• 32 x 32
• 16 x 16 pixels

To create a new favicon on a Mac, open an existing one in Preview and edit all four versions of it. Save the file, and the browser will select the appropriate size to display it on the tab.

The Next.js React sample project only contains a single “Index” page. If your web site has multiple pages, you need to set up simple routing to call them from each other.

In this example we will use the “Link” Next.js React component to call two pages from each other with the minimum number of instructions using TypeScript.

Create the pages

File location

For automatic routing we need to place our pages into the “pages” directory. We can use nested folders, but in that case the call has to include the folder name too.

File location	URL
pages/index.tsx	/ (index is the default file in every directory)
pages/addresses.tsx	/addresses
pages/company/index.tsx	/company (index is the default file in every directory)
pages/company/people.tsx	/company/people

Requirements

• Import the “Link” React component. It will automatically generate the URL to the referenced page,
• “export” the function to make it available for routing,
• Use the “<Link href=>” element to specify the target page hyperlink,
• {/* */} is the comment block in React,
• We use the .tsx file extension in our TypeScript applicaiton.

The code

This is the minimum code you need to call a page within your Next.js React web application.

The “pages/contact.tsx” file

// Import the Link component from next/link
import Link from 'next/link'

// Export the function to make it available to other modules
export default function Contact() {
  return (
    <>
    {/* Text on the page. */}
    This is the Contact page.<br/>
    {/* The link to the other page */}
    <Link href="/about">About</Link>
    </>
  )}

The “pages/about.tsx” file

// Import the Link component from next/link
import Link from 'next/link'

// Export the function to make it available to other modules
export default function About() {
  return (
    <>
    {/* Text on the page. */}
    This is the About page.<br/>
    {/* The link to the other page */}
    <Link href="/contact">Contact</Link>
    </>
  )}

The Cities: Skylines AI automatically estimates the length of the street, and the name applies to the entire length. In real life after a turn, a corner, or an intersection the street’s name can change.

To adjust the street segment where the name applies:

• Click the name of the street and select the Adjust Road icon
  
• Click the segment you want to name, and the small dot will appear
  
• Move the end of the original segment to designate the new street segment. The large dot will jump through the turns and intersections.
  

If a loading crane is installed on the truck, it usually you cannot attach a trailer. You can tow the trailer with the winch, but you have to load the trailer yourself, as the automatic loading only works with attached trailers.

At the pickup location

• Auto load the light cargo to your truck (bricks),
• Transfer the cargo to the trailer with the loading crane,
• Auto load the heavy cargo (metal beams) to your truck and pack it,
• Tow the trailer with the winch to the destination.
  

At the destination

• Release the winch to park the trailer at a convenient location close to the loading dock where you can later park next to it with the truck,
• Unload the heavy cargo from your truck,
• Transfer the light cargo from the trailer to your truck,
  
• Pack the cargo, otherwise you cannot auto unload it,
  
• Drive the truck to the unload ramp,
• Unload the cargo from the truck
  

If you experience pauses in the video try to change the following video settings:

• Display Mode
  • Try Borderless on multi-monitor setups. It runs the game in a window, but looks like full screen. You can easily move the mouse between monitors for multitasking.
  • Fullscreen may give you more resources, try it if borderless gives you lag.
• Antialiasing – OFF
• Sharpening – OFF
• Visual Quality Preset – High

Black River

Location	Has	Needs
Warehouse	Bricks (1 unit) Concrete blocks (1 unit) Service spare parts (1 unit) Metal beams (2 unit)

Task	What	From	To	Notes

Contract	What	From	To	Notes
Pipe Dream	Heavy Fuel Tanker Semi-Trailer Bricks x2 (1 unit) Metal Beams x1 (2 units)	Garage Warehouse Warehouse	Factory Factory Factory	Fuel trailer notes: When you arrive to the factory with the fuel trailer fill up your truck from it and park the fuel trailer anywhere in the factory. It will disappear when the rest of the goods are delivered and the contract completed. Bricks, Metal beams notes: There is a 2 unit trailer in the warehouse. You can deliver the bricks and the beams at the same time. See How to tow a trailer if a loading crane is installed in SnowRunner if you cannot attach a trailer to the truck because you have a loading crane installed.
Not a drill	Metal beams x2 (2 units each) Oil Rig Drill x1 (5 units) Construction rig semi-trailer (high saddle needed)	Warehouse Service site in Smith Dam Factory	Drilling site	Use a trailer to carry both beams at the same time.

Smithville Dam

Location	Has	Needs
Service Hub	Service spare parts (1 unit) Oil rig drill (5 units) Vehicle Spare Parts (1 unit)	There is a Garage North west of the Service Hub
Farm	Consumables (1 unit)
North-West corner	Ramped flatbed trailer with 2x steel beams	(Moved to Drilling Site)
North-West corner	Flatbed trailer with 2x Vehicle spare parts	(Moved to Drilling Site)
South-West Warehouse	Wooden planks (1 unit) Concrete blocks (1 unit) Metal beams (2 units)

Task	What	From	To	Notes
More Fuel	Fuel x2	Drilling Site	Forester’s House
Rock On	Service spare parts x2	Service Hub	Road block next to garage	There is a Garage North west of the Service Hub
Hungry Workers	Consumables x2	Farm	Drilling site
Across the river	Curtainside trailer	Drilling Site	Sherman Island	Offroad truck is recommended
Solid foundation	Concrete slabs x1	Warehouse or Drilling site	Norton’s House in North-West corner	Truck with crane is recommended to pick up at Drilling Site
Threatening Accident		Fuel Station at East		Truck with crane is recommended
Smithville Bridge	Wooden planks x2		Dam
Unlucky Fisherman	Chevrolet CK1500	East of the Quarry	Fisherman’s House
Winter Stores	Maintenance trailer, Vehicle Spare Parts 2x		Logistics Base	The Maintenance Trailer is on the Black River drilling site; if it isn’t, you can always restart the contract and it will spawn there. The correct trailer is marked with the magnifier icon. It needs at least 201 L fuel in it. You need to have the trailer attached or winched to the truck with both the truck and trailer inside the zone for it to count. The Vehicle Spare Parts are on the flatbed trailer at the Drilling Site

Contract	What	From	To	Notes

Contest	What	From	To	Notes
Going Under	Rescue a floating house

Drummond Island

Location	Has	Needs
Log Station	Wooden planks (1 unit) Long logs (1 long log unit)
Close to South Fuel Station	Large concrete pieces on sideboard trailer

Task	What	From	To	Notes
Cousin Cletus	Oil barrels x2		Lighthouse Keeper	Bring a heavy crane to pick up the first crate of barrels close to the Drummond Bridge. The cliff above the barrels in the North-East is very high, so normally the cable of the crane cannot reach them. You need to hang the truck from the cliff. It looks like any truck and crane is fine as long as it is dangerously hanging above the void. Equipment examples: White Western Star 4964 with the yellow crane, Pacific P12 with the red Profcrane 320. It looks like all rear or front wheels have to be in the air. Once the barrels are on the cliff, you can pick them up with another truck.
Support local rangers	Wooden planks x2	Log Station	Ranger’s Bridge
Tourist Attraction	Explore Hollis Island			Scout is recommended
Lost Delivery	Special cargo x3	?	South-West Log station	Truck with crane recommended
Of bridges and men	Wooden planks x2	Log Station	Island’s Bridge
Ten-Hunt	Metal beams x2, Concrete slab x2		Drummond Bridge

Island Lake

Task	What	From	To	Notes
Hunter Bob’s Bridge	Wooden planks x4	Log Station	Bob’s Bridge
No country for old truck	Restore Western Star 6900 TwinSteer			Repair it and fuel it up
Rusty Legacy	Chevrolet CK1500	North-East Log Station	Farmer’s house	Offroad truck is recommended
The huntsman and the car	Scout 800	Center of the map	Hunter’s Parking	Offroad truck is recommended
A little help for my frineds	Reach 6 points			Scout recommended

Contest	What	From	To	Notes
Flaming Barrels	Oil barrels

In Cities: Skylines the Page Up and Down buttons set the elevation of the road and rail line. In the editor the Page Down does not take you below ground with negative numbers.

To build underground in the Cities: Skylines editor subscribe to the Network Anarchy mod.

• Enable Anarchy mode, and press the Page Down button to set the negative elevation
  

When we try to create an outside ship connection and the waterway is not deep enough, we get the

Water required

error message.

To be able to create the outside ship connection, temporarily raise the sea level. It will flood your map, but after creating the connection you can lower the sea level, and the water will evaporate.

• In the menu select the Water tool and click the Move Sea Level icon,
  
• On the left side write down the current sea level, and move the slider to raise it,
  
• Wait until the sea floods the area of the planned connection,
• Make the outside ship connection,
• Set the sea level back to the original value.