WIP-split-current-code-into-a-core-and-implementation-packages

.gitignore

@@ -9,8 +9,7 @@
 /coverage
 
 # production
-/build
-/dist
+dist/
 
 # misc
 .DS_Store

lerna.json

@@ -0,0 +1,6 @@
+{
+ "packages": [
+ "packages/*"
+ ],
+ "version": "0.0.0"
+}

package.json

@@ -6,25 +6,17 @@
  "author": "Google Chrome",
  "license": "Apache-2.0",
  "private": false,
- "main": "dist/index.js",
- "module": "dist/index.module.js",
- "unpkg": "dist/index.umd.js",
- "source": "index.js",
  "scripts": {
- "build": "microbundle",
- "dev": "microbundle watch",
+ "build": "lerna run build",
  "prepare": "npm run build",
- "test": "jest",
- "test:coverage": "jest --coverage"
- },
- "peerDependencies": {
- "react": "^16.8.0"
+ "test": "lerna run test"
  },
  "devDependencies": {
  "@babel/preset-env": "^7.5.5",
  "@testing-library/react-hooks": "^1.1.0",
  "babel-polyfill": "^6.26.0",
  "jest": "^24.8.0",
+ "lerna": "^3.22.1",
  "microbundle": "0.11.0",
  "react": "16.9.0",
  "react-test-renderer": "16.9.0"

packages/core-adaptive-hooks/README.md

@@ -0,0 +1 @@
+# `core-adaptive-hooks`

packages/core-adaptive-hooks/babel.config.js

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+module.exports = {
+ presets: [
+ "@babel/preset-env"
+ ]
+};

index.js → packages/core-adaptive-hooks/lib/core-adaptive-hooks.js

@@ -1,5 +1,6 @@
-export { useNetworkStatus } from './network';
+export { useCoreNetworkStatus } from './network';
+export { useCoreMediaCapabilitiesDecodingInfo } from './media-capabilities';
+
 export { useSaveData } from './save-data';
 export { useMemoryStatus } from './memory';
 export { useHardwareConcurrency } from './hardware-concurrency';
-export { useMediaCapabilitiesDecodingInfo } from './media-capabilities';

packages/core-adaptive-hooks/lib/media-capabilities/index.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const isMediaCapabilitiesSupported = () => typeof navigator !== 'undefined' && 'mediaCapabilities' in navigator;
+
+const useCoreMediaCapabilitiesDecodingInfo = async mediaDecodingConfig => {
+ const supported = isMediaCapabilitiesSupported();
+
+ if (!supported) {
+ return {};
+ }
+
+ let decodingInfo;
+
+ try {
+ decodingInfo = await navigator
+ .mediaCapabilities
+ .decodingInfo(mediaDecodingConfig);
+ } catch (e) {
+ console.error(e);
+ }
+
+ return decodingInfo
+};
+
+export { isMediaCapabilitiesSupported, useCoreMediaCapabilitiesDecodingInfo };

packages/core-adaptive-hooks/lib/media-capabilities/media-capabilities.test.js

@@ -0,0 +1,77 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import 'babel-polyfill';
+
+const mediaDecodingConfig = {
+ type: 'file',
+ audio: {
+ contentType: 'audio/mp3',
+ channels: 2,
+ bitrate: 132700,
+ samplerate: 5200
+ }
+};
+
+const mediaCapabilitiesMapper = {
+ 'audio/mp3': {
+ powerEfficient: true,
+ smooth: true,
+ supported: true
+ }
+};
+
+describe('useMediaCapabilitiesDecodingInfo', () => {
+ test('should return {} on unsupported platforms', async () => {
+ const { useCoreMediaCapabilitiesDecodingInfo } = require('./');
+
+ const result = await useCoreMediaCapabilitiesDecodingInfo();
+
+ expect(result).toStrictEqual({});
+ });
+
+ test('should return {} on unsupported platforms with config given', async () => {
+ const { useCoreMediaCapabilitiesDecodingInfo } = require('./');
+ const result = await useCoreMediaCapabilitiesDecodingInfo(mediaDecodingConfig);
+
+ expect(result).toStrictEqual({});
+ });
+
+ test('should return mediaCapabilitiesInfo for given media configuration', async () => {
+ const originalError = console.error;
+ console.error = jest.fn();
+
+ const mockDecodingInfo = jest.fn().mockImplementation(() => Promise.resolve({
+ ...mediaCapabilitiesMapper[mediaDecodingConfig.audio.contentType]
+ }));
+
+ global.navigator.mediaCapabilities = {
+ decodingInfo: mockDecodingInfo
+ };
+
+ const { useCoreMediaCapabilitiesDecodingInfo } = require('./');
+
+ try {
+ const result = await useCoreMediaCapabilitiesDecodingInfo(mediaDecodingConfig);
+
+ expect(result.powerEfficient).toEqual(true);
+ expect(result.smooth).toEqual(true);
+ expect(result.supported).toEqual(true);
+ } finally {
+ console.error = originalError;
+ }
+ });
+});

packages/core-adaptive-hooks/lib/network/index.js

@@ -0,0 +1,29 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+const isNetworkStatusSupported = () => typeof navigator !== 'undefined' && 'connection' in navigator && 'effectiveType' in navigator.connection;
+
+const useCoreNetworkStatus = () => {
+ const navigatorConnection = navigator.connection;
+
+ return isNetworkStatusSupported() ?
+ {
+ effectiveConnectionType: navigatorConnection.effectiveType
+ } :
+ {}
+};
+
+export { isNetworkStatusSupported, useCoreNetworkStatus };

packages/core-adaptive-hooks/lib/network/network.test.js

@@ -0,0 +1,39 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { useCoreNetworkStatus } from './';
+
+describe('useCoreNetworkStatus', () => {
+ test(`should return "{}" for unsupported case`, () => {
+ const result = useCoreNetworkStatus();
+
+ expect(result).toStrictEqual({});
+ });
+
+ test('should return 4g of effectiveConnectionType', () => {
+ global.navigator.connection = {
+ effectiveType: '4g'
+ };
+
+ const result = useCoreNetworkStatus();
+
+ const expectedConnection = {
+ effectiveConnectionType: '4g'
+ };
+
+ expect(result).toStrictEqual(expectedConnection);
+ });
+});

packages/core-adaptive-hooks/package.json

@@ -0,0 +1,46 @@
+{
+ "name": "core-adaptive-hooks",
+ "version": "0.0.1",
+ "description": "core adaptive hooks",
+ "keywords": [
+ "adaptive-hooks"
+ ],
+ "author": "Google Chrome",
+ "homepage": "https://github.com/GoogleChromeLabs/react-adaptive-hooks#readme",
+ "license": "Apache-2.0",
+ "extends": "../../babel.config.js",
+ "main": "dist/index.js",
+ "module": "dist/index.module.js",
+ "unpkg": "dist/index.umd.js",
+ "source": "lib/core-adaptive-hooks.js",
+ "directories": {
+ "lib": "lib"
+ },
+ "files": [
+ "lib"
+ ],
+ "devDependencies": {
+ "@babel/preset-env": "^7.5.5",
+ "babel-polyfill": "^6.26.0",
+ "jest": "^24.8.0",
+ "lerna": "^3.22.1",
+ "microbundle": "0.11.0"
+ },
+ "publishConfig": {
+ "access": "public"
+ },
+ "repository": {
+ "type": "git",
+ "url": "git+https://github.com/GoogleChromeLabs/react-adaptive-hooks.git"
+ },
+ "scripts": {
+ "build": "microbundle",
+ "dev": "microbundle watch",
+ "prepare": "npm run build",
+ "test": "jest",
+ "test:coverage": "jest --coverage"
+ },
+ "bugs": {
+ "url": "https://github.com/GoogleChromeLabs/react-adaptive-hooks/issues"
+ }
+}

packages/react-adaptive-hooks/README.md

@@ -0,0 +1 @@
+# `react-adaptive-hooks`

packages/react-adaptive-hooks/babel.config.js

@@ -0,0 +1,21 @@
+/*
+ * Copyright 2019 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the 'License');
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an 'AS IS' BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+module.exports = {
+ presets: [
+ "@babel/preset-env"
+ ]
+};

network/network.test.js → packages/react-adaptive-hooks/lib/network/network.test.js

@@ -16,7 +16,7 @@
 
 import { renderHook, act } from '@testing-library/react-hooks';
 
-import { useNetworkStatus } from './';
+import { useNetworkStatus } from './index';
 
 describe('useNetworkStatus', () => {
  const map = {};

packages/react-adaptive-hooks/lib/react-adaptive-hooks.js

@@ -0,0 +1,6 @@
+export { useSaveData } from '../../core-adaptive-hooks/lib/save-data';
+export { useMemoryStatus } from '../../core-adaptive-hooks/lib/memory';
+export { useHardwareConcurrency } from '../../core-adaptive-hooks/lib/hardware-concurrency';
+
+export { useNetworkStatus } from './network';
+export { useMediaCapabilitiesDecodingInfo } from './media-capabilities';