fix(qwik-nx): use globs util to generate tailwind paths (#229)

closes #171

Author: dmitry-stepanenko

packages/qwik-nx/src/generators/setup-tailwind/files/tailwind.config.js__tmpl__

@@ -1,12 +1,14 @@
+const { createGlobPatternsForDependencies } = require('qwik-nx/tailwind');
 const { join } = require('path');
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: [
     join(
       __dirname,
-      'src/**/*.{js,ts,jsx,tsx,mdx}'
+      '{src,pages,components,app}/**/*!(*.stories|*.spec).{ts,tsx,html}'
     ),
+    ...createGlobPatternsForDependencies(__dirname),
   ],
   theme: {
     extend: {},

packages/qwik-nx/src/utils/storybook.ts renamed to packages/qwik-nx/src/utils/exportable/storybook.ts

@@ -0,0 +1,30 @@
+import { createGlobPatternsForDependencies as jsGenerateGlobs } from '@nx/js/src/utils/generate-globs';
+
+/**
+ * Generates a set of glob patterns based off the source root of the app and its dependencies
+ * @param dirPath workspace relative directory path that will be used to infer the parent project and dependencies
+ * @param fileGlobPattern pass a custom glob pattern to be used
+ */
+export function createGlobPatternsForDependencies(
+  dirPath: string,
+  fileGlobPattern = '/**/*!(*.stories|*.spec).{tsx,ts,jsx,js,html}'
+) {
+  try {
+    return jsGenerateGlobs(dirPath, fileGlobPattern);
+  } catch (e) {
+    /**
+     * It should not be possible to reach this point when the utility is invoked as part of the normal
+     * lifecycle of Nx executors. However, other tooling, such as the VSCode Tailwind IntelliSense plugin
+     * or JetBrains editors such as WebStorm, may execute the tailwind.config.js file in order to provide
+     * autocomplete features, for example.
+     *
+     * In order to best support that use-case, we therefore do not hard error when the ProjectGraph is
+     * fundamently unavailable in this tailwind-specific context.
+     */
+    console.warn(
+      '\nWARNING: There was an error creating glob patterns, returning an empty array\n' +
+        `${(e as Error).message}\n`
+    );
+    return [];
+  }
+}

packages/qwik-nx/src/utils/exportable/tailwind.ts

@@ -1 +1 @@
-export * from './src/utils/storybook';
+export * from './src/utils/exportable/storybook';

packages/qwik-nx/storybook.ts

@@ -0,0 +1 @@
+export * from './src/utils/exportable/tailwind';