@aerogel/cli 0.0.0-next.a68f133e2c9a1ae9ba84b4e2e42df909289e5fba → 0.0.0-next.b3caf219a503ce9b8c65ef1463132c9507f56c0a

package/src/plugins/Histoire.ts

@@ -1,105 +0,0 @@
-import File from '@/lib/File';
-import Log from '@/lib/Log';
-import Plugin from '@/plugins/Plugin';
-import Shell from '@/lib/Shell';
-import Template from '@/lib/Template';
-import { isLinkedLocalApp } from '@/lib/utils/app';
-import { packagePath, templatePath } from '@/lib/utils/paths';
-import type { Editor } from '@/lib/Editor';
-
-export class Histoire extends Plugin {
-
-    private installedPatchPackage: boolean = false;
-    private installedPostCSSPseudoClasses: boolean = false;
-
-    constructor() {
-        super('histoire');
-    }
-
-    public async beforeInstall(): Promise<void> {
-        this.installedPatchPackage = false;
-        this.installedPostCSSPseudoClasses = false;
-    }
-
-    protected async afterInstall(): Promise<void> {
-        if (!this.installedPatchPackage) {
-            return;
-        }
-
-        await Log.animate('Patching dependencies', async () => {
-            await Shell.run('npx patch-package');
-        });
-    }
-
-    protected async updateFiles(editor: Editor): Promise<void> {
-        await this.updateTailwindConfig(editor, {
-            content: isLinkedLocalApp()
-                ? `'${packagePath('histoire')}/dist/**/*.js'`
-                : '\'./node_modules/@aerogel/histoire/dist/**/*.js\'',
-        });
-
-        await this.updateNpmScripts(editor);
-        await this.createConfigFiles();
-        await super.updateFiles(editor);
-    }
-
-    protected async installNpmDependencies(): Promise<void> {
-        // We need this specific version because we're patching it using patch-package
-        await Shell.run('npm install histoire@0.17.6 --save-dev');
-
-        if (!File.contains('package.json', '"patch-package"')) {
-            await Shell.run('npm install patch-package --save-dev');
-
-            this.installedPatchPackage = true;
-        }
-
-        if (!File.contains('package.json', '"postcss-pseudo-classes"')) {
-            await Shell.run('npm install postcss-pseudo-classes --save-dev');
-
-            this.installedPostCSSPseudoClasses = true;
-        }
-
-        await super.installNpmDependencies();
-    }
-
-    protected getLocalPackageName(): string {
-        return this.name;
-    }
-
-    protected async updateNpmScripts(editor: Editor): Promise<void> {
-        Log.info('Updating npm scripts...');
-
-        const packageJson = File.read('package.json');
-
-        if (!packageJson) {
-            return Log.fail('Could not find package.json file');
-        }
-
-        File.write(
-            'package.json',
-            packageJson.replace(
-                '"lint": "noeldemartin-lint src",',
-                this.installedPatchPackage
-                    ? '"histoire": "histoire dev", "lint": "noeldemartin-lint src", "postinstall": "patch-package",'
-                    : '"histoire": "histoire dev", "lint": "noeldemartin-lint src",',
-            ),
-        );
-
-        editor.addModifiedFile('package.json');
-    }
-
-    protected async createConfigFiles(): Promise<void> {
-        Log.info('Creating config files...');
-
-        Template.instantiate(templatePath('histoire'));
-
-        if (this.installedPostCSSPseudoClasses) {
-            Template.instantiate(templatePath('postcss-pseudo-classes'));
-        }
-    }
-
-    protected isForDevelopment(): boolean {
-        return true;
-    }
-
-}

package/templates/app/postcss.config.js

@@ -1,6 +0,0 @@
-module.exports = {
-    plugins: {
-        tailwindcss: {},
-        autoprefixer: {},
-    },
-};

package/templates/app/src/assets/css/styles.css

@@ -1,3 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;

package/templates/app/tailwind.config.js

@@ -1,5 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-    content: ['./index.html', './src/**/*.{vue,ts}', '<% &contentPath %>'],
-    plugins: [require('@tailwindcss/forms'), require('@tailwindcss/typography')],
-};

package/templates/histoire/histoire.config.ts

