Packages: Extract viewport package (#7975)

WordPress · Jul 16, 2018 · b00aea3 · b00aea3
1 parent a6c36e5
commit b00aea3
Show file tree

Hide file tree

Showing 19 changed files with 62 additions and 7 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -34,6 +34,7 @@
 		"@wordpress/plugins": "file:packages/plugins",
 		"@wordpress/shortcode": "file:packages/shortcode",
 		"@wordpress/url": "file:packages/url",
+		"@wordpress/viewport": "file:packages/viewport",
 		"@wordpress/wordcount": "file:packages/wordcount",
 		"classnames": "2.2.5",
 		"clipboard": "1.7.1",

diff --git a/packages/core-data/package.json b/packages/core-data/package.json
@@ -25,6 +25,9 @@
 		"lodash": "^4.17.10",
 		"rememo": "^3.0.0"
 	},
+	"devDependencies": {
+		"deep-freeze": "^0.0.1"
+	},
 	"publishConfig": {
 		"access": "public"
 	}

diff --git a/packages/data/package.json b/packages/data/package.json
@@ -31,7 +31,8 @@
 	},
 	"devDependencies": {
 		"deep-freeze": "^0.0.1",
-		"enzyme": "^3.3.0"
+		"enzyme": "^3.3.0",
+		"react-test-renderer": "^16.4.1"
 	},
 	"publishConfig": {
 		"access": "public"

diff --git a/viewport/README.md → packages/viewport/README.md b/viewport/README.md → packages/viewport/README.md
@@ -1,7 +1,14 @@
-Viewport
-========
+# @wordpress/viewport
 
-Viewport is a module for responding to changes in the browser viewport size. It registers its own [data module](https://github.com/WordPress/gutenberg/tree/master/data), updated in response to browser media queries on a standard set of supported breakpoints. This data and the included higher-order components can be used in your own modules and components to implement viewport-dependent behaviors.
+Viewport is a module for responding to changes in the browser viewport size. It registers its own [data module](https://github.com/WordPress/gutenberg/tree/master/packages/data), updated in response to browser media queries on a standard set of supported breakpoints. This data and the included higher-order components can be used in your own modules and components to implement viewport-dependent behaviors.
+
+## Installation
+
+Install the module
+
+```bash
+npm install @wordpress/viewport --save
+```
 
 ## Breakpoints
 

diff --git a/packages/viewport/package.json b/packages/viewport/package.json
@@ -0,0 +1,34 @@
+{
+	"name": "@wordpress/viewport",
+	"version": "1.0.0-alpha.3",
+	"description": "Viewport module for WordPress",
+	"author": "The WordPress Contributors",
+	"license": "GPL-2.0-or-later",
+	"keywords": [
+		"wordpress",
+		"viewport"
+	],
+	"homepage": "https://github.com/WordPress/gutenberg/tree/master/packages/viewport/README.md",
+	"repository": {
+		"type": "git",
+		"url": "https://github.com/WordPress/gutenberg.git"
+	},
+	"bugs": {
+		"url": "https://github.com/WordPress/gutenberg/issues"
+	},
+	"main": "build/index.js",
+	"module": "build-module/index.js",
+	"dependencies": {
+		"@wordpress/compose": "file:../compose",
+		"@wordpress/data": "file:../data",
+		"@wordpress/element": "file:../element",
+		"lodash": "^4.17.10"
+	},
+	"devDependencies": {
+		"deep-freeze": "^0.0.1",
+		"react-test-renderer": "^16.4.1"
+	},
+	"publishConfig": {
+		"access": "public"
+	}
+}
diff --git a/viewport/if-viewport-matches.js → packages/viewport/src/if-viewport-matches.js b/viewport/if-viewport-matches.js → packages/viewport/src/if-viewport-matches.js
diff --git a/viewport/index.js → packages/viewport/src/index.js b/viewport/index.js → packages/viewport/src/index.js
diff --git a/viewport/store/actions.js → packages/viewport/src/store/actions.js b/viewport/store/actions.js → packages/viewport/src/store/actions.js
diff --git a/viewport/store/index.js → packages/viewport/src/store/index.js b/viewport/store/index.js → packages/viewport/src/store/index.js
diff --git a/viewport/store/reducer.js → packages/viewport/src/store/reducer.js b/viewport/store/reducer.js → packages/viewport/src/store/reducer.js
diff --git a/viewport/store/selectors.js → packages/viewport/src/store/selectors.js b/viewport/store/selectors.js → packages/viewport/src/store/selectors.js
diff --git a/viewport/store/test/reducer.js → packages/viewport/src/store/test/reducer.js b/viewport/store/test/reducer.js → packages/viewport/src/store/test/reducer.js
diff --git a/viewport/store/test/selectors.js → ...ages/viewport/src/store/test/selectors.js b/viewport/store/test/selectors.js → ...ages/viewport/src/store/test/selectors.js
diff --git a/viewport/test/if-viewport-matches.js → .../viewport/src/test/if-viewport-matches.js b/viewport/test/if-viewport-matches.js → .../viewport/src/test/if-viewport-matches.js
diff --git a/viewport/test/with-viewport-match.js → .../viewport/src/test/with-viewport-match.js b/viewport/test/with-viewport-match.js → .../viewport/src/test/with-viewport-match.js
diff --git a/viewport/with-viewport-match.js → packages/viewport/src/with-viewport-match.js b/viewport/with-viewport-match.js → packages/viewport/src/with-viewport-match.js
diff --git a/test/unit/jest.config.json b/test/unit/jest.config.json
@@ -1,7 +1,7 @@
 {
 	"rootDir": "../../",
 	"collectCoverageFrom": [
-		"(blocks|components|editor|utils|edit-post|viewport|core-blocks|nux)/**/*.js",
+		"(blocks|components|editor|utils|edit-post|core-blocks|nux)/**/*.js",
 		"packages/**/*.js"
 	],
 	"coveragePathIgnorePatterns": [
@@ -11,7 +11,7 @@
 		"<rootDir>/packages/.*/benchmark/"
 	],
 	"moduleNameMapper": {
-		"@wordpress\\/(blocks|components|editor|utils|edit-post|viewport|core-blocks|nux)$": "$1",
+		"@wordpress\\/(blocks|components|editor|utils|edit-post|core-blocks|nux)$": "$1",
 		"@wordpress\\/(a-z0-9-)$": "packages/$1/src"
 	},
 	"preset": "@wordpress/jest-preset-default",

diff --git a/webpack.config.js b/webpack.config.js
@@ -141,7 +141,6 @@ const entryPointNames = [
 	'components',
 	'editor',
 	'utils',
-	'viewport',
 	'edit-post',
 	'core-blocks',
 	'nux',
@@ -165,6 +164,7 @@ const gutenbergPackages = [
 	'keycodes',
 	'plugins',
 	'shortcode',
+	'viewport',
 ];
 
 const externals = {