@supersoniks/concorde 3.0.0 → 3.0.2

package/src/docs/search/docs-search.json

@@ -3733,35 +3733,5 @@
         }
       }
     }
-  },
-  {
-    "search": "Taxonomy",
-    "files": {
-      "la-billetterie/components/event/atoms/taxonomy/taxonomy.md": {
-        "title": "Taxonomy",
-        "hashes": {
-          "taxonomy": {
-            "count": 1,
-            "title": "",
-            "type": "page"
-          }
-        }
-      }
-    }
-  },
-  {
-    "search": "Évènements",
-    "files": {
-      "la-billetterie/components/event/event.md": {
-        "title": "Évènements",
-        "hashes": {
-          "évènements": {
-            "count": 1,
-            "title": "",
-            "type": "page"
-          }
-        }
-      }
-    }
   }
 ]

package/src/docs/search/search.ts

@@ -1,7 +1,7 @@
 import { html, LitElement, nothing } from "lit";
 import { customElement, state } from "lit/decorators.js";
 import { PublisherManager } from "@supersoniks/concorde/utils";
-// import {tailwind} from "@supersoniks/concorde/la-billetterie/tailwind";
+import { tailwind } from "../tailwind";
 import search from "./docs-search.json";
 import "@supersoniks/concorde/core/components/ui/divider/divider";
 import "@supersoniks/concorde/core/components/ui/icon/icon";
