@akinon/next 1.14.0 → 1.14.1

package/bin/pz-install-plugins.js

@@ -1,33 +1,33 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-const rootDir = path.resolve(process.cwd());
-const spawn = require('cross-spawn');
-const availablePlugins = require('../plugins');
-
-let plugins;
-
-try {
-  plugins = require(path.resolve(rootDir, './src/plugins.js'));
-} catch (error) {}
-
-let installCmd = [];
-
-availablePlugins
-  .filter((p) => plugins?.includes(p))
-  .forEach((name) => {
-    installCmd.push(`git+https://bitbucket.org/akinonteam/${name}`);
-  });
-
-spawn.sync('yarn', ['cache clean']);
-spawn.sync('yarn', ['remove', ...availablePlugins]);
-
-if (
-  installCmd.length > 0 &&
-  !fs.existsSync(path.resolve(rootDir, '../../turbo.json'))
-) {
-  spawn.sync('yarn', ['add', ...installCmd, '--ignore-scripts'], {
-    stdio: 'inherit'
-  });
-}
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const rootDir = path.resolve(process.cwd());
+const spawn = require('cross-spawn');
+const availablePlugins = require('../plugins');
+
+let plugins;
+
+try {
+  plugins = require(path.resolve(rootDir, './src/plugins.js'));
+} catch (error) {}
+
+let installCmd = [];
+
+availablePlugins
+  .filter((p) => plugins?.includes(p))
+  .forEach((name) => {
+    installCmd.push(`git+https://bitbucket.org/akinonteam/${name}`);
+  });
+
+spawn.sync('yarn', ['cache clean']);
+spawn.sync('yarn', ['remove', ...availablePlugins]);
+
+if (
+  installCmd.length > 0 &&
+  !fs.existsSync(path.resolve(rootDir, '../../turbo.json'))
+) {
+  spawn.sync('yarn', ['add', ...installCmd, '--ignore-scripts'], {
+    stdio: 'inherit'
+  });
+}

package/bin/pz-install-theme.js

@@ -1,58 +1,58 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-const spawn = require('cross-spawn');
-
-function findBaseDir() {
-  const insideNodeModules = __dirname.includes('node_modules');
-
-  if (insideNodeModules) {
-    return path.resolve(__dirname, '../../../../');
-  } else {
-    return path.resolve(__dirname, '../../../apps/projectzeropwa');
-  }
-}
-
-const BASE_DIR = findBaseDir();
-
-const getFullPath = (relativePath) => path.join(BASE_DIR, relativePath);
-
-let theme;
-try {
-  theme = require(getFullPath('src/theme.js'));
-} catch (error) {
-  console.error('Error loading theme.js:', error.message);
-  process.exit(1);
-}
-
-try {
-  const tsConfigPath = getFullPath('tsconfig.json');
-
-  if (!fs.existsSync(tsConfigPath)) {
-    throw new Error(`tsconfig.json not found at ${tsConfigPath}`);
-  }
-
-  const tsConfigContent = fs.readFileSync(tsConfigPath, 'utf8');
-  const themePaths = ['"./*"'];
-
-  if (theme !== 'default') {
-    themePaths.splice(0, 0, `"themes/${theme}/*"`);
-  }
-
-  const newContent = tsConfigContent.replace(
-    /"@theme\/\*":\s\[.+\]/,
-    `"@theme/*": [${themePaths.join(', ')}]`
-  );
-
-  fs.writeFileSync(tsConfigPath, newContent);
-
-  if (fs.existsSync(getFullPath('turbo.json'))) {
-    spawn.sync('turbo', ['clean'], {
-      stdio: 'inherit'
-    });
-  }
-} catch (error) {
-  console.error('Error modifying tsconfig.json:', error.message);
-  process.exit(1);
-}
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const spawn = require('cross-spawn');
+
+function findBaseDir() {
+  const insideNodeModules = __dirname.includes('node_modules');
+
+  if (insideNodeModules) {
+    return path.resolve(__dirname, '../../../../');
+  } else {
+    return path.resolve(__dirname, '../../../apps/projectzeropwa');
+  }
+}
+
+const BASE_DIR = findBaseDir();
+
+const getFullPath = (relativePath) => path.join(BASE_DIR, relativePath);
+
+let theme;
+try {
+  theme = require(getFullPath('src/theme.js'));
+} catch (error) {
+  console.error('Error loading theme.js:', error.message);
+  process.exit(1);
+}
+
+try {
+  const tsConfigPath = getFullPath('tsconfig.json');
+
+  if (!fs.existsSync(tsConfigPath)) {
+    throw new Error(`tsconfig.json not found at ${tsConfigPath}`);
+  }
+
+  const tsConfigContent = fs.readFileSync(tsConfigPath, 'utf8');
+  const themePaths = ['"./*"'];
+
+  if (theme !== 'default') {
+    themePaths.splice(0, 0, `"themes/${theme}/*"`);
+  }
+
+  const newContent = tsConfigContent.replace(
+    /"@theme\/\*":\s\[.+\]/,
+    `"@theme/*": [${themePaths.join(', ')}]`
+  );
+
+  fs.writeFileSync(tsConfigPath, newContent);
+
+  if (fs.existsSync(getFullPath('turbo.json'))) {
+    spawn.sync('turbo', ['clean'], {
+      stdio: 'inherit'
+    });
+  }
+} catch (error) {
+  console.error('Error modifying tsconfig.json:', error.message);
+  process.exit(1);
+}

