@solfacil/girassol 0.1.9 → 0.2.0

package/cli/src/commands/generate:plugin.ts

@@ -1,68 +0,0 @@
-import type { GluegunToolbox } from 'gluegun'
-const RELATIVE_ROOT_PROJECT = './'
-
-import { componentsNames } from '../../../dist/girassol.umd'
-
-module.exports = {
-  name: 'generate:plugin',
-  description: 'Setting girassol global plugin to nuxt/vue',
-  run: async (toolbox: GluegunToolbox) => {
-    const {
-      parameters,
-      template,
-      print: { info, spin, highlight },
-    } = toolbox
-
-    if (parameters?.options?.nuxt) {
-      const spinnerPlugin = spin('Setting plugin')
-
-      await template.generate({
-        template: 'nuxt-plugin.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}/plugins/girassol.ts`,
-      })
-
-      spinnerPlugin.succeed(`Plugin created in [/plugins/girassol.ts]!`)
-      const spinnerTypes = spin('Setting types')
-
-      await template.generate({
-        props: { componentsNames },
-        template: 'components.d.ts.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}components.d.ts`,
-      })
-
-      spinnerTypes.succeed('Global types created in [/components.d.ts]!')
-    } else {
-      const spinnerPlugin = spin('Setting plugin')
-
-      await template.generate({
-        template: 'vue-plugin.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}/src/plugins/girassol.ts`,
-      })
-
-      spinnerPlugin.succeed(`Plugin created in [/src/plugins/girassol.ts]!`)
-
-      const spinnerTypes = spin('Setting types')
-
-      await template.generate({
-        props: { componentsNames },
-        template: 'components.d.ts.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}/src/components.d.ts`,
-      })
-
-      spinnerTypes.succeed('Global types created in [/src/components.d.ts]!')
-
-      info('Please, add command below to src/main.ts')
-      highlight(`import girassol from 'plugins/girassol'`)
-      highlight(`createApp(App).use(girassol)`)
-    }
-
-    const spinnerWindi = spin('Setting plugin')
-
-    await template.generate({
-      template: 'windi.config.ts.ejs',
-      target: `${RELATIVE_ROOT_PROJECT}/windi.config.ts`,
-    })
-
-    spinnerWindi.succeed(`Windicss config created in [/windi.config.ts]!`)
-  },
-}

package/cli/src/commands/generate:types.ts

@@ -1,38 +0,0 @@
-import type { GluegunToolbox } from 'gluegun'
-const RELATIVE_ROOT_PROJECT = './'
-
-import { componentsNames } from '../../../dist/girassol.umd'
-
-module.exports = {
-  name: 'generate:plugin',
-  description: 'Setting girassol global plugin to nuxt/vue',
-  run: async (toolbox: GluegunToolbox) => {
-    const {
-      parameters,
-      template,
-      print: { spin },
-    } = toolbox
-
-    if (parameters?.options?.nuxt) {
-      const spinnerTypes = spin('Setting types')
-
-      await template.generate({
-        props: { componentsNames },
-        template: 'components.d.ts.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}components.d.ts`,
-      })
-
-      spinnerTypes.succeed(`Global types created in [/components.d.ts]!`)
-    } else {
-      const spinnerTypes = spin('Setting types')
-
-      await template.generate({
-        props: { componentsNames },
-        template: 'components.d.ts.ejs',
-        target: `${RELATIVE_ROOT_PROJECT}/src/components.d.ts`,
-      })
-
-      spinnerTypes.succeed('Global types created in [/src/components.d.ts]!')
-    }
-  },
-}

package/cli/src/commands/girassol.ts

@@ -1,12 +0,0 @@
-import type { GluegunCommand } from 'gluegun'
-
-const command: GluegunCommand = {
-  name: 'girassol',
-  run: async (toolbox) => {
-    const { print } = toolbox
-
-    print.info('Welcome Girassol CLI')
-  },
-}
-
-module.exports = command

package/cli/src/extensions/cli-extension.ts

@@ -1,17 +0,0 @@
-import type { GluegunToolbox } from 'gluegun'
-
-// add your CLI-specific functionality here, which will then be accessible
-// to your commands
-module.exports = (toolbox: GluegunToolbox) => {
-  toolbox.foo = () => {
-    toolbox.print.info('called foo extension')
-  }
-
-  // enable this if you want to read configuration in from
-  // the current folder's package.json (in a "girassol" property),
-  // girassol.config.json, etc.
-  // toolbox.config = {
-  //   ...toolbox.config,
-  //   ...toolbox.config.loadConfig("girassol", process.cwd())
-  // }
-}

package/cli/src/templates/components/component.spec.ts.ejs

