[quilt] Build Quilt using sewing-kit-next

.eslintignore

@@ -1,7 +1,9 @@
 node_modules
 coverage
-**/node_modules/*
-**/packages/*.js
-*.d.ts
-**/templates/*
-**/dummy/**
+templates
+gems/**/dummy
+packages/*/build
+**/*.d.ts
+**/*.js
+**/*.esnext
+**/*.mjs

.eslintrc.js

@@ -7,11 +7,7 @@ module.exports = {
     'plugin:@shopify/prettier',
   ],
   parserOptions: {
-    project: [
-      'packages/tsconfig.json',
-      'packages/tsconfig_base.json',
-      'test/tsconfig.eslint.json',
-    ],
+    project: ['./tsconfig.eslint.json'],
   },
   rules: {
     'jest/valid-expect-in-promise': 'off',
@@ -34,7 +30,6 @@ module.exports = {
     '@typescript-eslint/unbound-method': 'off',
     '@typescript-eslint/no-misused-promises': 'off',
     '@typescript-eslint/await-thenable': 'off',
-    '@typescript-eslint/no-misused-promises': 'off',
     'import/no-extraneous-dependencies': 'error',
   },
   overrides: [
@@ -44,6 +39,7 @@ module.exports = {
         '**/test/**/*.tsx',
         '**/tests/**/*.ts',
         '**/tests/**/*.tsx',
+        '**/sewing-kit.config.ts',
       ],
       rules: {
         // We disable `import/no-extraneous-dependencies` for test files because it

.gitignore

@@ -2,10 +2,6 @@
 *.scss.d.ts
 *.graphql.d.ts
 
-#TS output
-packages/**/dist
-dist
-
 # Directory for instrumented libs generated by jscoverage/JSCover
 lib-cov
 
@@ -44,3 +40,14 @@ tmp
 **/test.log
 
 *.tsbuildinfo
+
+# Sewing-Kit builds and entrypoints
+.sewing-kit
+packages/*/build
+packages/*/*.esnext
+packages/*/*.mjs
+packages/*/*.d.ts
+packages/*/*.js
+!packages/*/.eslintrc.js
+
+.package-build-cache

.prettierignore

@@ -1,6 +1,6 @@
 package.json
 node_modules
-dist
+packages/*/build
 coverage
 *.svg
 templates/*.md

.travis.yml

@@ -15,12 +15,20 @@ matrix:
     - <<: *node_container
       name: 'Node - build, type-check, and end-to-end tests'
       script:
-        - yarn build --verbose
-        - yarn test:ci --testPathPattern react-server address
+        - yarn build
+        - yarn ci:test "(address|react-server)"
+      cache:
+        directories:
+          - .sewing-kit
+          - .package-build-cache
+      before-cache:
+        - ./scripts/copy_build_to_cache.sh
+      before-script:
+        - ./scripts/copy_cache_to_build.sh
     - <<: *node_container
       name: 'Node - unit tests'
       script:
-        - yarn test:ci --testPathIgnorePatterns react-server address
+        - yarn ci:test "^(?:(?!(address|react-server)).)*$"
         - yarn codecov
     - <<: *node_container
       name: 'Node - lint'

.vscode/settings.json

@@ -23,6 +23,7 @@
     "build": true,
     "**/*.js": true
   },
+  "typescript.tsserver.maxTsServerMemory": 8000,
   "editor.formatOnSave": true,
   "prettier-stylelint.stylelintIntegration": true,
   "prettier-eslint.eslintIntegration": true,

config/sewing-kit/index.ts