@@ -12,7 +12,7 @@ const win: any = window;
 const fuzzysort = win.fuzzysort;
 @customElement(tagName)
 export class DocsSearch extends LitElement {
-  // static styles = [tailwind];
+  static styles = [tailwind];
   @state({ type: Boolean }) hidePopMenu = true;
   search(val) {
     if (!val || val.length < 3) {

package/src/docs/tailwind/css/tailwind.css

@@ -0,0 +1,25 @@
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+
+.custom-scroll {
+  overflow: auto !important;
+}
+
+.custom-scroll:hover::-webkit-scrollbar-thumb {
+  box-shadow: inset 0 0 2rem 2rem var(--sc-base-900);
+}
+
+.custom-scroll::-webkit-scrollbar {
+  width: 0.5rem;
+  height: 0.5rem;
+  border: solid 0.15rem transparent;
+  border-radius: var(--sc-rounded);
+  background: transparent;
+}
+
+.custom-scroll::-webkit-scrollbar-thumb {
+  opacity: 0;
+  transition: box-shadow 0.2s;
+  border: solid 0.15rem transparent;
+}

package/src/docs/tailwind/index.ts

@@ -0,0 +1,6 @@
+import { css, unsafeCSS } from "lit";
+import tailwindImport from "./css/tailwind.css?inline";
+
+export const tailwind = css`
+  ${unsafeCSS(tailwindImport)}
+`;

package/src/mixins.ts

@@ -12,7 +12,7 @@ export const Subscriber = mySubscriber.default;
 import * as myTemplatesContainer from "@supersoniks/concorde/core/mixins/TemplatesContainer";
 export const TemplatesContainer = myTemplatesContainer.default;
 
-import {ConcordeWindow} from "./core/_types/types";
+import { ConcordeWindow } from "./core/_types/types";
 declare const window: ConcordeWindow;
 
 window["concorde-mixins"] = window["concorde-mixins"] || {};

package/tailwind.config.js

@@ -0,0 +1,186 @@
+module.exports = {
+  content: [
+    "./src/**/*.{js,ts,scss,md}",
+    "./json/**/*.json",
+    "./index.html",
+  ],
+  theme: {
+    borderRadius: {
+      DEFAULT: "var(--sc-rounded)",
+      none: "0",
+      sm: "var(--sc-rounded-sm)",
+      md: "var(--sc-rounded-md)",
+      lg: "var(--sc-rounded-lg)",
+      xl: "var(--sc-rounded-xl)",
+      full: "9999px",
+    },
+    colors: {
+      transparent: "transparent",
+      current: "currentColor",
+      content: "var(--sc-base-content)",
+      neutral: {
+        0: "var(--sc-base)",
+        50: "var(--sc-base-50)",
+        100: "var(--sc-base-100)",
+        200: "var(--sc-base-200)",
+        300: "var(--sc-base-300)",
+        400: "var(--sc-base-400)",
+        500: "var(--sc-base-500)",
+        600: "var(--sc-base-600)",
+        700: "var(--sc-base-700)",
+        800: "var(--sc-base-800)",
+        900: "var(--sc-base-900)",
+        content: "var(--sc-base)",
+      },
+      primary: {
+        DEFAULT: "var(--sc-primary)",
+        content: "var(--sc-primary-content)",
+      },
+      success: {
+        DEFAULT: "var(--sc-success)",
+        content: "var(--sc-success-content)",
+      },
+      danger: {
+        DEFAULT: "var(--sc-danger)",
+        content: "var(--sc-danger-content)",
+      },
+      warning: {
+        DEFAULT: "var(--sc-warning)",
+        content: "var(--sc-warning-content)",
+      },
+      info: {
+        DEFAULT: "var(--sc-info)",
+        content: "var(--sc-info-content)",
+      },
+      contrast: {
+        DEFAULT: "var(--sc-contrast)",
+        content: "var(--sc-contrast-content)",
+      },
+    },
+    extend: {
+      extend: {
+        maxWidth: {
+          'prose': '70ch',
+        }
+      },
+      borderWidth: {
+        DEFAULT: "var(--sc-border-width)",
+      },
+      fontFamily: {
+        headings: ["var(--sc-headings-font-family)"],
+        body: ["var(--sc-font-family-base)"],
+        monospace: ["var(--sc-font-family-monospace, monospace)"],
+      },
+      fontWeight: {
+        headings: "var(--sc-headings-font-weight)",
+      },
+      animation: {
+        heartbeat: "heartbeat 1.15s ease-in-out infinite",
+      },
+      keyframes: {
+        heartbeat: {
+          "0%": {
+            transform: "scale(1)",
+          },
+
+          "14%": {
+            transform: "scale(1.3)",
+          },
+
+          "28%": {
+            transform: "scale(1)",
+          },
+
+          "42%": {
+            transform: "scale(1.3)",
+          },
+
+          "70%": {
+            transform: "scale(1)",
+          },
+        },
+      },
+      typography: {
+        DEFAULT: {
+          fontFamily: ["var(--sc-font-family-base)", "sans-serif"],
+          css: {
+            "--tw-prose-body": "var(--sc-base-content)",
+            "--tw-prose-headings": "var(--sc-base-900)",
+            "--tw-prose-lead": "var(--sc-base-content)",
+            "--tw-prose-links": "var(--sc-base-900)",
+            "--tw-prose-bold": "var(--sc-base-content)",
+            "--tw-prose-counters": "var(--sc-base-500)",
+            "--tw-prose-bullets": "var(--sc-base-300)",
+            "--tw-prose-hr": "var(--sc-base-200)",
+            "--tw-prose-quotes": "var(--sc-base-content)",
+            "--tw-prose-quote-borders": "var(--sc-base-200)",
+            "--tw-prose-captions": "var(--sc-base-500)",
+            "--tw-prose-code": "var(--sc-base-900)",
+            "--tw-prose-pre-code": "var(--sc-base-200)",
+            "--tw-prose-pre-bg": "var(--sc-base-800)",
+            "--tw-prose-th-borders": "var(--sc-base-300)",
+            "--tw-prose-td-borders": "var(--sc-base-200)",
+            "--tw-prose-invert-body": "var(--sc-base-300)",
+            "--tw-prose-invert-headings": "var(--sc-base)",
+            "--tw-prose-invert-lead": "var(--sc-base-400)",
+            "--tw-prose-invert-links": "var(--sc-base)",
+            "--tw-prose-invert-bold": "var(--sc-base)",
+            "--tw-prose-invert-counters": "var(--sc-base-400)",
+            "--tw-prose-invert-bullets": "var(--sc-base-600)",
+            "--tw-prose-invert-hr": "var(--sc-base-700)",
+            "--tw-prose-invert-quotes": "var(--sc-base-100)",
+            "--tw-prose-invert-quote-borders": "var(--sc-base-700)",
+            "--tw-prose-invert-captions": "var(--sc-base-400)",
+            "--tw-prose-invert-code": "var(--sc-base)",
+            "--tw-prose-invert-pre-code": "var(--sc-base-300)",
+            "--tw-prose-invert-pre-bg": "var(--sc-base-900)",
+            "--tw-prose-invert-th-borders": "var(--sc-base-600)",
+            "--tw-prose-invert-td-borders": "var(--sc-base-700)",
+            "line-height": "1.5",
+            'ol': {
+              'margin-top': "1em",
+              'margin-bottom': "1em",
+            },
+            'ul': {
+              'margin-top': "1em",
+              'margin-bottom': "1em",
+            },
+            "p": {
+              'margin-top': "1em",
+              'margin-bottom': "1em",
+            },
+            "strong a": {
+              fontWeight: "bolder",
+            },
+            'iframe[src*="youtu"]': {
+              borderRadius: "var(--sc-rounded-md)",
+            },
+            li: {
+              "margin-bottom": "0.5em",
+              "list-style-type": "disc",
+            },
+            a: {
+              textDecoration: "underline",
+            },
+          },
+        },
+      },
+      fontSize: {
+        xs: "0.75rem" /* 12px */,
+        sm: "0.875rem" /* 14px */,
+        base: "1rem" /* 14px */,
+        lg: "1.125rem" /* 18px */,
+        xl: "1.25rem" /* 20px */,
+        "2xl": "1.5rem" /* 24px */,
+        "3xl": "1.875rem" /* 30px */,
+        "4xl": "2.25rem" /* 36px */,
+        "5xl": "3rem" /* 48px */,
+        "6xl": "3.75rem" /* 60px */,
+        "7xl": "4.5rem" /* 72px */,
+        "8xl": "6rem" /* 96px */,
+        "9xl": "8rem" /* 128px */,
+      }
+    },
+  },
+  plugins: [require("@tailwindcss/typography")],
+};

package/vite/config.js

@@ -1,5 +1,5 @@
 import fs from "fs";
-import path, { resolve } from "path";
+import path from "path";
 
 console.log("🚀 creation d'un référence de tagsNames de WebComponents");
 
@@ -39,7 +39,6 @@ componentsFiles.forEach((file) => {
     });
   }
 });
