Add Typescript (#117)

* WIP: Add Typescript

* Fix webpace resolve extensions

* Lexicographically sort type attributes

* Prettier: ignore dist/

* Fix .prettierignore community-data.ts

* Set ts-loader to traspileOnly to allow builds with TS errors

* Update readme with message about typescript

* Run fetchEvents

.github/workflows/build.yml

@@ -24,12 +24,12 @@ jobs:
         run: npm ci
       - run: npm run fetchEvents
       - run: npm run build
-      - name: Commit events-data.js
+      - name: Commit events-data.ts
         run: |
           git status
           git config --global user.name 'Newwwie Bot'
           git config --global user.email '[email protected]'
-          git add src/js/events/events-data.js
+          git add src/js/events/events-data.ts
           git add dist
           git commit -m "Get latest set of Meetup events"
           git push

.prettierignore

@@ -1,2 +1,3 @@
-src/js/events/events-data.js
-src/js/communities/communities-data.js
+src/js/events/events-data.ts
+src/js/communities/community-data.ts
+dist/

CONTRIBUTING.md

@@ -173,9 +173,9 @@ https://newwwie.com/#community
 
 If you would like to get added, the content is in:
 
-[`src/js/communities/community-data.js`](src/js/communities/community-data.js)
+[`src/js/communities/community-data.ts`](src/js/communities/community-data.ts)
 
-You can [edit it directly on the Github Website](https://github.com/newwwie/newwwie.com/edit/main/src/js/communities/community-data.js)
+You can [edit it directly on the Github Website](https://github.com/newwwie/newwwie.com/edit/main/src/js/communities/community-data.ts)
 
 Here is an example of a high quality entry:
 

README.md

@@ -20,6 +20,16 @@ npm install
 npm run dev
 ```
 
+### Typescript
+
+This repository uses typescript for source files. Currently some typescript errors remain, though at some point (after existing issues in [#119](https://github.com/newwwie/newwwie.com/issues/119) are resolved) webpack will be configured to not build in the presence of typescript errors.
+
+```sh
+npm run typecheck -- --watch
+```
+
+## Contributing
+
 For more information please see our [Contributing Guide](CONTRIBUTING.md)
 
 This includes adding meetup groups and community listings.

fetch-events/index.js

@@ -41,7 +41,7 @@ Promise.all(
 ).then((events) => {
   const sortedEvents = _.sortBy(events.flat().filter(filterEventsNext90Days), (e) => e.event.dateTime);
   fs.writeFileSync(
-    path.join(__dirname, "..", "src", "js", "events", "events-data.js"),
-    `// Auto Generated on ${new Date().toISOString()}\n module.exports = ${JSON.stringify(sortedEvents, null, 2)}`,
+    path.join(__dirname, "..", "src", "js", "events", "events-data.ts"),
+    `// Auto Generated on ${new Date().toISOString()}\nimport { type EventItem } from "./types";\n\nexport const events: readonly EventItem[] = ${JSON.stringify(sortedEvents, null, 2)}`,
   );
 });