Build packages using Rollup

.distignore

@@ -62,6 +62,7 @@ phpunit.xml.dist
 phpunit-integration.xml.dist
 phpunit-integration-multisite.xml.dist
 README.md
+rollup.config.js
 scoper.inc.php
 SECURITY.md
 webpack.config.cjs

.eslintrc

@@ -230,6 +230,14 @@
     "__webpack_public_path__": true
   },
   "settings": {
+    "import/resolver": {
+      "@web-stories-wp/eslint-import-resolver": {
+        "mapping": {
+          "^@googleforcreators\\/(.*)": "./packages/$1/src/",
+          "^@web-stories-wp\\/(.*)": "./packages/$1/src/"
+        }
+      }
+    },
     "jsdoc": {
       "mode": "typescript",
       "preferredTypes": {
@@ -438,7 +446,7 @@
         "__mocks__/**/*.js",
         "bin/**/*.js",
         "babel.config.cjs",
-        "rollup.config.migrate.cjs",
+        "rollup.config.js",
         "jest-puppeteer.config.cjs",
         "karma-*.config.cjs",
         "webpack.*.cjs",
@@ -450,6 +458,8 @@
         "packages/dashboard/src/karma-tests.cjs",
         "packages/story-editor/src/karma-tests.cjs",
         "packages/migration/src/**/*.js",
+        "packages/eslint-import-resolver/**/*.cjs",
+        "packages/jest-resolver/**/*.cjs",
         "packages/fonts/**/*.js",
         "packages/commander/**/*.js",
         "packages/templates/scripts/cli.js",

.github/workflows/build-and-deploy.yml

@@ -97,6 +97,10 @@ jobs:
     name: Package ZIP files
     runs-on: ubuntu-latest
     timeout-minutes: 10
+    if: >
+      github.event.pull_request.draft == false &&
+      github.event.pull_request.head.repo.fork == false &&
+      github.event.pull_request.user.login != 'dependabot[bot]'
     steps:
       - name: Checkout
         uses: actions/checkout@v2
@@ -115,8 +119,7 @@ jobs:
           tools: composer
 
       - name: Install dependencies
-        run: |
-          npm ci
+        run: npm ci
         env:
           PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: true
 
@@ -155,6 +158,32 @@ jobs:
           name: web-stories-dev
           path: build/web-stories-dev
 
+  bundle:
+    name: Bundle npm packages
+    runs-on: ubuntu-latest
+    timeout-minutes: 30
+    if: >
+      github.event.pull_request.draft == false &&
+      github.event.pull_request.head.repo.fork == false &&
+      github.event.pull_request.user.login != 'dependabot[bot]'
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Setup Node
+        uses: actions/[email protected]
+        with:
+          node-version-file: '.nvmrc'
+          cache: npm
+
+      - name: Install dependencies
+        run: npm ci
+        env:
+          PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: true
+
+      - name: Bundle packages
+        run: npm run bundle
+
   upload-artifacts:
     name: Upload ZIP files to storage
     runs-on: ubuntu-latest

.github/workflows/lint-i18n.yml

@@ -31,7 +31,7 @@ jobs:
   lint:
     name: Lint
     runs-on: ubuntu-latest
-    timeout-minutes: 5
+    timeout-minutes: 10
     steps:
       - name: Checkout
         uses: actions/checkout@v2

.github/workflows/tests-unit-js.yml

@@ -60,7 +60,7 @@ jobs:
       - name: Install dependencies
         run: |
           npm ci
-          npx rollup --config packages/migration/rollup.config.migrate.js
+          npx rollup --config packages/migration/rollup.config.js
         env:
           PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: true
 

.gitignore

@@ -5,6 +5,8 @@
 node_modules
 /assets
 /packages/migration/scripts/module.js
+/packages/*/dist
+/packages/*/dist-module
 /build
 /bin/build
 /bin/local-env/data

.npmpackagejsonlintrc.json

@@ -56,10 +56,13 @@
         "exports",
         "main",
         "module",
-        "bin",
+        "source",
+        "publishConfig",
+        "sideEffects",
         "dependencies",
         "devDependencies",
         "peerDependencies",
+        "bin",
         "scripts"
       ]
     ],

.storybook/stories/playground/dashboard/index.js

@@ -17,10 +17,10 @@
 /**
  * External dependencies
  */
-import Dashboard, { InterfaceSkeleton } from '@googleforcreators/dashboard';
 import styled from 'styled-components';
 import { useRef } from 'react';
 import { toId } from '@storybook/csf';
+import { Dashboard, InterfaceSkeleton } from '@googleforcreators/dashboard';
 
 /**
  * Internal dependencies

.storybook/stories/playground/story-editor/header/buttons/preview.js

@@ -13,9 +13,11 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+
 /**
  * External dependencies
  */
+import { hrefTo } from '@storybook/addon-links';
 import { Tooltip, useStory } from '@googleforcreators/story-editor';
 import {
   Button,
@@ -24,7 +26,6 @@ import {
   BUTTON_VARIANTS,
   Icons,
 } from '@googleforcreators/design-system';
-import { hrefTo } from '@storybook/addon-links';
 
 function PreviewButton() {
   const { isSaving, saveStory } = useStory(

.storybook/stories/playground/story-editor/index.js

@@ -17,10 +17,11 @@
 /**
  * External dependencies
  */
-import StoryEditor, {
+import styled from 'styled-components';
+import {
+  StoryEditor,
   InterfaceSkeleton,
 } from '@googleforcreators/story-editor';
-import styled from 'styled-components';
 
 /**
  * Internal dependencies