Move app to examples

mui · Jul 23, 2024 · ebdc8c9 · ebdc8c9
1 parent 5c3669e
commit ebdc8c9
Show file tree

Hide file tree

Showing 13 changed files with 9 additions and 1,153 deletions.
diff --git a/apps/pigment-css-webpack-ts/.gitignore → examples/pigment-css-webpack-ts/.gitignore b/apps/pigment-css-webpack-ts/.gitignore → examples/pigment-css-webpack-ts/.gitignore
diff --git a/apps/pigment-css-webpack-ts/README.md → examples/pigment-css-webpack-ts/README.md b/apps/pigment-css-webpack-ts/README.md → examples/pigment-css-webpack-ts/README.md
diff --git a/apps/pigment-css-webpack-ts/index.html → examples/pigment-css-webpack-ts/index.html b/apps/pigment-css-webpack-ts/index.html → examples/pigment-css-webpack-ts/index.html
diff --git a/apps/pigment-css-webpack-ts/package.json → examples/pigment-css-webpack-ts/package.json b/apps/pigment-css-webpack-ts/package.json → examples/pigment-css-webpack-ts/package.json
@@ -8,12 +8,12 @@
     "preview": "vite preview"
   },
   "dependencies": {
-    "@pigment-css/react": "workspace:^",
+    "@pigment-css/react": "latest",
     "react": "latest",
     "react-dom": "latest"
   },
   "devDependencies": {
-    "@pigment-css/unplugin": "workspace:^",
+    "@pigment-css/unplugin": "latest",
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "css-loader": "^7.1.2",
@@ -24,19 +24,5 @@
     "webpack": "^5.91.0",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^5.0.4"
-  },
-  "nx": {
-    "targets": {
-      "preview": {
-        "dependsOn": [
-          "^build"
-        ]
-      },
-      "dev": {
-        "dependsOn": [
-          "^build"
-        ]
-      }
-    }
   }
 }
diff --git a/apps/pigment-css-webpack-ts/src/App.tsx → examples/pigment-css-webpack-ts/src/App.tsx b/apps/pigment-css-webpack-ts/src/App.tsx → examples/pigment-css-webpack-ts/src/App.tsx
diff --git a/apps/pigment-css-webpack-ts/src/augment.d.ts → ...s/pigment-css-webpack-ts/src/augment.d.ts b/apps/pigment-css-webpack-ts/src/augment.d.ts → ...s/pigment-css-webpack-ts/src/augment.d.ts
diff --git a/apps/pigment-css-webpack-ts/src/globals.css → ...es/pigment-css-webpack-ts/src/globals.css b/apps/pigment-css-webpack-ts/src/globals.css → ...es/pigment-css-webpack-ts/src/globals.css
diff --git a/apps/pigment-css-webpack-ts/src/main.tsx → examples/pigment-css-webpack-ts/src/main.tsx b/apps/pigment-css-webpack-ts/src/main.tsx → examples/pigment-css-webpack-ts/src/main.tsx
diff --git a/apps/pigment-css-webpack-ts/tsconfig.json → ...ples/pigment-css-webpack-ts/tsconfig.json b/apps/pigment-css-webpack-ts/tsconfig.json → ...ples/pigment-css-webpack-ts/tsconfig.json
diff --git a/...pigment-css-webpack-ts/tsconfig.node.json → ...pigment-css-webpack-ts/tsconfig.node.json b/...pigment-css-webpack-ts/tsconfig.node.json → ...pigment-css-webpack-ts/tsconfig.node.json
diff --git a/...pigment-css-webpack-ts/webpack.config.cjs → ...pigment-css-webpack-ts/webpack.config.cjs b/...pigment-css-webpack-ts/webpack.config.cjs → ...pigment-css-webpack-ts/webpack.config.cjs
diff --git a/packages/pigment-css-unplugin/src/index.ts b/packages/pigment-css-unplugin/src/index.ts
@@ -8,7 +8,7 @@ import {
   transform,
   createFileReporter,
 } from '@wyw-in-js/transform';
-import { asyncResolveFallback } from '@wyw-in-js/shared';
+import { asyncResolveFallback, slugify } from '@wyw-in-js/shared';
 import {
   UnpluginFactoryOutput,
   WebpackPluginInstance,
@@ -325,11 +325,14 @@ export const plugin = createUnplugin<PigmentOptions, true>((options) => {
         }
 
         const rootPath = process.cwd();
+        const slug = slugify(cssText);
         const cssFilename = path
-          .normalize(`${id.replace(/\.[jt]sx?$/, '')}.pigment.css`)
+          .normalize(`${id.replace(/\.[jt]sx?$/, '')}-${slug}.pigment.css`)
           .replace(/\\/g, path.posix.sep);
 
         const cssRelativePath = path.relative(rootPath, cssFilename).replace(/\\/g, path.posix.sep);
+        // Starting with null character so that it calls the resolver method (resolveId in line:430)
+        // Otherwise, webpack tries to resolve the path directly
         const cssId = `\0${cssRelativePath}`;
 
         cssFileLookup.set(cssId, cssText);