Fix inclusion of spectacle package.json for CLI (#1307)

* Fix inclusion of spectacle package.json for CLI

* Update GH Action

* Add the cp package to test deps.

Author: carloskelly13

.changeset/modern-ducks-try.md

@@ -0,0 +1,5 @@
+---
+'create-spectacle': patch
+---
+
+Fix inclusion of Spectacle library package.json

.github/workflows/create-spectacle.yml

@@ -51,6 +51,9 @@ jobs:
       - name: Install dependencies
         run: pnpm install
 
+      - name: Copy Spectacle package
+        run: pnpm run --filter ./packages/create-spectacle copy-spectacle-package
+
       - name: Build create-spectacle
         run: pnpm run --filter ./packages/create-spectacle build
 

packages/create-spectacle/.gitignore

@@ -1 +1,2 @@
 tmp
+spectacle-package.json

packages/create-spectacle/package.json

@@ -4,7 +4,8 @@
   "description": "Project generator for Spectacle",
   "main": "bin/cli.js",
   "files": [
-    "bin/"
+    "bin/",
+    "spectacle-package.json"
   ],
   "bin": "bin/cli.js",
   "author": "Formidable Labs <hello@formidable.com>",
@@ -26,18 +27,22 @@
   "devDependencies": {
     "@types/node": "^18.0.3",
     "@types/prompts": "^2.0.14",
+    "shx": "^0.3.4",
     "spectacle": "*"
   },
   "resolutions": {},
   "scripts": {
-    "dev": "ts-node src/cli.ts",
+    "dev": "pnpm copy-spectacle-package && ts-node src/cli.ts",
     "build": "wireit",
     "types:check": "wireit",
     "lint": "wireit",
     "lint:fix": "wireit",
     "prettier": "wireit",
     "prettier:fix": "wireit",
     "test": "wireit",
+    "copy-spectacle-package": "shx cp ../spectacle/package.json ./spectacle-package.json",
+    "prepack": "pnpm copy-spectacle-package",
+    "postpack": "shx rm ./spectacle-package.json",
     "examples:clean": "rimraf .examples",
     "examples:test": "nps jest",
     "examples:jsx:clean": "rimraf .examples/jsx",
@@ -147,6 +152,7 @@
     },
     "test": {
       "dependencies": [
+        "copy-spectacle-package",
         "build"
       ],
       "command": "jest --testMatch=\"<rootDir>/src/*.test.ts\"",

packages/create-spectacle/src/generators/one-page.ts

@@ -1,17 +1,12 @@
-import path from 'path';
 import { onePageTemplate } from '../templates/one-page';
 
-const SPECTACLE_PATH = path.resolve(__dirname, '../../../spectacle');
-const spectaclePackage = require(`${SPECTACLE_PATH}/package.json`);
+const spectaclePackage = require(`${__dirname}/../../spectacle-package.json`);
 const REACT_VERSION = spectaclePackage.devDependencies.react.replace('^', '');
 const ESM_SH_VERSION = 'v121';
 
 export const generateImportMap = () => {
   const importMap = new Map<string, string>();
-  const {
-    dependencies,
-    peerDependencies
-  } = require(`${SPECTACLE_PATH}/package.json`);
+  const { dependencies, peerDependencies } = spectaclePackage;
 
   importMap.set('htm', importUrl('htm', '^3'));
   importMap.set('spectacle', 'https://esm.sh/spectacle@10?bundle');