Added Tooling and scripts for oscd

tools/oscd/.eslintrc.json

@@ -15,7 +15,7 @@
       "rules": {}
     },
     {
-      "files": ["./package.json", "./executors.json"],
+      "files": ["./package.json", "./executors.json", "./generators.json"],
       "parser": "jsonc-eslint-parser",
       "rules": {
         "@nx/nx-plugin-checks": "error"

tools/oscd/generators.json

@@ -4,6 +4,11 @@
         "factory": "./src/generators/component/generator",
         "schema": "./src/generators/component/schema.json",
         "description": "oscd-component generator"
+      },
+      "status": {
+        "factory": "./src/generators/status/generator",
+        "schema": "./src/generators/status/schema.json",
+        "description": "Oscd Component Status setter"
       }
     }
   }

tools/oscd/package.json

@@ -3,5 +3,11 @@
   "version": "0.0.1",
   "type": "commonjs",
   "executors": "./executors.json",
-  "generators": "./generators.json"
+  "generators": "./generators.json",
+  "dependencies": {
+    "@nx/devkit": "16.6.0"
+  },
+  "devDependencies": {
+    "mem": "^9.0.2"
+  }
 }

tools/oscd/project.json

@@ -44,23 +44,10 @@
           "oscd/**/*.ts",
           "oscd/package.json",
           "tools/oscd/executors.json",
-          "tools/oscd/package.json"
+          "tools/oscd/package.json",
+          "tools/oscd/generators.json"
         ]
       }
-    },
-    "test": {
-      "executor": "@nx/jest:jest",
-      "outputs": ["{workspaceRoot}/coverage/{projectRoot}"],
-      "options": {
-        "jestConfig": "oscd/jest.config.ts",
-        "passWithNoTests": true
-      },
-      "configurations": {
-        "ci": {
-          "ci": true,
-          "codeCoverage": true
-        }
-      }
     }
   },
   "tags": []

tools/oscd/src/generators/component/files/.gitignore

@@ -8,23 +8,13 @@
 ## npm
 /node_modules/
 /npm-debug.log
-
-## failed screenshots
-/screenshots/*/failed/
+.tsbuildinfo
 
 ## testing
 /coverage/
 
-## local debug
-/.npmrc
-
-## temp folders
-/.tmp/
+## docs
+/doc/
 
 # build
-/_site/
 /dist/
-/out-tsc/
-
-storybook-static
-custom-elements.json

tools/oscd/src/generators/component/files/.npmignore

@@ -8,22 +8,11 @@
 ## npm
 /node_modules/
 /npm-debug.log
-
-## failed screenshots
-/screenshots/*/failed/
+.tsbuildinfo
 
 ## testing
 /coverage/
 
-## local debug
-/.npmrc
-
-## temp folders
-/.tmp/
-
-# build
-/_site/
-/out-tsc/
+## docs
+/doc/
 
-storybook-static
-custom-elements.json

tools/oscd/src/generators/component/files/.storybook/main.ts

@@ -2,7 +2,21 @@ import type { StorybookConfig } from '@storybook/web-components-vite';
 
 const config: StorybookConfig = {
   stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)', '../stories/**/*.mdx'],
-  addons: ['@storybook/addon-essentials'],
+  addons: [
+    '@storybook/addon-docs',
+    '@storybook/addon-controls',
+    '@storybook/addon-actions',
+    '@storybook/addon-a11y',
+    '@storybook/addon-links',
+    {
+      name: '@storybook/adddon-essentials',
+      options: {
+        background: false,
+      },
+    },
+    '@etchteam/storybook-addon-status/register',
+    'storybook-addon-root-attribute/register',
+  ],
   framework: {
     name: '@storybook/web-components-vite',
     options: {
@@ -14,7 +28,3 @@ const config: StorybookConfig = {
 };
 
 export default config;
-
-// To customize your Vite configuration you can use the viteFinal field.
-// Check https://storybook.js.org/docs/react/builders/vite#configuration
-// and https://nx.dev/packages/storybook/documents/custom-builder-configs

tools/oscd/src/generators/component/files/.storybook/preview-head.html

@@ -1 +1,12 @@
-<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@48,400,0,0" />
+
+<style>
+    .story-wrapper {
+        background: #FFFFFF;
+        padding: 32px;
+    }
+
+    :root[dark] .story-wrapper {
+        background: #242424;
+    }
+</style>

tools/oscd/src/generators/component/files/.storybook/preview.ts

@@ -0,0 +1,38 @@
+import { html } from 'lit';
+import { withRootAttribute } from 'storybook-addon-root-attribute';
+
+import '../../../themes/prebuilt/oscd.css';
+
+export const decorators = [
+  withRootAttribute,
+  (story) => html`<div class="story-wrapper">${story()}</div>`,
+];
+
+export const parameters = {
+  statuses: {
+    released: {
+      background: '#0000ff',
+      color: '#ffffff',
+      description: 'This component is stable and released',
+    },
+    beta: {
+      background: '#FF0000',
+      color: '#FFFFFF',
+      description: 'This component is still in beta',
+    },
+  },
+  rootAttribute: {
+    defaultState: {
+      name: 'Light',
+      value: null,
+    },
+    attribute: 'dark',
+    tooltip: true,
+    states: [
+      {
+        name: 'Dark',
+        value: 'dark',
+      },
+    ],
+  },
+};

tools/oscd/src/generators/component/files/CHANGELOG.md

@@ -1 +1 @@
-# Changelog
+# Changelog

tools/oscd/src/generators/component/files/EXAMPLE.md.template

@@ -0,0 +1,4 @@
+```html
+<<%= selector %>>
+</<%= selector %>>
+```