-// fs.writeFileSync(path.resolve("src/tag-list.json"), JSON.stringify(components));
 
 /**
  * Rollup plugin to scope components by replacing the prefix "sonic" with a custom prefix
@@ -57,23 +56,16 @@ const scopeComponents = (prefix, filesFilter) => {
     name: "replace-text",
 
     //Add e resolver to the plugin
-    // resolveId(source) {
-    //   console.log(process.env.NODE_ENV);
-    //   // if (process.env.NODE_ENV === "development") {
-    //   return source;
-    //   // }
-    //   //get extension from source
-    //   let extension = path.extname(source);
-    //   extension = extension ? "" : ".ts";
-    //   // remap source beginig with @supersoniks/concorde to the local path
-
-    //     return path.resolve(
-    //       source.replace("@supersoniks/concorde", __dirname + "/../src") +
-    //         extension
-    //     );
-    //   }
-    // },
-
+    resolveId(source) {
+      let extension = path.extname(source);
+      extension = extension ? "" : ".ts";
+      // remap source beginig with @supersoniks/concorde to the local path
+
+      return path.resolve(
+        source.replace("@supersoniks/concorde", __dirname + "/../src") +
+          extension
+      );
+    },
     transform(code, id) {
       if (
         id.indexOf("node_modules") != -1 &&
@@ -96,13 +88,19 @@ const scopeComponents = (prefix, filesFilter) => {
 };
 
 const config = (
-  componentsScope = "sonic",
-  tsConfig = null,
-  viteConfig = {}
+  options = {
+    componentPrefix: "sonic",
+    tsConfig: null,
+    viteConfig: {},
+  }
 ) => {
   //log current directory from where the script is running
 
+  const componentsScope = options.componentPrefix;
+  const tsConfig = options.tsConfig;
+  const viteConfig = options.viteConfig;
   const result = { ...viteConfig };
+
   result.plugins = [
     ...(result.plugins || []),
     scopeComponents(componentsScope),
@@ -123,6 +121,8 @@ const config = (
     };
     result.optimizeDeps = {
       ...(result.optimizeDeps || {}),
+      exclude: ["@supersoniks/concorde"],
+      include: ["url-pattern", "url-pattern/*", "url-pattern/*/*"],
       esbuildOptions: {
         ...(result.optimizeDeps?.esbuildOptions || {}),
         tsconfigRaw: tsConfig,

package/vite.config.mts

@@ -1,3 +1,5 @@
+import postcssLit from "rollup-plugin-postcss-lit";
+
 // import minifyHTML from "rollup-plugin-minify-html-literals";
 import { defineConfig } from "vite";
 import path from "path";
@@ -28,12 +30,12 @@ export const config = {
     outDir: "dist",
     isLibrary: true,
   },
-  // docs: {
-  //   entry: path.resolve(__dirname, "./src/docs.ts"),
-  //   name: "concorde-core",
-  //   outDir: "../../concorde_doc",
-  //   isLibrary: false,
-  // },
+  docs: {
+    entry: path.resolve(__dirname, "./src/docs.ts"),
+    name: "concorde-core",
+    outDir: "docs",
+    isLibrary: false,
+  },
 };
 let libName = process.env.LIB_NAME;
 if (!libName) libName = "core";
@@ -64,6 +66,7 @@ fs.writeFileSync(
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: "./",
   define: {
     // Définir une constante contenant la date de build
     __BUILD_DATE__: JSON.stringify(__BUILD_DATE__.toString()),
@@ -76,12 +79,11 @@ export default defineConfig({
       },
     ],
   },
-  server: {
-    port: 3000,
-  },
-  esbuild: {
-    minify: false,
-  },
   build: build,
-  plugins: [CustomHmr()],
+  plugins: [
+    CustomHmr(),
+    postcssLit({
+      include: ["src/**/*.css", "src/**/*.css?*"],
+    }),
+  ],
 });

package/src/core/components/ui/theme/css/tailwind.css

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