bkwld/cloak-boilerplate

Modules that setup standard Cloak conventions.

cloak-boilerplate's Issues

Fix fontagon asm.js issue

Like:

/builds/owlet-baby-care/owletcare.com/node_modules/ttf2woff2/jssrc/ttf2woff2.js:3 Invalid asm.js: Invalid member of stdlib

Try this: nfroidure/gulp-ttf2woff2#7 (comment)

Migrate @bkwld/cloak

• Auto-load all modules rather than hardcode an array using node filesystem listing to build the array
• Conditionally enable object fit polyfill
• Conditionally enable general polyfill.io
  • Thinking it starts out empty and is populated by create-cloak-app explicitly
• Finish porting helpers to JS and this repo
  • I think I'll make a special key for lodash methods that get directly injected. Like lodash.memoize or lodash/memoize
• BKWLD/cloak-craft#1
  • Closes BKWLD/cloak#34
• BKWLD/cloak-craft#2

Closes: BKWLD/cloak#33

Add a excludeModules option

For creating a denylist of module names, for a use case like not including GTM on site that use tealium

Try implementing buildModules again

See nuxt/nuxt#10247 (reply in thread)

Change fontagon directory to library if it exists

Moving this logic out of create-cloak-app

Automatically disable dynamic route components from handling index routes

For instance, we don't want /pages/products/_product/_variant.vue to handle /products. I think this is a sane default, I can't think of many instances where the detail component also handles the listing view.

We currently handle this with something like:

# nuxt.config.coffee
export default

	# Customize the routes
	router: extendRoutes: (routes) ->

		# Make the slug required on these routes so the listing pages can
		# be towers
		detailRoutes = [ 'articles-article', 'recipes-recipe' ]
		for route in routes
			if route.name in detailRoutes
			then route.path = route.path.slice(0, -1)

I think this functionality gets added to https://github.com/BKWLD/cloak-boilerplate/blob/master/modules/routing.js and it just removes the ? at the end of all routes except _tower.vue so that dynamic parts are never optional.

Update Node version to 16

• Update .nvmrc
• Add this to Netlify.toml to be explicit

# Set Node version (Netlify doesn't respect monorepo's .nvmrc)
[build.environment]
	NODE_VERSION = '16'

Make sure defaultsDeep works with arrays

Like the head meta array. I wanna make sure they are merged and not destroyed.

Auto-load defintions.styl from library if it exists

I think we add something to cloak-app/utils to detect if in a monorepo or has library

Add Cloak conventions to list of autoloading dirs

• `~/components/pages
• ~/../library/components

Ignore "deprecated" errors by default in Sentry

For instance, this one: https://sentry.io/organizations/bukwild/issues/3260622349/?project=6384567&query=is%3Aunresolved

Add a nuxt module for adding library to generate.cache snapshot

See nuxt/nuxt#10080 (comment)

Build logs aren't showing on Netlify

It's like the build.quiet = false setting isn't working.

Example: https://app.netlify.com/sites/cloak-boilerplate/deploys/625adead1869d40008bfd49a

Add codesandbox creation line

Like to spin up a new codesandbox project from this is a template, for quicking demos.

• Add vscode config for code sandbox
• Run internalUrls through nonEmpty
  • Why didn't override work from codesandbox?

Consider adding cacheDirectory Babel option

Should speed up transpiration?

Implement default Sentry filtering

See:

• https://docs.sentry.io/platforms/javascript/configuration/filtering/#filtering-error-events
• https://gist.github.com/impressiver/5092952

These should be extendable from the project as well.

Perf test extracting CSS into chunks

https://nuxtjs.org/docs/configuration-glossary/configuration-build/#extractcss

export default {
  build: {
    extractCSS: true,
    optimization: {
      splitChunks: {
        cacheGroups: {
          styles: {
            name: 'styles',
            test: /\.(css|vue)$/,
            chunks: 'all',
            enforce: true
          }
        }
      }
    }
  }
}

Look into nuxt generate timeout error

Find solution for options set in boilerplate modules replacing project options

For instance, this line...

https://github.com/BKWLD/vue-ssr-carousel/blob/921cf88917e627e8a20e72fc14b613375df6778c/demo/nuxt.config.js#L19-L21

never did anything because this line is always applied after

cloak-boilerplate/modules/generate.js

Lines 16 to 18 in 26316dd

	// Don't use Nuxt 2.13 Crawler since we're explicitly creating all the
	// routes we care about and don't want to generate dead links.
	this.options.generate.crawler = false

To fix this project, I'm excluding boilerplate's generate module whole hog, which isn't ideal.

Automatically transpile library if it it exists

I'm thinking maybe I add this one to the coffeescript module.