Change build type and target

scriptex · Dec 28, 2020 · 466e830 · 466e830
1 parent 1b6ab3f
commit 466e830
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 17 deletions.
diff --git a/README.md b/README.md
@@ -229,6 +229,12 @@ Schema:
 }
 ```
 
+## Usage in browser
+
+You can use the module directly in the browser (without any module bundler such as Webpack or Parcel) but you will need to include `requirejs`.
+
+The usage is not so straight-forward, so please refer to the [demo](https://github.com/scriptex/typed-usa-states/blob/master/demo/index.html)
+
 ## Typings
 
 The package exports several types which can be used in TypeScript environment.

diff --git a/demo/index.html b/demo/index.html
@@ -4,6 +4,8 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>Typed USA States</title>
+
+		<!-- Include the Require JS library from CDNJS -->
 		<script
 			src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.6/require.min.js"
 			integrity="sha512-c3Nl8+7g4LMSTdrm621y7kf9v3SDPnhxLNhcjFJbKECVnmZHTdo+IRO05sNLTH/D3vA6u1X32ehoLC7WFVdheg=="
@@ -13,19 +15,33 @@
 	<body>
 		<div id="result"></div>
 		<script>
-			require(['../dist/index.js'], function (lib) {
+			// This is the most important part
+			var exports = {};
+
+			// Require the needed files
+			require([
+				'../dist/cities.js',
+				'../dist/states-full.js',
+				'../dist/states-with-area.js',
+				'../dist/states-with-counties.js',
+				'../dist/states-with-population.js',
+				'../dist/states-with-zipcodes.js',
+				'../dist/states.js'
+			], function () {
 				var html = '';
 
-				console.log(lib.usaCities);
-				console.log(lib.usaStates);
-				console.log(lib.usaStatesFull);
-				console.log(lib.usaStatesWithArea);
-				console.log(lib.usaStatesWithCounties);
-				console.log(lib.usaStatesWithPopuation);
-				console.log(lib.usaStatesWithZipCodes);
+				// The exports object from above gets populated
+
+				console.log(exports.usaCities);
+				console.log(exports.usaStates);
+				console.log(exports.usaStatesFull);
+				console.log(exports.usaStatesWithArea);
+				console.log(exports.usaStatesWithCounties);
+				console.log(exports.usaStatesWithPopulation);
+				console.log(exports.usaStatesWithZipCodes);
 
-				Object.keys(lib).forEach(function (key) {
-					html += key + ': ' + lib[key].length + ' items<br>';
+				Object.keys(exports).forEach(function (key) {
+					html += key + ': ' + exports[key].length + ' items<br>';
 				});
 
 				document.getElementById('result').innerHTML = html;

diff --git a/demo/index.js b/demo/index.js
@@ -4,7 +4,7 @@ const {
 	usaStatesFull,
 	usaStatesWithArea,
 	usaStatesWithCounties,
-	usaStatesWithPopuation,
+	usaStatesWithPopulation,
 	usaStatesWithZipCodes
 } = require('../dist');
 
@@ -14,6 +14,6 @@ console.log({
 	usaStatesFull,
 	usaStatesWithArea,
 	usaStatesWithCounties,
-	usaStatesWithPopuation,
+	usaStatesWithPopulation,
 	usaStatesWithZipCodes
 });
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
 	"name": "typed-usa-states",
-	"version": "2.0.0",
+	"version": "2.0.1",
 	"description": "An array of geographical data for all USA states with full TypeScript support",
 	"scripts": {
 		"generate": "ts-node ./build/index.ts",

diff --git a/tsconfig.json b/tsconfig.json
@@ -1,7 +1,7 @@
 {
 	"compilerOptions": {
 		"baseUrl": "./",
-		"alwaysStrict": true,
+		"alwaysStrict": false,
 		"allowSyntheticDefaultImports": true,
 		"allowJs": false,
 		"checkJs": false,
@@ -11,16 +11,17 @@
 		"forceConsistentCasingInFileNames": true,
 		"importHelpers": true,
 		"noEmitHelpers": true,
-		"lib": ["esNext"],
-		"target": "esNext",
-		"module": "umd",
+		"lib": ["esNext", "dom"],
+		"target": "es5",
+		"module": "commonjs",
 		"moduleResolution": "node",
 		"noEmit": false,
 		"noEmitOnError": true,
 		"noFallthroughCasesInSwitch": true,
 		"noImplicitAny": true,
 		"noImplicitReturns": true,
 		"noImplicitThis": true,
+		"noImplicitUseStrict": true,
 		"noStrictGenericChecks": false,
 		"outDir": "dist",
 		"strict": true,