@akinon/next 1.13.0 → 1.14.0

package/bin/pz-check-dependencies.js

@@ -1,98 +1,98 @@
-#!/usr/bin/env node
-
-const fs = require('fs');
-const path = require('path');
-const semver = require('semver');
-
-function checkDir() {
-  let currentDir = __dirname;
-
-  while (currentDir !== path.resolve(currentDir, '..')) {
-    if (
-      fs.existsSync(
-        path.join(currentDir, 'node_modules/@akinon/next/package.json')
-      )
-    ) {
-      return currentDir;
-    }
-    currentDir = path.resolve(currentDir, '..');
-  }
-
-  return path.resolve(__dirname, '../../../../');
-}
-
-const BASE_DIR = checkDir();
-
-try {
-  const akinonNextPackagePath = fs.existsSync(
-    path.join(BASE_DIR, 'packages/akinon-next/package.json')
-  )
-    ? path.join(BASE_DIR, 'packages/akinon-next/package.json')
-    : path.join(BASE_DIR, 'node_modules/@akinon/next/package.json');
-
-  let akinonNextPackage = JSON.parse(
-    fs.readFileSync(akinonNextPackagePath, 'utf8')
-  );
-
-  const projectZeroPwaPackagePath = path.join(BASE_DIR, 'package.json');
-
-  const projectZeroPwaPackage = JSON.parse(
-    fs.readFileSync(projectZeroPwaPackagePath, 'utf8')
-  );
-
-  const { peerDependencies } = akinonNextPackage;
-
-  let hasErrors = false;
-
-  let errorMessages = [];
-
-  for (const dependency in peerDependencies) {
-    const requiredVersion = peerDependencies[dependency];
-
-    const installedVersion =
-      projectZeroPwaPackage.dependencies[dependency] ||
-      projectZeroPwaPackage.devDependencies[dependency];
-
-    if (!installedVersion) {
-      errorMessages.push(
-        `Dependency ${dependency} is missing in projectzeropwa.`
-      );
-      hasErrors = true;
-    } else {
-      const requiredSemver = semver.coerce(requiredVersion);
-
-      const installedSemver = semver.coerce(installedVersion);
-
-      if (!requiredSemver || !installedSemver) {
-        errorMessages.push(
-          `Invalid semver for ${dependency}: required ${requiredVersion}, found ${installedVersion}`
-        );
-        hasErrors = true;
-      } else if (
-        requiredSemver.major !== installedSemver.major ||
-        requiredSemver.minor !== installedSemver.minor
-      ) {
-        errorMessages.push(
-          `Version mismatch for ${dependency}: expected ${requiredVersion} or higher but found ${installedVersion}`
-        );
-        hasErrors = true;
-      }
-    }
-  }
-
-  if (hasErrors) {
-    console.error(
-      '\x1b[31mDependency errors found:\n' +
-        errorMessages.join('\n') +
-        '\x1b[0m'
-    );
-    process.exit(1);
-  }
-
-  console.log(
-    'All dependencies are installed and compatible in projectzeropwa.'
-  );
-} catch (error) {
-  console.error('\x1b[31mError:', error.message + '\x1b[0m');
-  process.exit(1);
-}
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const semver = require('semver');
+
+function checkDir() {
+  let currentDir = __dirname;
+
+  while (currentDir !== path.resolve(currentDir, '..')) {
+    if (
+      fs.existsSync(
+        path.join(currentDir, 'node_modules/@akinon/next/package.json')
+      )
+    ) {
+      return currentDir;
+    }
+    currentDir = path.resolve(currentDir, '..');
+  }
+
+  return path.resolve(__dirname, '../../../../');
+}
+
+const BASE_DIR = checkDir();
+
+try {
+  const akinonNextPackagePath = fs.existsSync(
+    path.join(BASE_DIR, 'packages/akinon-next/package.json')
+  )
+    ? path.join(BASE_DIR, 'packages/akinon-next/package.json')
+    : path.join(BASE_DIR, 'node_modules/@akinon/next/package.json');
+
+  let akinonNextPackage = JSON.parse(
+    fs.readFileSync(akinonNextPackagePath, 'utf8')
+  );
+
+  const projectZeroPwaPackagePath = path.join(BASE_DIR, 'package.json');
+
+  const projectZeroPwaPackage = JSON.parse(
+    fs.readFileSync(projectZeroPwaPackagePath, 'utf8')
+  );
+
+  const { peerDependencies } = akinonNextPackage;
+
+  let hasErrors = false;
+
+  let errorMessages = [];
+
+  for (const dependency in peerDependencies) {
+    const requiredVersion = peerDependencies[dependency];
+
+    const installedVersion =
+      projectZeroPwaPackage.dependencies[dependency] ||
+      projectZeroPwaPackage.devDependencies[dependency];
+
+    if (!installedVersion) {
+      errorMessages.push(
+        `Dependency ${dependency} is missing in projectzeropwa.`
+      );
+      hasErrors = true;
+    } else {
+      const requiredSemver = semver.coerce(requiredVersion);
+
+      const installedSemver = semver.coerce(installedVersion);
+
+      if (!requiredSemver || !installedSemver) {
+        errorMessages.push(
+          `Invalid semver for ${dependency}: required ${requiredVersion}, found ${installedVersion}`
+        );
+        hasErrors = true;
+      } else if (
+        requiredSemver.major !== installedSemver.major ||
+        requiredSemver.minor !== installedSemver.minor
+      ) {
+        errorMessages.push(
+          `Version mismatch for ${dependency}: expected ${requiredVersion} or higher but found ${installedVersion}`
+        );
+        hasErrors = true;
+      }
+    }
+  }
+
+  if (hasErrors) {
+    console.error(
+      '\x1b[31mDependency errors found:\n' +
+        errorMessages.join('\n') +
+        '\x1b[0m'
+    );
+    process.exit(1);
+  }
+
+  console.log(
+    'All dependencies are installed and compatible in projectzeropwa.'
+  );
+} catch (error) {
+  console.error('\x1b[31mError:', error.message + '\x1b[0m');
+  process.exit(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

@@ -0,0 +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>
+  );
+};

package/components/button.tsx

@@ -0,0 +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>
+  );
+};

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}</>;
+}