@@ -0,0 +1,62 @@
+import {
+  Package,
+  createComposedProjectPlugin,
+  createProjectTestPlugin,
+  createProjectBuildPlugin,
+} from '@sewing-kit/plugins';
+import {react} from '@sewing-kit/plugin-react';
+import {javascript, updateBabelPreset} from '@sewing-kit/plugin-javascript';
+import {typescript} from '@sewing-kit/plugin-typescript';
+import {buildFlexibleOutputs} from '@sewing-kit/plugin-package-flexible-outputs';
+import {} from '@sewing-kit/plugin-jest';
+
+import {addLegacyDecoratorSupport} from './plugins';
+
+export function quiltPackage({jestEnv = 'jsdom', useReact = false} = {}) {
+  return createComposedProjectPlugin<Package>('Quilt.Package', [
+    javascript(),
+    typescript(),
+    useReact && react(),
+    buildFlexibleOutputs(),
+    createProjectBuildPlugin('Quilt.PackageBuild', ({hooks}) => {
+      hooks.target.hook(({hooks}) => {
+        hooks.configure.hook(hooks => {
+          hooks.babelIgnorePatterns?.hook(ext => [
+            ...ext,
+            '**/test/**/*',
+            '**/tests/**/*',
+          ]);
+
+          hooks.babelConfig?.hook(addLegacyDecoratorSupport);
+        });
+      });
+    }),
+    createProjectTestPlugin('Quilt.PackageTest', ({hooks}) => {
+      hooks.configure.hook(hooks => {
+        hooks.jestEnvironment?.hook(() => jestEnv);
+
+        hooks.jestTransforms?.hook(transforms => ({
+          ...transforms,
+          '\\.(gql|graphql)$': 'jest-transform-graphql',
+        }));
+
+        hooks.jestWatchIgnore?.hook(patterns => [
+          ...patterns,
+          '<rootDir>/.*/tests?/.*fixtures',
+        ]);
+
+        hooks.babelConfig?.hook(addLegacyDecoratorSupport);
+        // Each test imports from react-testing during setup
+        hooks.babelConfig?.hook(
+          updateBabelPreset(
+            ['@babel/preset-react', require.resolve('@babel/preset-react')],
+            {
+              development: false,
+              useBuiltIns: true,
+            },
+          ),
+        );
+      });
+    }),
+  ]);
+}

config/sewing-kit/plugins.ts

@@ -0,0 +1,23 @@
+import {BabelConfig, updateBabelPlugin} from '@sewing-kit/plugin-javascript';
+
+export async function addLegacyDecoratorSupport(config: BabelConfig) {
+  return updateBabelPlugin(
+    [
+      '@babel/plugin-proposal-decorators',
+      require.resolve('@babel/plugin-proposal-decorators'),
+    ],
+    () => ({
+      legacy: true,
+    }),
+  )(
+    await updateBabelPlugin(
+      [
+        '@babel/plugin-proposal-class-properties',
+        require.resolve('@babel/plugin-proposal-class-properties'),
+      ],
+      {
+        loose: true,
+      },
+    )(config),
+  );
+}

packages/tsconfig_base.json → config/typescript/tsconfig.base.json

@@ -10,14 +10,14 @@
     "downlevelIteration": true,
     "esModuleInterop": true,
     "jsx": "react",
+    "isolatedModules": true,
     "strictNullChecks": true,
     "noImplicitAny": false,
     "sourceMap": false,
     "noEmitOnError": false,
     "experimentalDecorators": true,
     "noUnusedParameters": true,
     "noUnusedLocals": true,
-    "importHelpers": true,
     "lib": [
       "dom",
       "dom.iterable",
@@ -27,6 +27,6 @@
       "es2018",
       "esnext.asynciterable"
     ],
-    "typeRoots": ["../node_modules/@types"]
+    "typeRoots": ["../../node_modules/@types"]
   }
 }

documentation/guides/package-deprecation.md

@@ -16,7 +16,7 @@ Leaving only `README.md` and `CHANGELOG.md`
 
 ## 3. Delete TS package project reference
 
-Delete the line referencing the deprecate package from [`packages/tsconfig.json`](../../packages/tsconfig.json)
+Delete the line referencing the deprecate package from [`tsconfig.json`](../../tsconfig.json)
 
 ## 4. Global search deprecate package in quilt
 

gems/quilt_rails/test/support/generator_test_helpers.rb

@@ -12,7 +12,7 @@ def provide_existing_app_config_file
   end
 
   def provide_existing_sewing_kit_config_file
-    copy_to_generator_root("config", "sewing-kit.config.ts")
+    copy_to_generator_root("config", "sewing-kit.testconfig.ts")
   end
 
   private