package/bin/pz-postbuild.js

@@ -1 +1 @@
-#!/usr/bin/env node
+#!/usr/bin/env node

package/bin/pz-postdev.js

@@ -1 +1 @@
-#!/usr/bin/env node
+#!/usr/bin/env node

package/bin/pz-postinstall.js

@@ -1,6 +1,6 @@
-#!/usr/bin/env node
-
-const runScript = require('./run-script');
-
-runScript('pz-check-dependencies.js');
-runScript('pz-install-plugins.js');
+#!/usr/bin/env node
+
+const runScript = require('./run-script');
+
+runScript('pz-check-dependencies.js');
+runScript('pz-install-plugins.js');

package/bin/pz-poststart.js

@@ -1 +1 @@
-#!/usr/bin/env node
+#!/usr/bin/env node

package/bin/pz-prebuild.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
-
-const runScript = require('./run-script');
-runScript('pz-install-theme.js');
+#!/usr/bin/env node
+
+const runScript = require('./run-script');
+runScript('pz-install-theme.js');

package/bin/pz-predev.js

@@ -1,4 +1,4 @@
-#!/usr/bin/env node
-
-const runScript = require('./run-script');
-runScript('pz-install-theme.js');
+#!/usr/bin/env node
+
+const runScript = require('./run-script');
+runScript('pz-install-theme.js');

package/bin/pz-prestart.js

@@ -1 +1 @@
-#!/usr/bin/env node
+#!/usr/bin/env node

package/bin/run-script.js