@@ -1,7 +0,0 @@
-import HstAerogel from '@aerogel/histoire/dist/plugin';
-import { defineConfig } from 'histoire';
-
-export default defineConfig({
-    setupFile: '/src/main.histoire.ts',
-    plugins: [HstAerogel()],
-});

package/templates/histoire/patches/histoire+0.17.6.patch

@@ -1,13 +0,0 @@
-diff --git a/node_modules/histoire/dist/node/collect/index.js b/node_modules/histoire/dist/node/collect/index.js
-index 8ffd507..37be43e 100644
---- a/node_modules/histoire/dist/node/collect/index.js
-+++ b/node_modules/histoire/dist/node/collect/index.js
-@@ -22,7 +22,7 @@ export function useCollectStories(options, ctx) {
-                 /vite\w*\/dist\/client\/(client|env).mjs/,
-                 ...ctx.config.viteNodeInlineDeps ?? [],
-             ],
--            fallbackCJS: true,
-+            fallbackCJS: false,
-         },
-         transformMode: ctx.config.viteNodeTransformMode,
-     });

package/templates/histoire/src/main.histoire.ts

@@ -1,8 +0,0 @@
-import '@aerogel/histoire/dist/styles.css';
-import { defineSetupAerogel } from '@aerogel/histoire';
-
-import './assets/css/styles.css';
-
-export const setupVue3 = defineSetupAerogel({
-    messages: import.meta.glob('@/lang/*.yaml'),
-});

package/templates/overrides/components/overrides/ErrorReportModal.vue

@@ -1,35 +0,0 @@
-<template>
-    <ModalWrapper>
-        <AGErrorReportModalTitle
-            :report="report"
-            :current-report="activeReportIndex + 1"
-            :total-reports="reports.length"
-        />
-        <AGButton color="clear" :disabled="activeReportIndex === 0" @click="activeReportIndex--">
-            {{ previousReportText }}
-        </AGButton>
-        <AGButton color="clear" :disabled="activeReportIndex === reports.length - 1" @click="activeReportIndex++">
-            {{ nextReportText }}
-        </AGButton>
-        <AGErrorReportModalButtons :report="report">
-            <template
-                #default="{ url, handler, iconComponent, description }: IAGErrorReportModalButtonsDefaultSlotProps"
-            >
-                <AGButton :url="url" :aria-label="description" @click="handler">
-                    <component :is="iconComponent" />
-                    {{ description }}
-                </AGButton>
-            </template>
-        </AGErrorReportModalButtons>
-        <AGMarkdown v-if="report.description" :text="report.description" />
-        <pre v-text="details" />
-    </ModalWrapper>
-</template>
-
-<script setup lang="ts">
-import { useErrorReportModal, useErrorReportModalProps } from '@aerogel/core';
-import type { IAGErrorReportModalButtonsDefaultSlotProps } from '@aerogel/core';
-
-const props = defineProps(useErrorReportModalProps());
-const { activeReportIndex, details, nextReportText, previousReportText, report } = useErrorReportModal(props);
-</script>

package/templates/postcss-pseudo-classes/postcss.config.js

@@ -1,15 +0,0 @@
-const plugins = {
-    tailwindcss: {},
-    autoprefixer: {},
-};
-
-if (process.env.NODE_ENV === 'development') {
-    plugins['postcss-pseudo-classes'] = {
-        blacklist: [],
-        restrictTo: ['hover', 'focus-visible', 'focus'],
-        allCombinations: true,
-        preserveBeforeAfter: false,
-    };
-}
-
-module.exports = { plugins };

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-    "extends": "../../tsconfig.json",
-    "compilerOptions": {
-        "types": ["node"],
-        "baseUrl": ".",
-        "paths": {
-            "@/*": ["./src/*"]
-        }
-    },
-    "include": ["src/**/*.ts"]
-}

package/vite.config.ts

@@ -1,14 +0,0 @@
-import { defineConfig } from 'vitest/config';
-import { resolve } from 'path';
-
-export default defineConfig({
-    test: {
-        clearMocks: true,
-        setupFiles: ['./src/testing/setup.ts'],
-    },
-    resolve: {
-        alias: {
-            '@': resolve(__dirname, './src'),
-        },
-    },
-});