Support Analog (Angular/Vite/Nitro based)

[birkskyum]

Analog - GitHub - Website

Deno 2.0.2

Status:

• ✅ init
• ✅ deno task dev
• ❌ deno task build

Related to:

• Support Nitro (unjs) #20339

[birkskyum]

✅ Update: Resolved - PostCSS works now

With Deno 1.44 and:

• deno run -A npm:create-analog@latest
• pnpm i
• DENO_FUTURE=1 deno task dev

Hitting this PostCSS (CommonJS) issue now:

➜ DENO_FUTURE=1 deno task dev
Task dev ng serve
error: Uncaught (in promise) Failed to load PostCSS config: Failed to load PostCSS config (searchPath: /Users/admin/repos/deno-kitchensink/analog-p2): [ReferenceError] module is not defined
ReferenceError: module is not defined
    at file:///Users/admin/repos/deno-kitchensink/analog-p2/postcss.config.cjs:1:1
module.exports = {
^
    at file:///Users/admin/repos/deno-kitchensink/analog-p2/postcss.config.cjs:1:1

[birkskyum]

✅ Update: Resolved - create works now

With Deno 2-rc.2 and:

• deno run -A npm:create-analog@latest
• deno install
• deno task dev

➜ deno install
error: npm package 'uWebSockets.js' does not exist.

• deno install issue with github package uWebSockets.js #25648

[birkskyum]

✅ Update: Resolved - counter works now

deno 2.0.0-rc.2+aaf2bf4 If using

pnpm create analog@latest
pnpm install
deno task dev

The dev server loads, but the counter doesn't work

[birkskyum]

✅ Update: Resolved - The build doesn't stagnate:

The build stagnates:

➜ deno task build
Task build ng build
vite v5.4.7 building for production...
transforming (1) index.html

[birkskyum]

❌ On build there's Rollup error. I haven't seen this before, it looks like a deno_web bug to me.

Repro:

• deno run -A npm:create-analog@latest (select anything, e.g. no tailwind, blog)
• deno i

.. And then:

• deno task build (breaks, see below log)
• npm run build (works)

                                                                                         
Task build ng build
vite v5.4.9 building for production...
✓ 320 modules transformed.
dist/client/index.html                             1.03 kB │ gzip:  0.62 kB
dist/client/assets/index-CDCuFZaW.css              6.20 kB │ gzip:  1.86 kB
dist/client/assets/index.page-Dqlg1Fns.js          1.22 kB │ gzip:  0.72 kB
dist/client/assets/analogjs-content-BVRyEv5u.js   98.18 kB │ gzip: 33.73 kB
dist/client/assets/index-EBuhhR_t.js             287.39 kB │ gzip: 91.12 kB
✓ built in 3.31s
Building SSR application...
vite v5.4.9 building SSR bundle for production...
✓ 31 modules transformed.
dist/ssr/assets/index.page-5vYAHD_E.js            2.23 kB
dist/ssr/assets/analogjs-content-Bs6cK2kP.js     22.68 kB
dist/ssr/assets/xhr2-DUKzHHNY.js                 36.21 kB
dist/ssr/main.server.js                       1,519.67 kB
✓ built in 4.96s
Prerendering static pages...
Building Server...

 ERROR  RollupError: Error loading "raw:/Users/admin/repos/deno-kitchensink/analog-4/dist/client/favicon.ico": plugin load hook should return a string, a { code, map } object, or nothing/null.                                   nitro 1:10:53 AM


undefined

An unhandled exception occurred: Error loading "raw:/Users/admin/repos/deno-kitchensink/analog-4/dist/client/favicon.ico": plugin load hook should return a string, a { code, map } object, or nothing/null.
See "/private/var/folders/8y/htw2q5ss5ms9zy4z8rfv393c0000gn/T/ng-wFu5A6/angular-errors.log" for further details.
error: Uncaught TypeError: Cannot set properties of undefined (setting 'target')
    at setTarget (ext:deno_web/02_event.js:97:29)
    at dispatchEvent (ext:deno_web/02_event.js:1029:7)
    at dispatchBeforeUnloadEvent (ext:runtime_main/js/99_main.js:429:22)