@@ -1,44 +1,44 @@
-const spawn = require('cross-spawn');
-const path = require('path');
-const fs = require('fs');
-
-function runScript(scriptName) {
-  let currentPath;
-
-  const monorepoPath = path.join(
-    process.cwd(),
-    '../../packages/akinon-next/bin',
-    scriptName
-  );
-
-  const standardRepoPath = path.join(
-    process.cwd(),
-    'node_modules/@akinon/next/bin',
-    scriptName
-  );
-
-  if (fs.existsSync(monorepoPath)) {
-    currentPath = monorepoPath;
-  } else if (fs.existsSync(standardRepoPath)) {
-    currentPath = standardRepoPath;
-  } else {
-    console.error(`Unable to find the ${scriptName} file`);
-    return;
-  }
-
-  const result = spawn.sync('node', [currentPath], { stdio: 'inherit' });
-
-  if (result.error) {
-    console.error(`Error executing ${scriptName}:`, result.error);
-    process.exit(1);
-  }
-
-  if (result.status !== 0) {
-    console.error(
-      `Script ${scriptName} failed with exit code ${result.status}`
-    );
-    process.exit(result.status);
-  }
-}
-
-module.exports = runScript;
+const spawn = require('cross-spawn');
+const path = require('path');
+const fs = require('fs');
+
+function runScript(scriptName) {
+  let currentPath;
+
+  const monorepoPath = path.join(
+    process.cwd(),
+    '../../packages/akinon-next/bin',
+    scriptName
+  );
+
+  const standardRepoPath = path.join(
+    process.cwd(),
+    'node_modules/@akinon/next/bin',
+    scriptName
+  );
+
+  if (fs.existsSync(monorepoPath)) {
+    currentPath = monorepoPath;
+  } else if (fs.existsSync(standardRepoPath)) {
+    currentPath = standardRepoPath;
+  } else {
+    console.error(`Unable to find the ${scriptName} file`);
+    return;
+  }
+
+  const result = spawn.sync('node', [currentPath], { stdio: 'inherit' });
+
+  if (result.error) {
+    console.error(`Error executing ${scriptName}:`, result.error);
+    process.exit(1);
+  }
+
+  if (result.status !== 0) {
+    console.error(
+      `Script ${scriptName} failed with exit code ${result.status}`
+    );
+    process.exit(result.status);
+  }
+}
+
+module.exports = runScript;

package/components/accordion.tsx

@@ -1,52 +1,52 @@
-'use client';
-
-import { useState } from 'react';
-import { Icon } from './icon';
-import { twMerge } from 'tailwind-merge';
-import { AccordionProps } from '../types';
-
-export const Accordion = ({
-  isCollapse = false,
-  title,
-  subTitle,
-  icons = ['chevron-up', 'chevron-down'],
-  iconSize = 16,
-  iconColor = 'fill-[#000000]',
-  children,
-  className,
-  titleClassName,
-  dataTestId
-}: AccordionProps) => {
-  const [collapse, setCollapse] = useState(isCollapse);
-
-  return (
-    <div
-      className={twMerge(
-        'flex flex-col justify-center border-b pb-4 mb-4 last:border-none',
-        className
-      )}
-    >
-      <div
-        className="flex items-center justify-between cursor-pointer"
-        onClick={() => setCollapse(!collapse)}
-        data-testid={dataTestId}
-      >
-        <div className="flex flex-col">
-          {title && (
-            <h3 className={twMerge('text-sm', titleClassName)}>{title}</h3>
-          )}
-          {subTitle && <h4 className="text-xs text-gray-700">{subTitle}</h4>}
-        </div>
-
-        {icons && (
-          <Icon
-            name={collapse ? icons[0] : icons[1]}
-            size={iconSize}
-            className={`fill-[${iconColor}]}`}
-          />
-        )}
-      </div>
-      {collapse && <div className="mt-3 text-sm">{children}</div>}
-    </div>
-  );
-};
+'use client';
+
+import { useState } from 'react';
+import { Icon } from './icon';
+import { twMerge } from 'tailwind-merge';
+import { AccordionProps } from '../types';
+
+export const Accordion = ({
+  isCollapse = false,
+  title,
+  subTitle,
+  icons = ['chevron-up', 'chevron-down'],
+  iconSize = 16,
+  iconColor = 'fill-[#000000]',
+  children,
+  className,
+  titleClassName,
+  dataTestId
+}: AccordionProps) => {
+  const [collapse, setCollapse] = useState(isCollapse);
+
+  return (
+    <div
+      className={twMerge(
+        'flex flex-col justify-center border-b pb-4 mb-4 last:border-none',
+        className
+      )}
+    >
+      <div
+        className="flex items-center justify-between cursor-pointer"
+        onClick={() => setCollapse(!collapse)}
+        data-testid={dataTestId}
+      >
+        <div className="flex flex-col">
+          {title && (
+            <h3 className={twMerge('text-sm', titleClassName)}>{title}</h3>
+          )}
+          {subTitle && <h4 className="text-xs text-gray-700">{subTitle}</h4>}
+        </div>
+
+        {icons && (
+          <Icon
+            name={collapse ? icons[0] : icons[1]}
+            size={iconSize}
+            className={`fill-[${iconColor}]}`}
+          />
+        )}
+      </div>
+      {collapse && <div className="mt-3 text-sm">{children}</div>}
+    </div>
+  );
+};