@@ -1,20 +0,0 @@
-import '@testing-library/jest-dom'
-import userEvent from '@testing-library/user-event'
-
-import { render, screen } from '@testing-library/vue'
-
-import <%- props.name %>  from './<%- props.name %>.vue'
-
-describe('[<%- props.folder %>] <%- props.name %>', () => {
-  it('Renders text <%- props.name %> pass by label prop', () => {
-    const label = 'awesome!'
-
-    render(<%- props.name %>, {
-      props: {
-        label
-      },
-    })
-
-    screen.getByText(label)
-  })
-})

package/cli/src/templates/components/component.stories.mdx.ejs

@@ -1,74 +0,0 @@
-import { Meta, Story, Canvas, ArgsTable } from '@storybook/addon-docs'
-import { withDesign } from 'storybook-addon-designs'
-
-import <%- props.name %>  from './<%- props.name %>.vue'
-
-<Meta
-  title="Componentes/<%- props.folder %>/<%- props.name %>"
-  component={<%- props.name %>}
-  decorators={[withDesign]}
-  parameters={{
-    design: {
-      type: 'figma',
-      url: '',
-    },
-  }}
-  argTypes={{
-    label: 'hi!'
-  }}
-/>
-
-export const Template = ({ label,...args }) => ({
-  components: { <%- props.name %> },
-  setup() {
-    return { args, label }
-  },
-  template: `<<%- props.name %> v-bind="args" id="teste"></<%- props.name %>>`,
-})
-
-# <%- props.name %>
-
-## Melhores praticas
-
-
-## Acessibilidade
-
-
-## Importar localmente
-
-```js dark
-import { Sol<%- props.name %> } from '@solfacil/girassol'
-```
-
-## Variants 
-<Canvas>
-  <Story
-    name="Default"
-    args={{
-      label: 'default',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-## Exemplos de uso
-
-```html dark
-<Sol<%- props.name %> id="just-test">Awesome component!</Sol<%- props.name %>>
-```
-
-## Playground
-
-<Canvas>
-  <Story
-    name="Playground"
-    args={{
-      label: 'its work fine!',
-    }}
-  >
-    {Template.bind({})}
-  </Story>
-</Canvas>
-
-<ArgsTable story="Playground" />

package/cli/src/templates/components/component.vue.ejs

@@ -1,23 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  id: string
-  label?: string
-}>()
-
-const emit = defineEmits<{
-  (e: 'change', value: string): void
-}>()
-</script>
-
-<template>
-  <div class="sol-<%- props.nameClass %>-core">
-    {{ label }}
-  </div>
-</template>
-
-<style lang="scss">
-.sol-<%- props.nameClass %>-core {
-
-  | @apply bg-brand-primary-medium px-2xs;
-}
-</style>

package/cli/src/templates/components/index.ts.ejs

@@ -1,10 +0,0 @@
-import type { App } from 'vue'
-import Sol<%- props.name %> from './<%- props.name %>.vue'
-
-Sol<%- props.name %>.install = (app: App) => {
-  app.component('Sol<%- props.name %>', Sol<%- props.name %>)
-}
-
-export {
-  Sol<%- props.name %>,
-}

package/cli/src/templates/components.d.ts.ejs

@@ -1,10 +0,0 @@
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-  <% props.componentsNames.forEach((comp, index) => {%><%-
-    `${comp}: typeof import('@solfacil/girassol')['${comp}']`
-  %>
-  <% });%>
-  }
-}
-
-export {}

package/cli/src/templates/nuxt-plugin.ejs

@@ -1,7 +0,0 @@
-import { defineNuxtPlugin } from '#app';
-
-import { install } from '@solfacil/girassol'
-
-export default defineNuxtPlugin(({ vueApp }) => {
-  vueApp.use(install)
-})

package/cli/src/templates/vue-plugin.ejs

@@ -1,5 +0,0 @@
-import { install } from '@solfacil/girassol'
-
-export default {
-  install
-}

package/cli/src/types.ts

@@ -1 +0,0 @@
-// export types

package/cli/tsconfig.json

@@ -1,28 +0,0 @@
-{
-  "compilerOptions": {
-    "allowSyntheticDefaultImports": false,
-    "experimentalDecorators": true,
-    "lib": [
-      "es2015",
-      "scripthost",
-      "es2015.promise",
-      "es2015.generator",
-      "es2015.iterable",
-      "dom"
-    ],
-    "module": "commonjs",
-    "moduleResolution": "node",
-    "noImplicitAny": false,
-    "noImplicitThis": true,
-    "noUnusedLocals": true,
-    "sourceMap": false,
-    "inlineSourceMap": true,
-    "outDir": "build",
-    "strict": false,
-    "target": "es5",
-    "declaration": true,
-    "declarationDir": "build/types"
-  },
-  "include": ["src/**/*"],
-  "exclude": ["node_modules"]
-}