@policystudio/policy-studio-ui-vue 1.1.89 → 1.1.90-beta.10

package/.eslintignore

@@ -0,0 +1 @@
+.storybook

package/.eslintrc.js

@@ -1,68 +1,75 @@
-module.exports = {
-  root: true,
-  env: {
-    node: true
-  },
-  extends: [
-    'plugin:vue/essential',
-    'eslint:recommended',
-  ],
-  parserOptions: {
-    parser: 'babel-eslint',
-    requireConfigFile: false,
-  },
-  rules: {
-    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
-    'semi': ['warn', 'never'],
-    'quotes': [2, 'single'],
-    'vue/order-in-components': ['warn', {
-      'order': [
-        'el',
-        'name',
-        'key',
-        'parent',
-        ['components', 'directives', 'filters'],
-        ['props', 'propsData'],
-        'functional',
-        ['delimiters', 'comments'],
-        'extends',
-        'mixins',
-        ['provide', 'inject'],
-        'ROUTER_GUARDS',
-        'layout',
-        'middleware',
-        'validate',
-        'scrollToTop',
-        'transition',
-        'loading',
-        'inheritAttrs',
-        'model',
-        'emits',
-        'setup',
-        'asyncData',
-        'data',
-        'fetch',
-        'head',
-        'computed',
-        'watch',
-        'watchQuery',
-        'LIFECYCLE_HOOKS',
-        'methods',
-        ['template', 'render'],
-        'renderError'
-      ]
-    }]
-  },
-  overrides: [
-    {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        jest: true
+  module.exports = {
+    root: true,
+
+    env: {
+      node: true
+    },
+
+    parser: 'vue-eslint-parser',
+
+    parserOptions: {
+      parser: '@typescript-eslint/parser',
+      requireConfigFile: false,
+    },
+    extends: [
+      'plugin:vue/vue3-essential', 
+      'eslint:recommended',
+      'plugin:vue/vue3-strongly-recommended',
+      '@vue/typescript'
+    ],
+    rules: {
+      'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+      'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
+      'semi': ['warn', 'never'],
+      'quotes': [2, 'single'],
+      'vue/order-in-components': ['warn', {
+        'order': [
+          'el',
+          'name',
+          'key',
+          'parent',
+          ['components', 'directives', 'filters'],
+          ['props', 'propsData'],
+          'functional',
+          ['delimiters', 'comments'],
+          'extends',
+          'mixins',
+          ['provide', 'inject'],
+          'ROUTER_GUARDS',
+          'layout',
+          'middleware',
+          'validate',
+          'scrollToTop',
+          'transition',
+          'loading',
+          'inheritAttrs',
+          'model',
+          'emits',
+          'setup',
+          'asyncData',
+          'data',
+          'fetch',
+          'head',
+          'computed',
+          'watch',
+          'watchQuery',
+          'LIFECYCLE_HOOKS',
+          'methods',
+          ['template', 'render'],
+          'renderError'
+        ]
+      }]
+    },
+
+    overrides: [
+      {
+        files: [
+          '**/__tests__/*.{j,t}s?(x)',
+          '**/tests/unit/**/*.spec.{j,t}s?(x)'
+        ],
+        env: {
+          jest: true
+        }
       }
-    }
-  ]
-}
+    ],
+  }

package/.github/workflows/deploy-storybook.yml

@@ -26,7 +26,7 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v2
         with:
-          node-version: ^14.0.0
+          node-version: 18.19.0
 
       - name: Install dependencies
         run: npm install && npm install vercel@25.1.0 && npm install -g vercel@25.1.0

package/.storybook/PolicyStudio.ts

@@ -0,0 +1,11 @@
+import { create } from '@storybook/theming'
+import PolicyStudioUiLogo from '../src/assets/images/policy-studio.svg'
+
+
+export default create({
+  base: 'light',
+  brandTitle: 'Policy Studio UI Vue',
+  brandUrl: 'https://policystudio.co/',
+  brandImage: PolicyStudioUiLogo,
+  brandTarget: '_blank',
+});

package/.storybook/eventBus.ts

@@ -0,0 +1,26 @@
+// this was a vue2 syntax
+// import Vue from 'vue';
+// export const eventBus = new Vue();
+
+// import { createApp } from 'vue';
+
+// export const app = createApp({});
+// const emitter = app.config.globalProperties.$emitter = {};
+
+// export const eventBus = {
+//   on(event, callback) {
+//     if (!emitter[event]) {
+//       emitter[event] = [];
+//     }
+//     emitter[event].push(callback);
+//   },
+//   emit(event, ...args) {
+//     if (emitter[event]) {
+//       emitter[event].forEach(callback => {
+//         callback(...args);
+//       });
+//     }
+//   },
+// };
+
+// app.mount('#app');

package/.storybook/main.ts

@@ -0,0 +1,21 @@
+/** @type { import('@storybook/vue3-webpack5').StorybookConfig } */
+const config = {
+  stories: ["../src/**/*.mdx", "../src/**/*.stories.@(js|jsx|mjs|ts|tsx)"],
+  addons: [
+    "@storybook/addon-links",
+    "@storybook/addon-essentials",
+    "@storybook/addon-interactions",
+  ],
+  framework: {
+    name: "@storybook/vue3-webpack5",
+    options: {
+      builder: {
+        useSWC: true,
+      },
+    },
+  },
+  docs: {
+    autodocs: "tag",
+  },
+};
+export default config;

package/.storybook/manager.ts

@@ -0,0 +1,7 @@
+import { addons } from '@storybook/manager-api'
+
+import PolicyStudio from './PolicyStudio'
+
+addons.setConfig({
+  theme: PolicyStudio,
+});