package/components/button.tsx

@@ -1,46 +1,46 @@
-'use client';
-
-import { ButtonProps } from '../types/index';
-import clsx from 'clsx';
-import { twMerge } from 'tailwind-merge';
-
-export const Button = (props: ButtonProps) => {
-  return (
-    <button
-      {...props}
-      className={twMerge(
-        clsx(
-          [
-            'px-4',
-            'h-10',
-            'text-xs',
-            'bg-primary',
-            'text-primary-foreground',
-            'border',
-            'border-primary',
-            'transition-all',
-            'hover:bg-white',
-            'hover:border-primary',
-            'hover:text-primary'
-          ],
-          props.appearance === 'outlined' && [
-            'bg-transparent ',
-            'text-primary ',
-            'hover:bg-primary ',
-            'hover:text-primary-foreground'
-          ],
-          props.appearance === 'ghost' && [
-            'bg-transparent',
-            'border-transparent',
-            'text-primary',
-            'hover:bg-primary',
-            'hover:text-primary-foreground'
-          ]
-        ),
-        props.className
-      )}
-    >
-      {props.children}
-    </button>
-  );
-};
+'use client';
+
+import { ButtonProps } from '../types/index';
+import clsx from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+export const Button = (props: ButtonProps) => {
+  return (
+    <button
+      {...props}
+      className={twMerge(
+        clsx(
+          [
+            'px-4',
+            'h-10',
+            'text-xs',
+            'bg-primary',
+            'text-primary-foreground',
+            'border',
+            'border-primary',
+            'transition-all',
+            'hover:bg-white',
+            'hover:border-primary',
+            'hover:text-primary'
+          ],
+          props.appearance === 'outlined' && [
+            'bg-transparent ',
+            'text-primary ',
+            'hover:bg-primary ',
+            'hover:text-primary-foreground'
+          ],
+          props.appearance === 'ghost' && [
+            'bg-transparent',
+            'border-transparent',
+            'text-primary',
+            'hover:bg-primary',
+            'hover:text-primary-foreground'
+          ]
+        ),
+        props.className
+      )}
+    >
+      {props.children}
+    </button>
+  );
+};

package/components/client-root.tsx

@@ -1,19 +1,19 @@
-'use client';
-
-import { useMobileIframeHandler } from '../hooks';
-
-export default function ClientRoot({
-  children,
-  sessionId
-}: {
-  children: React.ReactNode;
-  sessionId?: string;
-}) {
-  const { preventPageRender } = useMobileIframeHandler({ sessionId });
-
-  if (preventPageRender) {
-    return null;
-  }
-
-  return <>{children}</>;
-}
+'use client';
+
+import { useMobileIframeHandler } from '../hooks';
+
+export default function ClientRoot({
+  children,
+  sessionId
+}: {
+  children: React.ReactNode;
+  sessionId?: string;
+}) {
+  const { preventPageRender } = useMobileIframeHandler({ sessionId });
+
+  if (preventPageRender) {
+    return null;
+  }
+
+  return <>{children}</>;
+}

package/components/icon.tsx

@@ -1,18 +1,18 @@
-import { IconProps } from '../types/index';
-import clsx from 'clsx';
-
-export const Icon = (props: IconProps) => {
-  const { name, size, className, ...rest } = props;
-
-  return (
-    <i
-      className={clsx(`flex pz-icon-${name}`, className)}
-      {...rest}
-      style={
-        size && {
-          fontSize: `${size}px`
-        }
-      }
-    />
-  );
-};
+import { IconProps } from '../types/index';
+import clsx from 'clsx';
+
+export const Icon = (props: IconProps) => {
+  const { name, size, className, ...rest } = props;
+
+  return (
+    <i
+      className={clsx(`flex pz-icon-${name}`, className)}
+      {...rest}
+      style={
+        size && {
+          fontSize: `${size}px`
+        }
+      }
+    />
+  );
+};