handoff-app 1.2.2-2 → 1.2.2-4

package/dist/app-builder/build.js

@@ -18,9 +18,9 @@ const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const components_1 = require("../pipeline/components");
 const patterns_1 = require("../pipeline/patterns");
+const builder_1 = __importDefault(require("../transformers/preview/component/builder"));
 const css_1 = require("../transformers/preview/component/css");
 const javascript_1 = require("../transformers/preview/component/javascript");
-const builder_1 = __importDefault(require("../transformers/preview/component/builder"));
 const logger_1 = require("../utils/logger");
 const client_config_1 = require("./client-config");
 const paths_1 = require("./paths");
@@ -54,11 +54,15 @@ const initializeProjectApp = (handoff) => __awaiter(void 0, void 0, void 0, func
     yield (0, paths_1.syncPublicFiles)(handoff);
     // Copy custom theme CSS if it exists in the user's project
     const customThemePath = path_1.default.resolve(handoff.workingPath, 'theme.css');
+    const destPath = path_1.default.resolve(appPath, 'css', 'theme.css');
     if (fs_extra_1.default.existsSync(customThemePath)) {
-        const destPath = path_1.default.resolve(appPath, 'css', 'theme.css');
         yield fs_extra_1.default.copy(customThemePath, destPath, { overwrite: true });
         logger_1.Logger.success(`Custom theme.css loaded`);
     }
+    else {
+        // create a empty theme.css file
+        yield fs_extra_1.default.writeFile(destPath, '');
+    }
     // Prepare project app configuration using stable placeholder replacement.
     const handoffProjectId = handoff.getProjectId();
     const handoffAppBasePath = (_a = handoff.config.app.base_path) !== null && _a !== void 0 ? _a : '';

package/handoff.config.js

@@ -56,8 +56,8 @@ module.exports = {
     scss: './sass/main.scss',
     js: './js/main.js',
     bundle: './js/main.js',
-    components: ['./test_components'],
-    patterns: ['./test_patterns'],
+    //components: ['./test_components'],
+    //patterns: ['./test_patterns'],
   },
   // These are the asset zip file download links
   assets_zip_links: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "handoff-app",
-  "version": "1.2.2-2",
+  "version": "1.2.2-4",
   "description": "Automated documentation toolchain for building client side documentation from figma",
   "author ": {
     "name": "Convertiv",

package/src/app/css.d.ts

@@ -0,0 +1 @@
+declare module '*.css' {}

package/src/app/pages/_app.tsx

@@ -1,4 +1,6 @@
 import type { AppProps } from 'next/app';
+
+import '../css/index.css';
 import '../css/theme.css';
 
 function MyApp({ Component, pageProps }: AppProps) {

package/src/app-builder/build.ts

@@ -4,13 +4,23 @@ import path from 'path';
 import Handoff from '..';
 import { buildComponents } from '../pipeline/components';
 import { buildPatterns } from '../pipeline/patterns';
+import processComponents from '../transformers/preview/component/builder';
 import { buildMainCss } from '../transformers/preview/component/css';
 import { buildMainJS } from '../transformers/preview/component/javascript';
-import processComponents from '../transformers/preview/component/builder';
 import { Logger } from '../utils/logger';
 import { generateTokensApi, persistClientConfig } from './client-config';
 import { getAppPath, syncPublicFiles } from './paths';
-import { WatcherState, getRuntimeComponentsPathsToWatch, watchAppSource, watchComponentDirectories, watchGlobalEntries, watchPages, watchPublicDirectory, watchRuntimeComponents, watchRuntimeConfiguration } from './watchers';
+import {
+  WatcherState,
+  getRuntimeComponentsPathsToWatch,
+  watchAppSource,
+  watchComponentDirectories,
+  watchGlobalEntries,
+  watchPages,
+  watchPublicDirectory,
+  watchRuntimeComponents,
+  watchRuntimeConfiguration,
+} from './watchers';
 import { createWebSocketServer } from './websocket';
 
 const escapeForSingleQuotedJsString = (value: string): string => value.replace(/\\/g, '\\\\').replace(/'/g, "\\'");
@@ -46,10 +56,13 @@ const initializeProjectApp = async (handoff: Handoff): Promise<string> => {
 
   // Copy custom theme CSS if it exists in the user's project
   const customThemePath = path.resolve(handoff.workingPath, 'theme.css');
+  const destPath = path.resolve(appPath, 'css', 'theme.css');
   if (fs.existsSync(customThemePath)) {
-    const destPath = path.resolve(appPath, 'css', 'theme.css');
     await fs.copy(customThemePath, destPath, { overwrite: true });
     Logger.success(`Custom theme.css loaded`);
+  } else {
+    // create a empty theme.css file
+    await fs.writeFile(destPath, '');
   }
 
   // Prepare project app configuration using stable placeholder replacement.