Refactor project to monorepo structure

.changeset/busy-drinks-exist.md

@@ -0,0 +1,7 @@
+---
+'@noriginmedia/norigin-spatial-navigation': major
+'@noriginmedia/norigin-spatial-navigation-react': major
+'@noriginmedia/norigin-spatial-navigation-core': major
+---
+
+New package distribution structure

.changeset/config.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://unpkg.com/@changesets/config@3.1.2/schema.json",
+  "changelog": "@changesets/cli/changelog",
+  "commit": false,
+  "fixed": [],
+  "linked": [],
+  "access": "public",
+  "baseBranch": "main",
+  "updateInternalDependencies": "patch",
+  "ignore": []
+}

.github/workflows/release.yml

@@ -0,0 +1,35 @@
+name: release
+
+on:
+  push:
+    branches:
+      - main
+
+concurrency: ${{ github.workflow }}-${{ github.ref }}
+
+jobs:
+  release:
+    name: Release
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v3
+
+      - name: Setup Node.js 20
+        uses: actions/setup-node@v3
+        with:
+          node-version: 20
+          cache: npm
+
+      - name: Install Dependencies
+        run: npm ci
+
+      - name: Create Release Pull Request
+        uses: changesets/action@v1
+        with:
+          version: npm run changeset:version
+          publish: npm run changeset:publish
+          commit: 'ci: Release Packages'
+          title: 'ci: Release Packages'
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -17,3 +17,6 @@ dist
 
 # Ignore test coverage reports
 coverage
+
+# Ignore turbo logs
+.turbo

apps/react-demo/.eslintrc.json

@@ -0,0 +1,4 @@
+{
+  "extends": ["../../.eslintrc.json"],
+  "parserOptions": { "project": "./tsconfig.json" }
+}

apps/react-demo/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "@noriginmedia/norigin-spatial-navigation-react-demo",
+  "private": true,
+  "scripts": {
+    "eslint": "eslint src",
+    "start": "webpack-dev-server --config webpack.config.dev.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/NoriginMedia/norigin-spatial-navigation.git"
+  },
+  "keywords": [
+    "react",
+    "react-hooks",
+    "spatial-navigation",
+    "remote-control-navigation",
+    "tv-navigation"
+  ],
+  "author": "Norigin Media",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/NoriginMedia/norigin-spatial-navigation/issues"
+  },
+  "homepage": "https://devportal.noriginmedia.com/docs/Norigin-Spatial-Navigation/",
+  "peerDependencies": {
+    "react": ">=16.8.0"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21",
+    "@noriginmedia/norigin-spatial-navigation": "^2.3.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.5.12",
+    "@types/lodash": "^4.14.179",
+    "@types/react": "^18.0.18",
+    "@types/react-dom": "^18.0.6",
+    "@types/styled-components": "^5.1.24",
+    "file-loader": "^6.2.0",
+    "html-webpack-plugin": "^5.5.0",
+    "jest": "^29.7.0",
+    "jest-environment-jsdom": "^29.7.0",
+    "prettier": "^2.5.1",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "styled-components": "^5.3.3",
+    "ts-jest": "^29.1.4",
+    "ts-loader": "^9.2.6",
+    "typescript": "^4.5.5",
+    "webpack": "^5.69.1",
+    "webpack-cli": "^4.9.2",
+    "webpack-dev-server": "^4.7.4"
+  }
+}

src/App.tsx → apps/react-demo/src/App.tsx

@@ -9,16 +9,17 @@ import ReactDOMClient from 'react-dom/client';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import styled, { createGlobalStyle } from 'styled-components';
 import shuffle from 'lodash/shuffle';
+
 import {
   useFocusable,
   init,
   FocusContext,
   FocusDetails,
   FocusableComponentLayout,
   KeyPressDetails
-} from './index';
+} from '@noriginmedia/norigin-spatial-navigation';
 
-const logo = require('../logo.png').default;
+const logo = require('./logo.png').default;
 
 init({
   debug: false,

apps/react-demo/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": ["src"]
+}